/* * name:									IO for screen media 
*    updated: 							jan 17, 2007
*    author:     						paul jarvis, twothirty.com
*   ----------------------------------------------------*/

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; background: none; list-style: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
.reset { clear: both; display: block; height: 0; font-size: 1px; line-height: 0.1; }


img#wpstats{ width:0; height:0; padding:0; border:none; overflow:hidden; }



/*  =UPDATES
*   ----------------------------------------------------*/

#overlay { display: none; position: fixed; z-index: 100; top: 0px; left: 0px; height:100%; width:100%; }
.blog-thumb { margin: 4px 8px 10px 0 !important; border: 1px solid #6b534b; }
.hilight, .hilight * { background-color: #e3dcb8; padding: 0 2px; }



/*  =STRUCTURE
*   ----------------------------------------------------*/

body { width: 100%; background: #fff; font: normal 12px helvetica, arial, sans-serif; text-align: center; color: #6b534b; }
	
	#pagewrap { width: 100%; display: block; position: relative; }
	#wrapper { position: relative; width: 875px; margin: 0 auto; text-align: left; }
		
		#header, #footer { position: relative; float: left; width: 100%; }
			
		#header { height: 120px; }
			#newsletter, #search { position: absolute; }
				#newsletter { top: 15px; right: -2px; width: 200px; height: 35px; background: url("/images/newsletter-signup.png") no-repeat; }
				#search { top: 20px; right: 220px; width: 113px; z-index: 10000; }
			
		#content { float: left; position: relative; }
		#sub #content { border: 2px solid #f8f4f3; width: 650px; padding: 40px 0; }
		#sub .blog #content {border: 2px solid #f1b6d3 !important; width: 871px; background: url("/images/ioblog.png") top left no-repeat;}
		#sub .blog #main { width: 650px; }
		#sub .blog #sidebar { display: none; }
			
			#sidebar { float: right; position: relative; width: 200px; }	
			#main { float: right; position: relative; width: 470px; margin-right: 28px; }
			#homemain { float: left; position: relative; width: 470px; }
						
				#sidebarleft { float: left; position: relative; width: 120px; margin-right: 15px; }
					#sub .blog #sidebarleft { width: 180px; margin-right: 0; }
				
				#innerfadephotos { float: left; position: relative; }
				#homecontent { height: 260px; float: left; width: 650px; display: block; }
				
				#homepromo { position: relative; width: 650px; min-height: 143px; background: #f8f4f3; float: left; margin-top: 20px;}
					#homepromo .col { width: 325px; float: left; padding-bottom: 10px; }
				
				#latest .col { float: left; position: relative; width: 200px; margin-right: 25px; }
				.end { margin: 0 !important; }

		#footer { border-top: 1px dotted #d2c3bf; margin: 20px 0; padding: 20px 0; color: #b19c95; font-size: 10px; }
		#footer strong { font-size: 11px; }










/*  =NAVIGATION
*   ----------------------------------------------------*/
#header ul, #header li, #header li a { float: left; }

#header ul.tln { clear: left; width: 100%; position: relative; height: 30px; width: 875px; background: url("/images/nav.png") no-repeat; }
#header ul li#nav-call { position: absolute; top: 8px; right: 0; font-size: 13px; color: #69392a; font-weight: bold; }

	#header ul.tln li a { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 30px; background: url("/images/nav.png") no-repeat; }

		#header ul.tln li#nav-home a {
			left: 0; width: 58px; 
			background: url("/images/nav.png") 0 0 no-repeat;	
			}
		#header ul.tln li#nav-menu a {
			left: 58px; width: 77px; 
			background: url("/images/nav.png") -58px 0 no-repeat;	
			}
		#header ul.tln li#nav-yoga a {
			left: 135px; width: 74px; 
			background: url("/images/nav.png") -135px 0 no-repeat;	
			}
		#header ul.tln li#nav-press a {
			left: 209px; width: 80px; 
			background: url("/images/nav.png") -209px 0 no-repeat;	
			}
		#header ul.tln li#nav-about a {
			left: 289px; width: 82px; 
			background: url("/images/nav.png") -289px 0 no-repeat;	
			}
		#header ul.tln li#nav-blog a {
			left: 371px; width: 76px; 
			background: url("/images/nav.png") -371px 0 no-repeat;	
			}
		#header ul.tln li#nav-shop a {
			left: 447px; width: 69px; 
			background: url("/images/nav.png") -447px 0 no-repeat;	
			}
			
	#header ul.tln li#nav-home a:hover { background-position: 0 -30px; }
	#header ul.tln li#nav-menu a:hover { background-position: -58px -30px; }
	#header ul.tln li#nav-yoga a:hover { background-position: -135px -30px; }
	#header ul.tln li#nav-press a:hover { background-position: -209px -30px; }
	#header ul.tln li#nav-about a:hover { background-position: -289px -30px; }
	#header ul.tln li#nav-blog a:hover { background-position: -371px -30px; }
	#header ul.tln li#nav-shop a:hover { background-position: -447px -30px; }

	#header ul.tln li#nav-home a.active { background-position: 0 -60px; }
	#header ul.tln li#nav-menu a.active { background-position: -58px -60px; }
	#header ul.tln li#nav-yoga a.active { background-position: -135px -60px; }
	#header ul.tln li#nav-press a.active { background-position: -209px -60px; }
	#header ul.tln li#nav-about a.active { background-position: -289px -60px; }
	#header ul.tln li#nav-blog a.active { background-position: -371px -60px; }
	#header ul.tln li#nav-shop a.active { background-position: -447px -60px; }



