/*
THEME NAME: QT Yoga
THEME URI: http://www.qtyoga.com/
DESCRIPTION: QT Yoga - WordPress Theme
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz
*/



@import url(assets/css/reset.css); /* RESET CSS */


/* BASE ---------------------------- */

body { background: rgb(256,256,256); color: rgb(77,92,100); color: rgba(77,92,100,0.9); text-shadow: 1px 1px 0 rgba(0,0,0,0.05); font: 80%/1.5em Helvetica, Arial, sans-serif; }



/* FONTs ---------------------------- */

p { margin: 0 0 1.5em 0; }

strong {  }
em, i {  }

h2 { font: 170% "Helvetica Neue", Helvetica, Arial, sans-serif; }
h3 { font: 120% "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; }

blockquote { font-style: normal; }
	blockquote p { border-left: 3px solid rgb(241,91,44); padding: 0.5em 0 0.5em 1.5em; margin: 0 0 1.5em 1.5em; }



/* LINKS ------------------------------------------------------------------ */

a, a:visited { outline: none; color: rgb(241,91,44); text-decoration: none; }
a:hover { color: rgb(106,144,191); text-decoration: none; }
 
a:active, a:focus { color: rgb(251,77,0); }

a {
	-moz-transition-duration: .33s;
	-moz-transition-property: color, border-color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color, border-color;
	-o-transition-duration: .33s;
	-o-transition-property: color, border-color;	
}


/* IMGs / VIDEOs ---------------------------- */

img { box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); }

	.alignleft { float: left; margin: 0 10px 10px 0; }	 
	.alignright { float: right; margin: 0 0 10px 10px; }	 
	.aligncenter { margin: 0 auto 10px auto; display: block; }



/* LISTs ---------------------------- */

ul, ol { margin-bottom: 1.5em; list-style: none; }	
	ul li {  background: url(assets/img/ui/bullet-arrow.png) 0.5em 0.5em no-repeat; padding-left: 1.7em; margin-bottom: 0.2em; }
	ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 0.2em; }
		ul li ul,  ol li ol { margin: 0.2em 0 0 0; }
			ol li ol li { margin-left: 1.7em; }



/* - CONTENT START ----------------------------------------------------------------------------------------------------- */



	/* CONTAINERs ---------------------------- */
	
	.container { width: 850px; margin: 50px auto; }
	
	
	
		/* HEADER ---------------------------- */
	
		#branding { width: 850px; height: 160px; margin: 0 auto 6px auto; position: relative; background: url(assets/img/ui/header-img.jpg) no-repeat 0 0; }

		
		
			/* TOP NAV ---------------------------- */
			
			#top-nav { position: absolute; bottom: 9px; right: 15px; }
				#top-nav ul li { float: left; background: none; padding: 0; margin: 0 0 0 20px; }
					#top-nav ul li a { color: rgb(256,256,256); color: rgba(256,256,256,0.8); text-shadow: 1px 1px 0 rgba(0,0,0,0.4); border-bottom: 2px solid transparent; }
					 #top-nav ul li a:hover { color: rgb(256,256,256); border-bottom: 2px solid rgb(256,256,256); border-bottom: 2px solid rgba(256,256,256,0.4); }
	
	
	
		/* CONTENT ---------------------------- */
		
		#content-container { width: 850px; margin: 0 auto; }
		#main-content { background: url(assets/img/ui/content-gradient-top.gif) repeat-x 0% 0%; padding: 34px; font-size: 120%; line-height: 1.5em; position: relative; }
		
			#main-content a { border-bottom: 2px solid rgb(222,231,234); }
				#main-content a:hover { border-color: rgb(256,256,256); }
			
			.page-title-wapper { width: 100%; height: 82px; margin-bottom: 20px; float: left; position: relative }				
				.page-title { float: right; text-align: right; width: 579px; margin: 25px 0 25px 0; }


	                .post-divider { width: 100%; height: 4px; margin: 30px 0; background: rgb(222,231,234); display: block; text-indent: -9999px; }
	
	
			/* LOGO ---------------------------- */			
			
			h1 { width: 203px; position: absolute; }
			#logo a { width: 203px; height: 82px; float: left; clear: right; margin: -10px 0 0 0; padding: 0 0 20px 0; text-indent: -9999px; display: block; border: none; background: url(assets/img/ui/logo.gif) no-repeat 0% 0%; }		
			
	
	
			/* PAGEs ---------------------------- */	
	
	
	
				/* HOME ---------------------------- */
	
				body.home .home-yoga-photo { float: right; margin: 74px 0 0 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
				
		
		
				/* TEACHER ---------------------------- */
				
				
				body.teacher .teacher-photo { float: right; margin: 50px 0 10px 20px; }	
				body.teacher .teacher-classes-photo	{ float: left; margin: 0 20px 10px 0; }	

		
		
				/* CLASSES ---------------------------- */	
				
				.classes-main { width: 420px; float: left; border-right: 1px dotted rgb(222,231,234); padding-right: 30px; }
				.classes-sub { width: 307px; float: right; font-size: 80%; }		
				
				body.classes .classes-photo	{ float: right; margin: 0 0 10px 20px; }	
				
					.printable-sheet-link { display: block; text-align: center; }
				
					.classes-table { margin-bottom: 1.5em; display: block; float: left; }
					.classes-table tr { padding: 4px 0; display: block; float: left; }
						.classes-table tbody { margin-bottom: 10px; display: block; float: left; border-bottom: 1px dotted rgb(222,231,234); border-top: 1px dotted rgb(222,231,234); }
						.classes-heading { font: 130% "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; color: rgb(108,164,155); }

	
	
		/* FOOTER ---------------------------- */		
		
		#footer { width: 850px; height: 80px; margin: 0 auto; background: url(assets/img/ui/content-gradient-bottom.gif) repeat-x 0% 100%; }
			
			#footer p { text-align: center; padding: 30px 0 0 0; margin: 0; color: rgb(127,141,146); color: rgba(127,141,146,0.9); text-shadow: 1px 1px 0 rgba(256,256,256,0.9); }
				#footer p span { margin: 0 10px; color: rgb(189,207,214); color: rgba(189,207,214,0.9); }
				#footer p a { border-bottom: 2px solid rgb(222,231,234); }
				 #footer p a:hover { border-color: rgb(230,244,242); }



/* - CONTENT END ----------------------------------------------------------------------------------------------------- */		
