/*
Theme Name: Yoga Toes
Theme URI: http://yogatoesstudio.com
Description: Custom theme for Yoga Toes
Author: Minima Designs and Yoga Toes
Author URI: http://minimadesigns.com

*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

div {position: relative;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }


* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}


img {	border: 0;}
.clear {clear: both;}
.clearleft {clear:left}

body {		color:#97351e;background:#bd5d27 url(images/bg_body2.gif) repeat-y scroll 50% 0;}


body, select, textarea, input {	
	font: 100% Arial, Helvetica, sans-serif;
	}



#topline {background:transparent url(images/bg_topline3.gif) no-repeat top center;margin-left: auto;
	margin-right: auto;height:35px;}


#page-home #container {
	width: 934px;
	margin:0 auto 0 auto;
	padding:0;
	background: #dd8d2b url(images/bg_container.gif) no-repeat bottom center;border:14px solid #9a7c2d
}


#container {
	width: 934px;
	margin:0 auto 0 auto;background:#dd8d2b;border:14px solid #9a7c2d
}


blockquote {font-size:90%;padding:10px;background:#d17c29;width:450px;clear:left;margin:10px 0 0 0;line-height:1.3em;color:#fff}
blockquote p {color:#fff}
.wpcf7 p {font-weight:bold;color:#fff}


/* Header ////////////////////////////////////////////////////////// */

#header {margin: 0px;height:200px;}
#logo {padding:0px 0 0 60px;margin:0}
#subpic {background: #741012;width:934px;height:325px;margin:0;padding:0}

#page-classes #subpic {background: #741012 url(images/bg_classes.jpg);width:934px;height:325px}
#page-ashtanga #subpic {background: #741012 url(images/bg_ashtanga.jpg);width:934px;height:325px}
#page-services #subpic, #page-acupuncture #subpic, #page-ayurveda #subpic, #page-massage #subpic {background: #741012 url(images/bg_services.jpg);width:934px;height:325px}
#page-about #subpic {background:#741012  url(images/bg_about.jpg);width:934px;height:325px}
#page-tour #subpic {background: #741012 url(images/bg_tour.jpg);width:934px;height:325px}
#page-events #subpic {background: #741012 url(images/bg_events.jpg);width:934px;height:325px}
#page-rates #subpic {background: #741012 url(images/bg_boutique.jpg);width:934px;height:325px}
#page- #subpic, #page-location #subpic, #page-point-reyes #subpic{background: #741012 url(images/bg_location.jpg);width:934px;height:325px}
#page-contact #subpic {background: #741012 url(images/bg_contact.jpg);width:934px;height:325px}
#page-gallery #subpic {background: #741012 url(images/bg_gallery.jpg);width:934px;height:325px}

#page-costa-rica  #subpic {background: #741012 url(images/bg_costarica1.jpg);width:934px;height:325px}
#page-costa-rica-payment  #subpic {background: #741012 url(images/bg_costarica2.jpg);width:934px;height:325px}
#page-confirm-workshop-payment  #subpic {background: #741012 url(images/bg_tour.jpg);width:934px;height:325px}

#testimonial {padding:40px 0 0 620px;width:300px;}



#page-classes table, #page-costa-rica table {font-size:90%;color:#841618;margin:0 0 20px 0;width:100%}
#page-classes table td, #page-costa-rica td {background:#f6f4e4;padding:11px;color:#460708;text-align:center;border-bottom:1px solid #dd8d2b;border-right:1px solid #dd8d2b}
#page-classes table th, #page-costa-rica th {background:#9a7c2d;text-align:center;color:#f5b856;padding:11px;font-weight:bold;font:bold 1.2em/1em Georgia, Georgia, "Times New Roman", Times, serif;}
#page-costa-rica table a {color:#741012}

/* NAVIGATION*/
#nav {width:934px;margin:0;padding:0}


ul#navigation {
   
    width:934px;    height:30px;    /*overflow: hidden;*/
    background:transparent url(images/nav.gif) no-repeat 0 0px;outline:none
    }
ul#navigation li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;  
	outline:none ;
    }
ul#navigation li a {
    border:0;
    display:block;
    text-decoration:none;
    background:transparent url(images/nav.gif) no-repeat;outline:none;
    }



li#navHome        	 	a {width:97px; height:38px; }
li#navClasses        	a {width:100px; height:38px}  
li#navServices    		a {width:110px; height:38px;}
li#navEvents	 		a {width:90px; height:38px;}
li#navTour		       	a {width:70px; height:38px;}
li#navAbout		      	a {width:82px; height:38px;}
li#navGallery    	 	a {width:94px; height:38px;}
li#navBoutique    	 	a {width:80px; height:38px;}
li#navLocation    	 	a {width:100px; height:38px;}
li#navContact    	 	a {width:111px; height:38px;}