ul.dropdown {
	background: #f8f4f3 !important;
	border: 2px solid #d2c3bf;
	position: absolute;
	width: 160px !important;
	top: 29px;
	z-index: 1001;
	padding: 0;
	display: none;
	}
	
	#header ul li:hover ul, #header ul li.over ul { display: block; }

ul.menu { left: 68px; }
ul.yoga { left: 145px; }
ul.about { left: 299px; }
ul.shop { left: 457px; }

	ul.dropdown li {
		position: relative !important;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
		}

		ul.dropdown li a {
			font-size: 11px;
			line-height: 19px;
			height: 19px !important;
			text-transform: uppercase;
			position: relative !important;
			text-indent: 0 !important;
			background: none !important;
			color: #967469;
			text-decoration: none;
			display: block;
			margin: 0 !important;
			padding: 0 10px !important;
			left: 0 !important;
			width: 140px !important;
			}
		
		ul.dropdown li a:hover { color: #69392a; background: #d2c3bf !important; }

		#header ul ul.dropdown ul { display: none !important; }
		
		


#sidebarleft ul.level1 { margin: 5px 0 30px 5px; }
	#sidebarleft .level1 li { }
		#sidebarleft .level1 li a { display: block; font-size: 11px; color: #967469; text-transform: uppercase; text-decoration: none; padding: 3px 10px; }
		#sidebarleft .level1 li a:hover { color: #69292a; }
			#sidebarleft li.current a { background: url("/images/li.png") left center no-repeat; color: #69392a; }

#sidebarleft ul.archives { margin: 0 0 10px 20px; line-height: 15px; }
#sidebarleft ul li { font-size: 11px; }



#search a { position: relative; display: block; width: 113px; height: 25px; text-indent: -9999px; overflow: hidden; background: url("/images/search.png") no-repeat; }
#search a:hover { background-position: 0 -25px; }





/*  =FORMS
*   ----------------------------------------------------*/

form { float: left; display: block; position: relative; }

	#searchform { position: absolute; display: none; top: 14px; left: 570px; background: #fff; padding: 18px; border: 5px solid #f8f4f3; width: 263px; z-index: 10001; }
	#newsletter form { width: 200px; float: left; }
	
	fieldset { }
	
	legend {}

		label { display: block; float: left; font: italic 13px georgia, serif;  line-height: 20px; }
			span.blockit { float: left; display: block; margin: 10px 0; width: 200px; }
	
			input, select, textarea { position: relative; float: left; font: normal 12px helvetica, arial, sans-serif; }
			input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { }
 			textarea { width: 500px; height: 65px; margin-bottom: 10px; }

			#main input, #main select, #main textarea { border: 1px solid #bfa39a; padding: 4px; margin-top: 3px; }
			#main input { width: 300px; }

			#searchform label { background: url("/images/input-small.png") no-repeat; width: 200px; height: 26px; }
				#searchform input { margin: 6px 4px 2px 6px; width: 190px; line-height: 18px; }
			
			#newsletter input { padding: 3px 0; width: 105px; margin: 12px 3px 0 29px; color: #8b6458; font-size: 10px; }
				
			button { position: relative; text-indent: -9999px; display: block; float: right; cursor: pointer; height: 26px; }
				
				button.signup { width: 63px; background: url("/images/button-signup.png") no-repeat; margin-top: 8px; }
				button.search { width: 63px; background: url("/images/button-search.png") no-repeat; }
				button.submit { width: 63px; background: url("/images/button-submit.png") no-repeat; margin-right: 135px; }
				button:hover { background-position: 0 -26px; }
			
			.errField {}
			.errMsg {}

a.close { position: absolute; top: -18px; right: -18px; display: block; width: 9px; height: 9px; background: url("/images/close.png") no-repeat; text-indent: -9999px; overflow: hidden; z-index: 100002; }
	a.close:hover { background-position: 0 -9px; }









/*  =HEADERS
*   ----------------------------------------------------*/
h1 { font-size: 30px; line-height: 1em; letter-spacing: -1px; }
	.sIFR-active h1 { visibility: hidden; font-family: arial; line-height: 1em; font-size: 40px; }

h2#logo { position: relative; float: left; width: 280px; height: 70px; }
	h2#logo a { display: block; position: relative; background: url("/images/logo-io.png") no-repeat; width: 280px; height: 70px; text-indent: -9999px; overflow: hidden; }
	
	#main h2 { font-size: 13px; color: #69392a; text-transform: uppercase; font-weight: bold; }
	#main h2.bigger { font-size: 16px; color: #69392a; text-transform: uppercase; font-weight: bold; }

	#latest h2 { font-size: 14px; font-weight: bold; line-height: 1.2em; }
	#sidebarleft h2 { font-size: 11px; text-transform: uppercase; margin: 50px 0 0 15px; font-weight: bold; }
	 
h3 {}
	#main h3, #sidebarleft h3, #homepromo h3 { font-size: 11px; color: #69392a; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; }
	#sidebarleft h3 { color: #967469; padding: 20px 0 5px 20px; }
	#homepromo h3 { margin: 10px 10px 0 10px; }
	#latest h3 { color: #c2b4b0; font-size: 11px; font-weight: bold; margin: 10px 0; }
	.blog #sidebarleft h3 { color: #f71791; }

	h3#comments, h3#respond { border-top: 1px dotted #d2c3bf; margin-top: 20px; padding-top: 10px; }

h4 {}
	#main h4 { color: #b19c95; font: italic 12px georgia, serif; margin: 5px 0; }

h2 a, h3 a, h4 a { text-decoration: none; }







/*  =CONTENT
*   ----------------------------------------------------*/
strong { font-weight: bold; }
em { font-style: italic; }


p {}
	#main p, #main ul, #main ol { line-height: 19px; padding-bottom: 20px; }
	#homepromo p { margin: 0 10px; }
	#latest p { color: #967469; padding-bottom: 20px; font-size: 11px; line-height: 13px; }
	.presscontent p { display: block; margin-left: 170px; }
	p.none { padding-bottom: 0 !important; }
	
	p.credit { float: left; text-align: left; line-height: 17px; }
	#footer p.copy { float: right; text-align: right; line-height: 17px; }
	
a { color: #6b534b; }
a:hover { color: #382b27; text-decoration: none; }
	
	#sub .blog #sidebarleft h3 a { color: #f71791; }
	#sub .blog #sidebarleft h3 a:hover { color: #c41274; }
	
	#footer a { color: #b19c95; padding: 0 3px; }
	#footer a:hover { color: #96847e; }
	
	.rss { margin-top: 40px; }
	.rss a { background: url("/images/rss.png") 5px 4px no-repeat; padding: 2px 0 2px 20px; margin-left: 10px; }
	
blockquote {}

span {}

img {}
	#sidebar img { margin-bottom: 20px; }
	img.left-image { float: left; margin: 0 20px 40px 0; }

#main ol { margin-left: 20px; }
#main ul { margin-left: 10px; }

	#main ol li { list-style: decimal; }
	#main ul li { list-style: none; background: url("/images/li.png") 0 7px no-repeat; padding-left: 10px; }
	
#homecontent ul { position: relative; float: right; margin-top: 0px; }	
	#homecontent li { font-size: 19px; line-height: 1.1em; text-align: right; padding: 3px 0;}
	
table {}

	table.yogasched { width: 480px; border-top: 3px solid #d2c3bf; margin: 20px 0; }
		table.yogasched td { padding: 6px; font-size: 11px; }
		.col1 {width: 100px !important; }
		.col2 {width:215px !important; }

.more-link { margin-top: -20px; }







/*  =COMMON
*   ----------------------------------------------------*/

.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: left; margin: 0 0 10px 10px; }
.hide { display: none; }

.wp-pagenavi {
	text-align: center;
	margin: 10px auto;
	font-size: 11px !important;
	}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 6px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f8f4f3;
	color: #b19c95;
	background-color: #fff;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #f8f4f3;
	color: #6b534b;
	background-color: #f8f4f3;
}

.wp-pagenavi span.current {
	padding: 6px 8px; 
	margin: 2px;
	font-weight: bold;
	color: #6b534b;
	border: 1px solid #d2c3bf;
	background-color: #fff;
}


#comment-entries { }
	.comment-text { float: left; width: 500px; }
	.comment-stuff { float: right; width: 130px; text-align: right; font: italic 12px georgia, serif;}

.the-comment { border-top: 1px solid #d2c3bf; padding-top: 10px; } 


/*  =SIFR
*   ----------------------------------------------------*/

.sIFR-flash, .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }