/* basic template boxes ******/
body {
	font-family:arial;
	font-size:12px;
	color:#333;
	margin:0px;
	padding:0px;
	background-color:#666;	
}	

#pageWidth {
	width:1152px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}	

#pageBox {
	border:1px solid #333;
	background-color:white;
}	

/* masthead ******/
#topBannerRow1 {
	background-color:#FFF;
	background-image:url(../images/logos-icons/yl-logo.png);
	background-repeat:no-repeat;
	height:124px;
	padding:0px 25px 0px 25px;
}	
#topBannerRow2 {
	background-color:#E3E0C7;
	background-image:url(../images/tan-texture.jpg);
	height:43px;
	padding:0px 25px 0px 25px;
}	
#topBannerRow3 {
	background-color:#74A72A;
	background-image:url(../images/navbar-texture.jpg);
	height:30px;
	padding:0px 25px 0px 25px;
}

a#topLogoLink {
	display:block;
	height:110px;
	width:320px;
	float:left;
}

#welcomeMsg {color:#000;font-size:18px;line-height:40px;float:left;}
#socialLinksTop2 {float:right;position:relative;top:10px;}
#socialLinksTop2 img {border:none;vertical-align:bottom;}
#socialLinksTop2 span {font-weight:bold;font-size:11px;position:absolute;top:7px;left:-55px;width:60px;}
#socialLinksTop2 a {margin-left:8px;}

/* ads */
div.adLeaderboard {
	margin-top:3px;
	float:right;
}	
div.adLabel {
	font-size:10px;
	color:#999;
	text-align:center;
	line-height:1.5em;
}	

div.ad300x250a {margin-bottom:20px;}

/* page guts ******/
#contentWrapper {
	/* lizard bg poking out from behind right col */	
	background-image:url(../images/logos-icons/yogalizard3.jpg);
	background-color:white;
	background-repeat:no-repeat;
	background-position:740px 0px;
}	

/* home page main column */
#mainCol {
	float:left;
	width:715px;
	overflow:hidden;	
	/*background-color:yellow;*/
}	

/* standard page left col (subnav) */
#leftCol {
	float:left;
	width:200px;
	overflow:hidden;
	/*background-color:red;*/
}
#leftCol .borderBox {
	background-image:url(../images/panels/left-panel.jpg);
	background-repeat:no-repeat;
}	

#leftCol .borderBox .padding {
	padding:20px 10px 0px 7px;
}	

#leftCol .borderBoxBottom {
	background-image:url(../images/panels/left-panel-btm.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:200px;
	overflow:hidden;
}		

ul#mainlevel_leftnav {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul#mainlevel_leftnav li  {
	background-color:#74A72A;
	border-bottom:1px solid white;
	padding:5px 0px 5px 20px;
	font-size:11px;
}	

ul#mainlevel_leftnav li:hover {
	background-color:#008080;
}	

ul#mainlevel_leftnav a, ul#mainlevel_leftnav a:active, ul#mainlevel_leftnav a:visited {
	color:white;
	text-decoration:none;	
}	

#centerCol {
	float:left;
	width:490px;
	/*background-color:orange;*/
}	

#rightCol {
	float:left;
	width:330px;
	margin-bottom:25px;
	overflow:hidden;
	/*background-color:blue;*/
}	
#rightCol .borderBox {
	background-image:url(../images/panels/right-panel.png);
	background-repeat:no-repeat;
}	
#rightCol .borderBoxBottom {
	background-image:url(../images/panels/right-panel-btm.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:330px;
	overflow:hidden;
}
#rightCol .margins { margin:0px 16px 0px 14px;padding-top:10px; }
	

div.spacerCol {
	float:left;
	width:25px;
	height:25px;
	overflow:hidden;
	/*background-color:green;*/
}	

#contentTop {height:35px;}	

#dateStamp {
	float:right;
	margin-right:25px;
	padding-top:10px;
	font-size:11px;
	font-weight:bold;
}	

#breadCrumb {margin-left:25px;padding-top:10px;}	

#breadCrumb * {
	display:inline;
	font-size:12px;
}	

#breadCrumb h3 {font-weight:bold;}	

#colContainer {	padding:0px 0px 0px 40px;}	


/* footer *******/
#footer {
	text-align:center;
	background-color:#74A72A;	
}	

#ylCopyright {
	color:white;
	background:#6A9E24;
	line-height:2em;
	background-image:url(../images/navbar-texture.jpg);
	height:30px;
	overflow:hidden;
}	

#footerAd {	padding:10px 0px 40px 0px;}	

#seoFooter {
	padding:20px 0px 0px 120px;
	text-align:left;
}	

div.footerCol {
	width:240px;
	float:left;	
}	

#seoFooter .footerItem {width:200px; margin-bottom:20px;}	

#seoFooter h4 {margin:3px 0px 0px 0px;}	

#seoFooter p {margin:0px 0px 0px 15px;}

#seoFooter a, #seoFooter a:visited, #seoFooter a:active {color:#333;}

#seoFooter h4 a, #seoFooter h4 a:visited, #seoFooter h4 a:active {text-decoration:none;}	

#seoFooter h4 a:hover {color:#fff;}	



/* standard stuff ********/

.clearFloat {
	clear:both;
	height:1px;
	overflow:hidden;	
}	

image {
	vertical-align:bottom;
	border:none;
}	

/* interior page styles (within articles) **********/
h1, .contentheading, .componentheading {
	font-size:24px;
	color:#333;
	font-weight:normal;
}

.mainImg {
	float:left;
	margin:0px 20px 18px 0px;
}

h2 {
	font-size:14px;
	color:#008080;
	font-weight:normal;
	margin:18px 0px 10px 0px;;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#008080;
	margin:15px 0px 5px 0px;	
}	

h4 {font-size:12px;font-weight:bold;}

a, a:active, a:visited {
	color:#008080;	
}	

/* yoga pose steps */
.pose .step {
	margin:0px 0px 15px 30px;
	padding-left:40px;
	background-repeat:no-repeat;
	min-height:30px;	
} 

.pose .step1 {background-image:url(../images/steps/step1.jpg);}
.pose .step2 {background-image:url(../images/steps/step2.jpg);}
.pose .step3 {background-image:url(../images/steps/step3.jpg);}
.pose .step4 {background-image:url(../images/steps/step4.jpg);}
.pose .step5 {background-image:url(../images/steps/step5.jpg);}
.pose .step6 {background-image:url(../images/steps/step6.jpg);}
.pose .step7 {background-image:url(../images/steps/step7.jpg);}
.pose .step8 {background-image:url(../images/steps/step8.jpg);}
.pose .step9 {background-image:url(../images/steps/step9.jpg);}
.pose .step10 {background-image:url(../images/steps/step10.jpg);}
.pose .step11 {background-image:url(../images/steps/step11.jpg);}
.pose .step12 {background-image:url(../images/steps/step12.jpg);}
.pose .step13 {background-image:url(../images/steps/step13.jpg);}
.pose .step14 {background-image:url(../images/steps/step14.jpg);}
.pose .step15 {background-image:url(../images/steps/step15.jpg);}
.pose .step16 {background-image:url(../images/steps/step16.jpg);}
.pose .step17 {background-image:url(../images/steps/step17.jpg);}
.pose .step18 {background-image:url(../images/steps/step18.jpg);}
.pose .step19 {background-image:url(../images/steps/step19.jpg);}
.pose .step20 {background-image:url(../images/steps/step20.jpg);}

.poseInfo {margin-top:25px;}
.poseInfo h2 {margin:0px;}
.poseInfo p {margin:0px 0px 15px 0px;}

.pose .disclaimer {
	color:#008080;
	margin-top:20px;
	font-style:italic;
}

/* recipes */

.dosha {color:#008080;}
.intro div {margin-bottom:5px;}
.intro .link {text-align:right;font-size:11px;margin-bottom:5px;}
div.ingredients {clear:left;}
.ingredientsLeft {
float:left;
width:210px;
}
.ingredientsRight {
float:left;
width:240px;
}
.ingredientsLeft div {padding-right:20px;}
.ingredientsLeft div, .ingredientsRight div, .ingredientsOneCol div { margin: 0px 0px 5px 0px;}
.info b {color:#008080;}
.directions li {margin-bottom:5px;}
.doshaInfo div {margin-bottom:5px;}

/* home page article display ******/
div#frontPageComponentWrapper {
	background-image:url(../images/spotlight/lower-panel-spotlight-long.jpg);
	padding:20px 30px 20px 20px;	
}	

div#frontPageComponentFooter {
	background-image:url(../images/spotlight/lower-panel-spotlight-btm.jpg);
	height:30px;
	width:715px;
	overflow:hidden;
}	
/* category blog layout, for use with auto read more */
div#centerCol table.blog .contentheading {font-size:18px;}
div#centerCol table.blog td.article_column {padding-right:20px}

/* hide stupid table of contents above multipage articles */
table.contentpaneopen table.contenttoc {display:none;}