li#navHome a:link, li#navHome a:visited            		{background-position:0px 0px;    }   
li#navHome a:hover, li#navHome a:focus              	{background-position:0px -38px;     }  
li#navClasses a:link, li#navClasses a:visited           {background-position:-97px 0px;    }   
li#navClasses a:hover, li#navClasses a:focus          	{background-position:-97px -38px;    } 
li#navServices a:link, li#navServices a:visited 		{background-position:-197px 0px;    }   
li#navServices a:hover, li#navServices a:focus     		{background-position:-197px -38px;    } 
li#navEvents a:link, li#navEvents a:visited 			{background-position:-307px 0px;    }   
li#navEvents a:hover, li#navEvents a:focus  			{background-position:-307px -38px;}   
li#navTour a:link, li#navTour a:visited     			{background-position:-397px 0px;    }   
li#navTour a:hover, li#navTour a:focus         			{background-position:-397px -38px;} 
li#navAbout a:link, li#navAbout a:visited     			{background-position:-467px 0px;    }   
li#navAbout a:hover, li#navAbout a:focus         		{background-position:-467px -38px;} 
li#navGallery a:link, li#navGallery a:visited     		{background-position:-549px 0px;    }   
li#navGallery a:hover, li#navGallery a:focus         	{background-position:-549px -38px;} 
li#navBoutique a:link, li#navBoutique a:visited     	{background-position:-643px 0px;    }   
li#navBoutique a:hover, li#navBoutique a:focus         	{background-position:-643px -38px;} 
li#navLocation a:link, li#navLocation a:visited       	{background-position:-723px 0px;    }   
li#navLocation a:hover, li#navLocation a:focus        	{background-position:-723px -38px;}  
li#navContact a:link, li#navContact a:visited       	{background-position:-823px 0px;    }   
li#navContact a:hover, li#navContact a:focus        	{background-position:-823px -38px;}  



#page-home li#navHome a			{background-position:0px -38px; }
#page-classes li#navClasses a	{background-position:-95px -38px; }
#page-services li#navServices a	{background-position:-192px -38px; }
#page-events li#navEvents a		{background-position:-296px -38px; }
#page-tour li#navTour a			{background-position:-387px -38px; }
#page-about li#navAbout a		{background-position:-447px -38px; }
#page-gallery li#navGallery a	{background-position:-525px -38px; }
#page-boutique li#navBoutique a	{background-position:-617px -38px; }
#page-location li#navLocation a	{background-position:-723px -38px; }
#page-contact li#navContact a	{background-position:-822px -38px; }

.line {width:100%;height:10px;background: url(images/dots.gif) repeat-x;clear:left;clear:right;clear:both;margin:5px 0 5px 0}


/* Main Pages ////////////////////////////////////////////////////////// */


#contentwide{
	width: 874px;
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	padding:0 30px 0 30px;
}


#content {
	width: 500px;
	float: left;
	display: inline;
	margin:20px 30px 30px 30px;
}

#content ul, #contentwide ul {list-style:disc;margin:5px 0 0 0}
#content li, #contentwide li  {list-style:disc;padding:0 0 5px 10px;margin:0 0 0 20px}
#content p, #contentwide p {font-weight:normal;color:#841618}
#content p a, #contentwide p a{color:#841618;font-weight:bold;}


/* Sidebar ////////////////////////////////////////////////////////// */
#sidebar {
	float: right;
	width: 345px;
	text-align: left;padding:0 0px 0 0;display:inline;
	 margin:20px 25px 30px 0;background:#d17c29;color:#841518
}

#sidebar ul {margin:0;padding:0}
#sidebar li {margin:0;padding:0}

#sidebar h2 {background: #bd5d27;margin:0;padding:5px 0 0 15px; }


#sidebar p {color:#841518;padding:5px 10px 10px 15px;margin:0;font-weight:normal;line-height:1.3em;}
#sidebar a {font-weight:bold;color:#741012}
#sidebar img {margin:0 0 5px 0}
#sidebar #yogi {font-size:14px;font-weight:normal}

#newsletter {margin:0px 0 0 0px;padding:0 0 0px 0}
#newsletter .fields_email {background:#bc5c27;border:1px solid #b4292c;padding:0px;color:#f4d4ab;height:23px;}
#newsletter .btn {vertical-align:middle}
.alignleft {padding:4px;margin:0 7px 5px 0;}
.alignright {padding:4px;margin:0 0px 5px 7px;}



/* Typography ////////////////////////////////////////////////////////// */

p {
color: #97351e;
margin: 10px 0 20px 0;
line-height:145%;
}

.smalltext {font-size:90%}



h2 {font: bold 24px/30px "Lucida Grande", Helvetica, sans-serif;color:#841518;padding:5px 0 0 0;margin:0;}
h3 {font: bold 20px/24px "Lucida Grande", Helvetica, sans-serif;color:#841518;padding:5px 0 0px 0;margin:0}
h4 {font: bold 16px/20px "Lucida Grande", Helvetica, sans-serif;color:#841518;padding:0 0 10px 0;margin:0}






/* Footer ////////////////////////////////////////////////////////// */

.clearfooter {
	height: 70px;
	clear: both;
}

#footer {
	height: 70px;
	width: 100%;
	position: relative;background:#bd5d27 url(images/bg_bottomline3.gif) no-repeat top center;
}

#footer p {padding:5px 0 0 0;margin:0;text-align:center;color:#fed571;font-weight:bold}
.smallfoot {font-size:80%}
#footer a {color:#741012}
#footercontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}