/* LAYOUT STYLES -------------------------------------------- */
.data {
	display: none;
}

body {
	background: transparent url(../img/bg-paper.jpg) repeat;
	cursor: pointer;
}

#header {
	background: #673345 url(../img/bg-header-drop-p.png) repeat-x bottom left;
	color: #fff;
	min-height: 100px;
}

#contribute #header {
	background: #c14739 url(../img/bg-header-drop-o.png) repeat-x bottom left;
}

#create #header {
	background: #feca6e url(../img/bg-header-drop-y.png) repeat-x bottom left;
}

#community #header {
	background: #3e6353 url(../img/bg-header-drop-g.png) repeat-x bottom left;
}

a#logo {
	margin: 20px 0 0 20px;
	display: block;
	width: 159px;
	height: 109px;
}

.content {
	margin: 0;
	width: 960px;
	padding: 0 10px;
	overflow: hidden;
}

#body .content {
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 20px;
	width: 960px;
}

#body, #header {
	overflow: hidden;	
}



.main {
	overflow: hidden;
	padding-top: 40px;
}

.left-column {
	float: left;
	width: 220px;
	padding: 0 30px 0 0;
}

body#classes p.temp {
	margin-bottom: 200px;
}

.related {
	float: right;
	width: 300px;
}

ul#utility-nav {
	background: transparent url(../img/bg-utility.png) no-repeat top left;
	height: 130px;
	width: 278px;
	float: right;
	padding-top: 16px;
	margin-bottom: 0;
}

ul#utility-nav li {
	margin-left: 78px;
}

ul#primary-nav {
	height: 28px;
	overflow: hidden;
	margin: 0 0 8px 170px;
	width: 960px;
}

ul#primary-nav li {
	margin: 0;
	padding: 0 75px 0 0;
	float: left;
}

ul#primary-nav li.last {
	padding-right: 0;
}

ul#primary-nav li a {
	float: left;
	display: block;
	height: 28px;
	background: transparent url(../img/primary-nav.gif) no-repeat top left;
	cursor: pointer;
}

ul#primary-nav li#neighborhood a { background-position: 0 -312px; width: 249px;}
ul#primary-nav li#studio a { background-position: 0 -1560px; width: 180px;} 
ul#primary-nav li#philosophy a { background-position: 0 -936px; width: 211px;} 

ul#primary-nav li#neighborhood a.selected,
ul#primary-nav li#neighborhood a:hover { background-position: 0 0; } 
#community ul#primary-nav li#neighborhood a.selected,
#community ul#primary-nav li#neighborhood a:hover { background-position: 0 -78px; } 
#contribute ul#primary-nav li#neighborhood a.selected,
#contribute ul#primary-nav li#neighborhood a:hover { background-position: 0 -156px; } 
#create ul#primary-nav li#neighborhood a.selected,
#create ul#primary-nav li#neighborhood a:hover { background-position: 0 -234px; } 
 
#community ul#primary-nav li#neighborhood a { background-position: 0 -390px; } 
#contribute ul#primary-nav li#neighborhood a { background-position: 0 -468px; } 
#create ul#primary-nav li#neighborhood a { background-position: 0 -546px; } 

ul#primary-nav li#philosophy a.selected,
ul#primary-nav li#philosophy a:hover { background-position: 0 -624px; } 
#community ul#primary-nav li#philosophy a.selected,
#community ul#primary-nav li#philosophy a:hover { background-position: 0 -702px; } 
#contribute ul#primary-nav li#philosophy a.selected,
#contribute ul#primary-nav li#philosophy a:hover { background-position: 0 -780px; } 
#create ul#primary-nav li#philosophy a.selected,
#create ul#primary-nav li#philosophy a:hover { background-position: 0 -858px; } 

#community ul#primary-nav li#philosophy a { background-position: 0 -1014px; } 
#contribute ul#primary-nav li#philosophy a { background-position: 0 -1092px; } 
#create ul#primary-nav li#philosophy a { background-position: 0 -1170px; } 

ul#primary-nav li#studio a.selected,
ul#primary-nav li#studio a:hover { background-position: 0 -1248px; } 
#contribute ul#primary-nav li#studio a.selected,
#contribute ul#primary-nav li#studio a:hover { background-position: 0 -1326px; } 
#community ul#primary-nav li#studio a.selected,
#community ul#primary-nav li#studio a:hover { background-position: 0 -1404px; } 
#create ul#primary-nav li#studio a.selected,
#create ul#primary-nav li#studio a:hover { background-position: 0 -1482px; } 

