/*

Theme Name: Sellwood Yoga Theme

Author: Hannah O'Reilly
*/


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;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: Georgia, Times, serif;

	vertical-align: baseline;


	}


/* remember to define focus styles! */

:focus {

	outline: 0;

	}



body {

	line-height: 1;

	color: black;

	background: white;

	font-size: 62.5%; /* Sets 1em to 10px */

	}



ol, ul {

	list-style: none;

	}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

	}



caption, th, td {

	text-align: left;

	font-weight: normal;

	}



blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

	}



blockquote, q {

	quotes: "" "";

	}
	
/* 

FONT CONTROLS

*/	


/* Post Titles */

h2 {

	color: #014A5B;

	font-size: 1.7em;

	font-weight: bold;

	line-height: 1.4em;
	
	letter-spacing: 0em;

}



h3 {

	color: #87BF00;

	font-size: 1.3em;

	font-weight: bold;

	line-height: 1.8em;

}



h3#comments {

	margin-bottom: 20px;

}



p {

	font-size: 1.3em;

	line-height: 180%;

	margin-bottom: 14px;
	
	color: #333333;

}

strong {

	font-weight: bold;

}

em {

	font-style: italic;

}



p.description {

	color: #87BF00;

}



p.wp-caption-text {

	padding: 2px 6px 2px 6px;

	width: 80%;

}



blockquote {

	margin: 0 0 20px 20px;

	border-left: 3px solid ;

	padding: 6px 0 1px 10px;

	background-color: #f1f1f1;

}



a, a:visited {

	color: #87BF00;

	text-decoration: none;

}



.post a, .post a:visited {

	padding: 2px 0;

}



a:hover {

	color: #87BF00;

}

img.teacherpgimage {

	float: left;

	margin-right: 15px;

}	



.post h2 a:hover, h3 a:hover {

	color: #87BF00;

	text-decoration: underline;

	background-color: transparent;

}





/* Structures Controls */



body {

	background: #014A5B; /* dark blue background */

	text-align: center;	

}



#wrapper {

	width: 900px;

	background: #ffffff;

	margin: 30px auto;

	text-align: left;
	
	background-image: url(images/main-bg.gif);  /* background element & light blue sidebar */

}



#header {

	height: 430px;

	width: 100%;

	background: #87BF00 url(images/header-bg.gif) 0 0 no-repeat; /* orange background & header bar */

}



#headerlinks {

	margin: 0px 0 0 0px;
	
	float: left;

}

#navigation {

	display: block;

	font-size: 1.15em;

	font-weight: normal;

	text-transform: uppercase;

	width: 900px;

	margin: 0 auto;
	
	padding: 0px 30px;

}

#navigation ul {

	margin:0 0 0 8px;

	padding:0;

	list-style-type:none;

}

#navigation ul li {

	display: block;

	float: left;

	margin: 0;

}

#navigation ul li a {

	display:block;

	float:left;

	text-decoration:none;

	font-family: Verdana, Helvetica, sans-serif;
	
	color: #014a5b;

	padding: 10px 14px 2px 14px;

	height: 20px;

}

#navigation ul li a:hover,.menu #navigation ul li a.current {

	color:#ffffff; /* links are white when scrolled over */

}

#yoga_header_image { 

	width: 900px; 

	margin: 0; 
	
	float: left;

}
		
#yoga_header_image img { 

	display: block; 

}

#maincontent {

	margin-top: 25px;

}


#contentleft {

	float: left;

	width: 400px;

	padding-left: 50px;


}

.post {

	margin-bottom: 30px;

}

.entry {

	margin-top: 10px;

}

.post ul, .post ol {

	font-size: 1.3em;

	line-height: 180%;

	margin-bottom: 14px;

	margin-left: 30px;

}



.post ul {

	list-style: disc;

}



.post ol {

	list-style: decimal;

}



.post ul.children {

	font-size: 0.8em;

}


.post img.alignleft {

	float: left;

	margin-right: 22px;

}	



a:hover img {

	background-color: transparent;

}



.post img {

	border: 1px solid #ffffff;

}



/* sidebar controls */

#sidebar {

	float: left;
	
}
	
/* sidebar left controls */

#sidebarleft {

	float:left;

	width: 225px;

	margin: 5px 0 30px 0;

	}
	
#sidebarleft ul li h2 {

	color: #87BF00;

	text-decoration: none;

	font-family: Verdana, Helvetica, Arial;

	font-size: 1.2em;

	font-weight:bold;

	text-align: center;

	line-height: 1.5em;

	margin-bottom: 0;

	padding: 5px 15px 0.7em 5px;

	}
	
.pagenav {

	color: #014A5B;

	text-decoration: none;

	font-family: Verdana, Helvetica, Arial;

	font-size: 1.1em;

	font-weight: bold;

	text-align: center;

	line-height: 1.5em;

	margin-bottom: 0;

	padding: 0 15px 0.7em 5px;

	}
	
	
/* sidebar right controls */

#sidebarright #recent-posts li {
font-size:1em;
text-align:left !important;
}

#sidebarright #recent-posts li h2 {
margin-top:20px;
font-size:1.7em;
}

