/*
Theme Name: Om Sweet Om
Theme URI: http://minimadesigns.com
Author: Michelle Martello
Author URI: http://minimadesigns.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



/*BODY FORMATTING*/
body {background: #2c1306 url(images/bg_gradient.jpg) repeat-x;color:#dadbc3;font-family:Verdana, Arial, Helvetica, sans-serif;}
.clearleft {clear:left}

#wrapper {
	margin: 0 auto;
	font-size: 0.75em;
	width: 960px;
	background: #833d19 url(images/bg_wrapper.jpg) repeat-y;}
	
#topwrapper {width:960px;height:14px;background:url(images/bg_topwrapper.jpg) no-repeat}
	
#headerimg {margin:0;padding:0px 0 0 0;height:225px;width:960px;background:#2a1106}

#content {float:left;padding:20px 20px 0 40px;width:580px;}
#content p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5em;padding:0 0 15px 0}
#content h2 {color:#fdb14e;padding:0 0 20px 0;font-family: Georgia, serif;font-size: 30px;font-style: normal;font-weight: normal;letter-spacing: 0px;line-height: 1.2em;}
#content h3 {color:#fdb14e;padding:0 0 10px 0;font-family: Georgia, serif;font-size: 20px;font-style: normal;font-weight: normal;letter-spacing: 0px;line-height: 1.2em;}

#content a {text-decoration:none;font-weight:bold;color:#fdb14e}
#content a:hover {text-decoration:none;font-weight:bold;color:#dadbc3}


/*widgets and sidebar*/
.input {background:#471e08;height:23px;vertical-align:top;border:1px solid #954922;color:#dadbc3;padding:5px 0 0 5px}

.mailinput {background:#471e08;height:23px;vertical-align:top;border:1px solid #954922;width:200px;font-size:12px;color:#dadbc3;padding:5px 0 0 5px}
#sidebar {width:280px;float:right;padding:0 20px 0 20px}
#sidebar a  {text-decoration:none;font-weight:bold;color:#fdb14e}
#sidebar a:hover {text-decoration:none;font-weight:bold;color:#dadbc3}
.line {width:100%;height:1px;background:#ab5820;margin:2px 0 12px 0}
.textwidget {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.4em;padding:0 0 13px 0;border-bottom:1px solid #ab5820;width:280px;}
.todays-events h2, .widgettitle, .upcoming-events h2 {color:#fdb14e;padding:10px 0 10px 0;font-family: Georgia, serif;font-size: 18px;font-style: normal;font-weight: normal;line-height: 1.2em;}



.quote {background: transparent url(images/topquote.gif) no-repeat}
.upcoming-events li {padding: 0 0 5px 0}

/*bio pagee*/
.bios .post img, .post img {border:3px solid #662c0e}
.home-page .post img {border:none}
.yogiimg {border:3px solid #662c0e;float:left;padding:0;margin:0 10px 0 0}

.bio { float:left;padding:0 7px 20px 0;margin:0;font-size:11px;vertical-align:text-top;line-height:14px}
.bioname {width:80px;height:40px}
/*home page*/
.box1 {background:#99522d;height:225px;float:left;width:165px;padding:10px 10px 0 10px}
.box2 {background:#99522d;height:225px;float:left;width:165px;padding:10px 10px 0 10px;margin:0 10px 15px 10px}
.box3 {background:#99522d;height:225px;float:left;width:165px;padding:10px 10px 0 10px}

.box1 img, .box2 img,  .box3 img {border:3px solid #662c0e;margin:0 0 5px 0}
#homebox {width:580px;font-size:11px;padding:15px 0 5px 0}
/*footer*/

#footer {clear:both;background: #2c1306 url(images/bg_footer.gif) no-repeat;width:960px;height:134px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#875218}
.footerlinks {padding:28px 0 0 0px;font-size:11px;color:#945b1b}
.creditlinks a, .footerlinks a {text-decoration:none;color:#ba833d;padding:0 3px 0 3px}
.creditlinks a:hover, .footerlinks a:hover {color:#dadbc3}

.copyright {padding:12px 0 0 0}
.copyright .leftcopyright {float:left;width:495px;color:#ba833d;font-size:13px;padding:0 0 0 3px;}
.copyright .rightcopyright {float:right;width:460px;color:#ba833d;font-size:13px;text-align:right;}
.creditlinks {clear:both;font-size:10px;padding:5px 0 0 3px}

/* You might find the following useful */

div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

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


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

li#navHome         	a {width:55px; height:50px; }
li#navAbout        	a {width:53px; height:50px}  
li#navBios      	a {width:43px; height:50px;}
li#navTeach        	a {width:125px; height:50px;}
li#navHeal        	a {width:125px; height:50px;}
li#navSchedule      a {width:76px; height:50px;}
li#navClasses       a {width:68px; height:50px;}
li#navFees        	a {width:42px; height:50px;}
li#navKids        	a {width:41px; height:50px;}
li#navCorporate     a {width:84px; height:50px;}
li#navWorkshops     a {width:90px; height:50px;}
li#navFaq           a {width:37px; height:50px;}
li#navLinks         a {width:48px; height:50px;}
li#navContact       a {width:73px; height:50px;}



li#navHome a:link, li#navHome a:visited             {background-position:0px 0px;    }   
li#navHome a:hover, li#navHome a:focus              {background-position:0px -50px;     }  
li#navAbout a:link, li#navAbout a:visited           {background-position:-55px 0px;    }   
li#navAbout a:hover, li#navAbout a:focus            {background-position:-55px -50px;    }  
li#navBios a:link, li#navBios a:visited 			{background-position:-108px 0px;    }   
li#navBios a:hover, li#navBios a:focus     			{background-position:-108px -50px;    } 
li#navTeach a:link, li#navTeach a:visited     		{background-position:-151px 0px;    }   
li#navTeach a:hover, li#navTeach a:focus         	{background-position:-151px -50px;}   
li#navHeal a:link, li#navHeal a:visited     		{background-position:-276px 0px;    }   
li#navHeal a:hover, li#navHeal a:focus         		{background-position:-276px -50px;} 
li#navSchedule a:link, li#navSchedule a:visited     {background-position:-401px 0px;    }   
li#navSchedule a:hover, li#navSchedule a:focus      {background-position:-401px -50px;}
li#navClasses a:link, li#navClasses a:visited       {background-position:-477px 0px;    }   
li#navClasses a:hover, li#navClasses a:focus        {background-position:-477px -50px;    } 
li#navFees a:link, li#navFees a:visited       	    {background-position:-545px 0px;    }   
li#navFees a:hover, li#navFees a:focus        	    {background-position:-545px -50px;}  
li#navKids a:link, li#navKids a:visited   			{background-position:-587px 0px;    }   
li#navKids a:hover, li#navKids a:focus    			{background-position:-587px -50px;    } 
li#navCorporate a:link, li#navCorporate a:visited   {background-position:-628px 0px;    }   
li#navCorporate a:hover, li#navCorporate a:focus    {background-position:-628px -50px;    } 
li#navWorkshops a:link, li#navWorkshops a:visited   {background-position:-712px 0px;    }   
li#navWorkshops a:hover, li#navWorkshops a:focus    {background-position:-712px -50px;    } 
li#navFaq a:link, li#navFaq a:visited            	{background-position:-802px 0px;    }   
li#navFaq a:hover, li#navFaq a:focus             	{background-position:-802px -50px;}
li#navLinks a:link, li#navLinks a:visited           {background-position:-839px 0px;    }   
li#navLinks a:hover, li#navLinks a:focus            {background-position:-839px -50px;}
li#navContact a:link, li#navContact a:visited       {background-position:-887px 0px;    }   
li#navContact a:hover, li#navContact a:focus        {background-position:-887px -50px;}  

/********CAPTION FORMATS************/



.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin:0 10px 5px 0
}

.alignright {
   float: right;
   padding:0 0px 5px 10px
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* thumbails*/
.thumbnail-class {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}