#community ul#primary-nav li#studio a { background-position: 0 -1638px; } 
#contribute ul#primary-nav li#studio a { background-position: 0 -1716px; } 
#create ul#primary-nav li#studio a { background-position: 0 -1794px; }

ul#C3 {
	float: right;
	overflow: hidden;
	width: 210px;
}

ul#C3 li {
	float: left;
	margin: 0;
	padding-right: 5px;
}

ul#C3 li.last {
	padding-right: 0px;
}

ul#C3 li a {
	display: block;
	height: 250px;
	width: 187px;
	float: left;
	background: transparent url(../img/C3.png) no-repeat top left;
	cursor: pointer;
}

ul#C3 li#contribute a {
	width: 200px;
	height: 246px;  
	background-position: 0 -809px;
}

ul#C3 li#create a {
	width: 174px;
	height: 213px;
	background-position: 0 -1373px;
	margin-top: 13px;
	margin-left: 15px;
}

ul#C3 li#community a {
	width: 187px;
	height: 210px;
	background-position: 0 -256px;
	margin-top: 15px;
}

ul#C3 li#contribute a.selected,
ul#C3 li#contribute a:hover {
	background-position: 0 -512px;
}

ul#C3 li#create a:hover,
ul#C3 li#create a.selected {
	background-position: 0 -1106px;
}

ul#C3 li#community a.selected,
ul#C3 li#community a:hover {
	background-position: 0 0;
}

div#contact {
	background: transparent url(../img/bg-contact.gif) no-repeat top left;
	width: 235px;
	height: 100px;
	padding: 30px;
	text-align: center;
	float: right;
	margin-top: 40px;
}

div#contact p,
div#contact span {
	margin-bottom: 2px;
	font-size: 1.4em;
	color: #405569;
	font-weight: bold;
}

div#contact p.street-address {
	margin-top: -4px;
}

div#contact p span {
	font-size: 1em;
}

div#contact span.tel {
	font-size: 1.3em;
	padding-left: 4px;
}

div#contact a.email {
	font-size: 1.3em;
}

/* TYPOGRAPHY/ ELEMENT STYLES -------------------------------------------- */

.hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*note that sifr replaced type styles are contained in sifr config*/

h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 5px;
	color: #154057;
	/*#673345, #a2372b*/
}

h1 {
	font-size: 34px;
	line-height: 30px;
    font-weight: bold;
    color: #673345; 
}

h2 {
	font-size: 2.4em;
	font-weight: bold;
	color: #673345;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.intro {
	color: #673345;
}

h3.intro.first {
	margin-top: 30px;
}

h3.intro.last {
	margin-bottom: 20px;	
}

#community h2 {
	color: #3e6353;
}

#contribute h2 {
	color: #a2372b;
}

#create h2 {
	color: #feca6e;
}


h3 {
	font-size: 1.8em;
	line-height: 1.1em;
}

h3.last {
	margin-bottom: 10px;
}

ul.layout li h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.1em;
	color: #154057;
}

h5.last,
ul.listing h5.last {
	margin-bottom: 5px;
}

ul.listing h5 {
 	font-size: 1em;
 	margin: 0;
}
 
h6 {
	font-size: 1.1em;
	color: #154057;
}

ul, p {
	font-size: 1.4em;
	font-weight: bold;
	color: #405569;
	margin-bottom: 10px;
	line-height: 1.3em;	
} 

body#classes p em a {
	font-weight: normal;
	font-size: 1em;
	color: #673345;
}

ul.layout, ul.layout p, ul.layout ul {
	font-size: 1.2em;
}

#classes h3.intro.last {
	margin-bottom: 40px;
	width: 100%;
}

#classes ul.layout {
	width: 100%;
}

ul.bulleted {
	margin-left: 20px;
}

ul.bulleted li {
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url(../img/icon-bullet.gif) no-repeat 0 4px;
}

ul.bulleted li ul {
	font-size: .9em;
	margin-top: 3px;
	margin-bottom: 0px;
}

ul.bulleted li ul li {
	padding-left: 1px;
	background: none;
}

ul.layout ul.bulleted li {
	overflow: hidden;
	margin-bottom: 6px;
}