#sidebarright {

	float:left;

	width: 225px;

	margin-bottom: 30px;

	}	
	
#sidebarright li {

	color: #333333;

	text-decoration: none;

	font-family: Verdana, Helvetica, Arial;

	font-size: 1.2em;

	font-weight:normal;

	text-align: center;

	line-height: 1.6em;

	margin-bottom: 0;

	padding: 0 20px;

	}
	
#sidebarright ul li h2 {

	color: #014A5B;

	text-decoration: none;

	font-family: Verdana, Helvetica, Arial;

	font-size: 1.1em;

	font-weight:bold;

	text-align: center;

	line-height: 1.5em;

	margin-bottom: 0;

	padding: 0 5px 0.7em 5px;
	
	letter-spacing: 0;

	}
	
/* both sidebars controls */	

#sidebarleft ul li a, #sidebarright ul li a {

	display: block;

	color: #87BF00;

	text-decoration: none;
	
	text-align: center;

	margin: 0px;

	padding: 0px 15px 10px 5px;
	
	font-family: Verdana, Helvetica, Arial;
	
	font-size: 1.2em;
	
	line-height: 1.6em;

	font-weight:bold;


	}

#sidebarleft ul li a:hover, #sidebarright ul li a:hover {

	color: #87BF00;
	
	text-decoration: underline;

	}
	

/* footer controls */

#footer {

	clear: both;
			
	background-image: url(images/footer-bgtop.gif);  /* white & light blue sidebar */


}

#footercontent {	

	width: 800px;

	height: 20px;
	
	margin: 0px 50px 0 50px;
	
	border-top: 1px solid #014A5B;	

}
	

#footer p {

	margin: 0px 50px 0px 50px;

	padding: 10px 0px 10px 0px;
	
	font-size: 1.1em;
	
	text-align: center;
	
	color: #666666;

}


#footerbottom {	

	width: 900px;

	height: 31px;

	margin-bottom: 20px;
		
	background-image: url(images/footer-bg.gif);  /* rounded corners */	

}

/* search controls */



form#searchform {

	margin: 4px 0 0 5px;

}



input#searchsubmit, #commentform input#submit {

	border: 0;

	background-color: #5A8994;

	color: #ffffff;

	padding: 2px;

}



input#searchsubmit:hover, #commentform input#submit:hover {

   cursor: auto;

}



/*tag controls*/



div.tags {

	margin-top: 20px;

	margin-bottom: 30px;

}	



div.tags a {

	padding: 2px;

	text-decoration: none;

	line-height: 200%;

}	



div.tags a:hover {

	text-decoration: none;	

}	



/* comments control*/
.comments-h3 { border-top: 1px solid #e1e1e1; padding-top:20px; color: #272d36; font: normal 20px/20px "Arial";  }

#respond { font: normal 28px/28px "Arial"; padding-bottom: 5px; margin-bottom: 5px; }

#commentform label small { font: normal 12px/12px "Arial"; }
#commentform label small span { font: normal 10px/10px "Arial"; }


.alt {

	margin: 0;

	}



ol.commentlist {

	padding: 0;

	margin-bottom: 30px;

	}

	

ol.commentlist li { 

	font-size: 1em;

	padding: 1em 10px 0em 0; 

	margin: 0; 

	clear: both; 

	background: none; 

	border-bottom: 1px solid #e1e1e1; 

	list-style: none;

	}

	

img.avatar {

	float: left;

	margin: 4px 10px 0 0;

}



form#commentform {

	margin-bottom: 30px;

}	





/* img controls */	

.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

/* Categories + Archives 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .categs { overflow: hidden; padding: 15px; margin-bottom: 3px;}
/**/ *html .SR .categs { height: 1%;} /**/ 
.SR .categs div { float: left; width: 90px; }
.SR .categs div h3 { font: bold 13px/13px 'Arial'; color:#102a30; padding-bottom: 5px;}
.SR .categs ul { margin:0;}
.SR .categs div li { padding: 1px 0px !important; list-style-type: none; font-size: .95em !important; color:#000; line-height:3px;}
.SR .categs div a, .SR .categs div a:visited { text-align:left !important; font-weight:normal !important; color:#000 !important; text-decoration: underline; padding:0 !important; margin:0 !important;}
.SR .categs div a:hover { color:#003333; text-decoration: underline;}



/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #e4eaf5; padding: 15px; margin: 0px;}
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #c5e1ed; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 2px; width: 155px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #a8d3e4; background: #fff; padding: 2px;}
.comments-form input.formemail { border: 1px solid #E4EAF5; background: #fff; padding: 2px;}
.comments-form input.formuri { border: 1px solid #E4EAF5; background: #fff; padding: 2px;}

.comments-form textarea { border: 1px solid #E4EAF5; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #E4EAF5; background: #5A8994; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 4px;}

/* Event & Workshops Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.event-workshops { border:1px solid #e8e8e8; border-collapse:collapse;  }
.event-workshops td { border-bottom:1px solid #e8e8e8; padding: 8px; font-size: 15px;}
.event-workshops td:first-child { border-right:1px solid #e8e8e8; white-space:nowrap;}
.event-workshops td p { padding-top:8px; font-size:11px; line-height:normal; }