/*
Theme Name: Moyo Yoga
Theme URI: http://moyo-yoga.com
Description: Theme designed for MoYo Yoga
Author: Michelle Martello
Author URI: http://minimadesigns.com
*/

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


body {background: #f57f26 url(images/bg_moyogradient.gif) repeat-x;color:#6c1e0e;font-family:Verdana, Arial, Helvetica, sans-serif;}
#wrapper {	margin: 0 auto;	font-size: 0.75em;	width: 960px;	}
.clear { clear: both; background: none; }
.clearleft {clear:left}
a img { border:none } 
#frontpic {margin:10px 0 10px 0;padding:0}

#header {background:#ffffff;height:110px;}
#logo {float:left;width:200px;}
#address {float:right;width:760px;text-align:right;padding:65px 0 0 0;}
#address p {font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
color:#676767
}
.bull {color:#f26649}
.line {border-top:1px solid #bcbcbc;padding:10px 0 10px 0}

#newstitle {margin:30px 10px 0 10px}
#addnewsletter {padding:5px;margin:0px 10px 30px 10px;background:#7f8083;border-bottom:1px solid #a8a9ad;border-right:1px solid #706e6e;border-top:1px solid #706e6e;border-left:1px solid #706e6e}
#addnewsletter .inputbox {background:#6d6e71;color:#ffffff;border-bottom:1px solid #a8a9ad;border-right:1px solid #a8a9ad;border-left:1px solid #706e6e;border-top:1px solid #706e6e;width:160px;padding:3px;margin:0 0 5px 0}

#schedule {margin:10px 10px 15px 10px}


/*home page*/

#homecontent {float: right;  margin: 0px; padding: 10px; width: 735px; display: inline; position: relative;}
.box1 {background:#9d341e url(images/top_teach.gif) no-repeat;;height:220px;float:left;width:230px;padding:10px 0px 0 0px}
.box2 {background:#ce4b12 url(images/top_yogakids.gif) no-repeat;;height:220px;float:left;width:230px;padding:10px 0px 0 0px;margin:0 20px 15px 20px}
.box3 {background:#f57d2a url(images/top_newtoyoga.gif) no-repeat;;height:220px;float:left;width:230px;padding:10px 0px 0 0px}

.boximg img{border:3px solid #ffffff;margin:50px 0 5px 12px}
#homebox {width:730px;font-size:11px;padding:10px 0 5px 0px;}

.boxtext {font-size:11px;margin:0 12px 0 12px;color:#ffffff;line-height:15px}
.boxtext a {color:#ffffff;text-decoration:none;font-weight:bold;border-bottom:1px solid #ffbd4a}

#main-home-welcome {float:left;width:470px;padding:0 0 0 0px}
#sidebar-home-events {float:right;width:230px;margin:0 5px 0 0px;padding:0px 0px 10px 0px;font-size:11px;line-height:16px}
#sidebar-home-events ul {list-style:none;}
.sidetitle {margin:0;padding:10px 0 5px 10px;color:#ce4b12; font-family: Helvetica, Arial, sans-serif;font-size: 20px;line-height: 1.4em;}
#sidebar-home-events p {color:#5a5a5a;padding:0 10px 0 10px}


#sideevents {background:#efefef;padding:5px}
#sidebar-home-events li, #sideevents li, #recentposts li{padding:5px 10px 3px 10px}
#recentposts {margin:0;padding:5px;border-top:5px solid #fff;background:#efefef;}
#sidebar-home-events li a, #recentposts li a {text-decoration:none;color: #7e2715;	background:url(images/dots.gif) repeat-x bottom;	text-decoration:none;	padding-bottom:2px;	font-weight:bold}




/* ---------- Content area  -----------*/
#container {
 background: url(images/bg_container.gif);
 margin-top: 0px;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 border-top:4px solid #fff;
 border-bottom:4px solid #fff;
}


#contentbio, #content {float: right;  margin: 0px; padding: 10px; width: 739px; display: inline; position: relative;}
#homecontent p a, #content p a, #content p a:visited {color: #7e2715;	background:url(images/dots.gif) repeat-x bottom;	text-decoration:none;	padding-bottom:2px;	font-weight:bold}
#homecontent p a:hover, #content p a:hover, {		background:url(images/hover.gif) repeat-x bottom;	color:#9c512d;	}
#content p a:active {	color: #8f5f48;	}
#homecontent p, content p {padding:0px 0 15px 0;}

.post p {padding:0 0 15px 0;line-height:1.5em;font-size:100%}

#content img a {border:none;}

#homecontent h2, #contentbio h2, #content h2, #content h2 a {font-family: Helvetica, Arial, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;color:#6c1e0e}

#homecontent h3, #contentbio h3, #content h3, #content h3 a{font-family: Helvetica, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;color:#f26649;padding:10px 0 5px 0}

#content h4 {font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.2em;color:#9d341e;padding:0px 0 2px 0}


#content ul {margin:0 0 0 30px}
#content li {list-style: square url("images/bullet.gif");
padding:0 0 7px 10px}

#sidebar { display: inline; margin: 0px; padding: 0px; width: 200px; float: left;}
#sidebar ul {margin:20px 5px 0 10px}
#sidebar li {padding:0 0 10px 0}
#sidebar li a {color:#ffffff;text-decoration:none;}
#sidebar li a:hover {color:#5a5a5a}

#sideteach {float:right;width:200px;height:600px}
#sideteach ul {margin:0 0 0 20px;padding:0 0 0 15px;list-style-image:none;list-style-type:none;border-left:1px solid #ddd }
#sideteach li {list-style-image:none;list-style-type:none;padding:0 0 7px 0px}
#sideteach li a {color:#f36b41;text-decoration:none;}

#sidebar-home h3 {margin:0;padding:0)}
#sidebar-home {float:left;width:260px;background:#fff1b9;margin:0 0px 0 0px;padding:0px 0px 10px 10px;}
#sidebar-home p {color:#5a5a5a;}
#main-home {float:right;width:449px;padding:0 0 0 10px}

.schedule {width:250px;}
.schedule td {padding:3px 7px 3px 0px;border-top:1px solid #e9da9e; color:#353535;line-height:18px;vertical-align:top;font-size:11px}
.classtitle {font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.2em;color:#353535;padding:0px 0 2px 0}
#sidebar-home a {color:#353535}
#sidebar-home a:hover {color:#9d341e}

#navigation ul {list-style-image:none;list-style-type:none; }
#navigation li {list-style-image:none;list-style-type:none;}

#classtable td {padding:3px 10px 3px 0;border-bottom:1px solid #ddd}

/********FOOTER************/

#footer {width: 960px; clear: both; color: #333;margin:10px 0 0 0}
#footer p {font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
color:#ffffff}
#footer a {color: #7e2715;	background:url(images/dots.gif) repeat-x bottom;	text-decoration:none;	padding-bottom:2px;	font-weight:bold}
#footer a:hover  {		background:url(images/hover.gif) repeat-x bottom;	color:#fcb034;	}
#footer a:active {	color: #fcb034;	}

#footer p.creditlinks {font-size: 13px;}


/*bio pagee*/
.biopic  {  padding:5px;border: 1px solid #ddd;background:#fff;width:137px ;height:137px;}
.biopic a {border-bottom:none;}
.bio { float:left;padding:0 5px 20px 0;margin:0;font-size:11px;vertical-align:text-top;line-height:14px;margin:0 7px 7px 0}

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


.bioname {width:120px;height:40px;padding:5px 0 0 0}

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



.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
     padding:5px;background:#ffffff;border:1px solid #ccc
}

.alignleft {
   float: left;
   margin:0 10px 5px 0;
   padding:5px;background:#ffffff;border:1px solid #ccc
}



.alignright {
   float: right;
   margin:0 0px 5px 10px;
     padding:5px;background:#ffffff;border:1px solid #ccc
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
	}