p.note {
	font-weight: normal;
}

#classes p.note {
	font-size: 16px;
}

ul.listing li {
	margin-bottom: 6px;
}

ul.listing span {
	width: 526px;
	padding-top: 4px;
	float: left;
}

ul.listing li.with-image span {
	width: 392px;
}

#classes ul.listing li.with-image span {
	width: 519px;
}

ul.listing p {
	font-size: 1em;
}

ul.last,
p.last {
	margin-bottom: 15px;
}

ul li,
ol li {
	margin-bottom: 10px;
}

em {
	font-style: italic;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
}

p.note em {
	font-weight: normal;
	color: #405569;
}

strong {
	font-weight: bold;
}

p.caption {
	font-size: 1em;
	color: #6a6c70;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #ffffff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #154057;
	text-decoration: underline;
}

p.blog a,
p.blog a:link,
p.blog a:visited,
p.blog a:hover,
p.blog a:active
#utility-nav a,
#utility-nav a:link,
#utility-nav a:visited,
#utility-nav a:hover,
#utility-nav a:active {
	color: #154057;
}

p.caption a,
p.caption a:link,
p.caption a:visited,
p.caption a:hover,
p.caption a:active {
	color: #a3a2a2;
}

a.more {
	background:transparent url(../img/icon-star.png) no-repeat left 68%;
	padding-left: 6px;
	font-size: 1.1em;
}

em.more {
	background:transparent url(../img/icon-star.png) no-repeat left 68%;
	padding-left: 25px;
}

blockquote {
	margin-right: 70px;
	margin-bottom: 20px;
	color: #673345;
	background: transparent url(../img/bg-blockquote.png) no-repeat left top;
	padding-left: 70px;
	padding-top: 10px;
}

blockquote.small {
	margin-right: 10px;
	margin-bottom: 15px;
	color: #673345;
	background: transparent url(../img/bg-blockquote-sm.png) no-repeat left top;
	padding-left: 45px;
	padding-top: 8px;
}

blockquote h2 {
	margin-bottom: 6px;
}

blockquote p.attribution {
	text-align: right;
	font-size: 1.2em;
	margin-bottom: 0px;
}

blockquote p.attribution a {
	color: #673345;
}

blockquote em,
blockquote p {
	color: #673345;
}

/* *** MOD EXPERIMENT *** */
/* Adapted from Nicole Sullivan modules
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* mod */
.mod{margin:0;overflow:hidden;*position:relative;*zoom:1;}
.mod .inner{background: url(skin/transparent.png) repeat left top;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;padding:0 4px;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;background-image:url(../img/drop-brown-full.gif);}
Adapted from Nicole Sullivan modules
.tl, .tr, .bl, .br{height:14px; width:14px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;height:32000px; margin-bottom:-32000px;width:13px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-1px;}
.top{background-position:center top;height:4px;}
.bottom{background-position:center bottom;_zoom:1;height:13px;margin-top:-13px;}/* this zoom required for IE5.5 only*/


.mod.slides {
	margin-bottom: 15px;
}

.mod.img {
	margin-bottom: 0px;
}

ul.listing .mod.logo {
	float: right;
	width: 150px;
	margin-bottom: 0;
}

ul.listing .mod.img {
	float: left;
	width: 175px;
}

.mod.slides .bd {
	background: #154057;
	padding: 16px 16px 0 16px;
	margin-right: 9px;
}

.mod.img .bd {
	background: #67888a;
	padding: 6px 6px 3px 6px;
}

#classes ul.listing .mod.img {
	width: 181px;
}

ul.listing .mod.img {
	width: 143px;
}

ul.listing .mod.logo {
	width: 164px;
}

.mod.logo .bd {
	background: #154057;
	padding: 2px 2px 0 2px;
}

 .mod.slides .ft {
	background: #154057;
	padding: 12px 12px 0 12px;
	margin-bottom: 13px;
	margin-right: 9px;
}
 
.mod.img b.bottom,
.mod.logo b.bottom {
 	margin-top: 0;
 }

/* .mod.slides img {
	border: 1px solid #67888a;154057
}
*/
 .mod.logo img {
	border: 1px solid #154057;
}

 .mod.slides b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;background-image:url(../img/drop-full.png);}
 
/* **************** GRIDS ***************** */
ul.layout li, ul.listing li, .lastUnit {overflow: auto; }
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none; width:auto;}

ul.listing {
	overflow: hidden;
	width: 100%;
}

ul.layout li, ul.listing li, p {
	padding-right: 10px;
}

ul.layout li {
	margin-bottom: 20px;
}



/* page specific styles */
#classes #class-image {
	float: right;
	margin-left: 10px;
	margin-top: 20px;
	width: 209px;
}

ul.image-index {
	overflow: hidden;
}

ul.image-index li {
	float: left;
	overflow: hidden;
}

ul.image-index li a {
	float: left;
	border: 3px solid #673345;
	display: block;
	height: 130px;
	margin-right: 6px;
}

ul.image-index li a:hover {
	border: 3px solid #B54639;
}

#julie.mod.img {
	width: 144px;
	height: 140px;
	float: left;
}

#body {
	background: transparent url(../img/bg-string.gif) no-repeat bottom left;
	padding-bottom: 260px;	
}


#neighborhood #body .content {
	background: transparent url(../img/bg-neighborhood-sf-lg-ocean.png) no-repeat 232px -52px;
	padding-right: 275px;
}

#neighborhood #body .content div#contact {
	margin-top: 890px;
}

#neighborhood h3.sf {
	width: 467px;
	position: relative;
}

#neighborhood a#ll,
#neighborhood #yoga-tree,
#neighborhood #miette,
#neighborhood #timbuk2,
#neighborhood #green,
#neighborhood #rag {
	width: 250px;
	position: absolute;
	left: 821px;
	top: 370px;
}

#neighborhood a#ll {
	display: block;
	height: 20px;
	width: 20px;
	text-decoration: none;
	left: 716px;
	top: 819px;
}

#neighborhood #miette {
	left: 948px;
	top: 593px;
}

#neighborhood #timbuk2 {
	left: 945px;
	top: 1018px;
}

#neighborhood #green {
	left: 228px;
	top: 590px;
}

#neighborhood #rag {
	left: 248px;
	top: 935px;
}

div.mod div.vcard h4{
	color: #feca6e;
}

div.mod div.vcard a:hover {
	color: #fff;
	text-decoration: underline;
}

div.mod div.vcard p {
	color: #fff;
}

div.mod div.vcard p {
	font-size: .9em;
}

div.mod div.vcard span.tel {
	display: block;
}

div.mod div.vcard p.street-address {
	margin-bottom: 6px;
}

#neighborhood div.mod.img .bd {
	background: #154057;
}

#neighborhood div.mod.slides img {
border:1px solid #154057;
}

#registration h3.form {
	padding-bottom: 20px;
	margin-bottom: 0;
	background: #fff;
	padding: 10px;
	border: 8px solid #67888A;
	border-bottom: none;
}

#registration p.form-note {
	background: #fff;
	margin-bottom: 0;
	padding: 10px;
	border-right: 8px solid #67888A;
	border-left: 8px solid #67888A;	
}

#registration p em a:link,
#registration p em a {
	color: #154057;
}

#registration p#required-os1,
#registration p#required-os2 {
	color: #C14739;
	background: #fff;
	margin-bottom: 0;
	padding: 10px;
	border-right: 8px solid #67888A;
	border-left: 8px solid #67888A;
	display: none;
}

#registration form {
	background: #fff url(../img/icon-paypal.png) no-repeat 542px 10px;
	padding: 10px 10px 25px 10px;
	border: 8px solid #67888A;
	border-top: none;
}

#registration form table td {
	padding-bottom: 8px;
	font-weight: bold;
	font-size: 14px;
}

#registration form table td input {
	width: 325px;
}

#classes p.register {
		margin-bottom: 0;
}

#classes p.register a {
	background: url("../img/icon-register.png") no-repeat scroll right top transparent;
	display: block;
	font-size: 15px;
	height: 25px;
	padding-top: 4px;
	width: 155px;
}

div.main p.blog {
	margin-left: 0px;
	position: relative;
	left: 372px;
	top: 76px;
	width: 80px;
}

#classes div.main p.blog {
	left: 155px;
}

#home p.blog {
  	margin-left: 0px;
	position: absolute;
	left: 143px;
	top: 56px;
	width: 80px;
	z-index: 10;
}

#neighborhood p.blog {
  	margin-left: 0px;
	position: absolute;
	left: 629px;
	top: 1200px;
	width: 80px;
}