/*
Theme Name: MoveYoga
Author: Laura Resnik
Author URI: http://www.lauraresnik.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:''}

/* 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 */

/* LAYOUT */

.aligncenter { display:block; margin:0 auto }
.alignleft { 
	float:left;
	margin:10px 10px 10px 0px;
 }
.alignright { float:right;
	margin: 10px 0px 10px 10px;
			
 }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.

/* End Starkers */
/* ----------------------------------------- */
#current{
	background-color: #062c44 !important;
	color: white ;
}

body{
	background:transparent url(images/stripe.png) top left repeat;
	
}

.clear{
    clear: both;

	}
	
.content{
	margin: 0 auto;
	width:800px;
}

#page {
	
	width:780px;
	margin:0 auto 0px;
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:.9em;
	height:100%;
	background: white;
	overflow: hidden;
	clear: both;
}


.button {
	margin:10px 10px 10px 2px;
	padding:5px;
	background:#6284a1 ;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#ffffff;
	font-size:12px;
	border: none;
}

.button:hover{
	background: #062c44;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#ffffff;
	font-size:12px;
	border: none;
	
}

.left{
	float:left;
}
.right{
	float:right;
}

/*header*/

#whiteStripe{
	height: 130px;
	width: 100%;
	margin: 10px 0 0 0;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	}
#logo{
	position: relative;
	background:transparent url(images/logo.gif) top left no-repeat;
	height: 150px;
	width:400px;
	float: left;
	text-indent: -9999px;
	z-index: 2;

}
#statement{
	background-color: #062c44;
	height: 60px;
	width: 180px;
	color: white;
	float: right;
	padding: 40px 10px 20px 10px;
	text-align: center;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-bottomleft:20px;
	
	
}
#statement h1{
	font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif;
	font-size: 20px;
	font-weight: lighter;

}
#topBar{
	clear: both;
	height: 170px;
	width: 100%;
}
#info{
	text-indent:-9999px;}
	
#nav{
	padding: 0px 5px;
	margin: 0px;
	position: relative;
	clear: top;
	width: 100%;
	height: 40px;
}	


	
#pageNav li{
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 15px;
	background-color: #6284a1;
	padding: 10px;
	margin: 0px 3px 0px;
	display: block;
	display: inline;
	text-align: center;
	float: left;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	z-index: -10;

}

#pageNav li a{
	color: white;
}

#pageNav li:hover{
	background-color: #062c44;
}
#blueBar{
	background:  #062c44;
	width: 100%;
	height:20px;
	border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-moz-border-radius:8px;
	z-index: 100;
	
}
/*b6a3c1*/
.hidden{ display:none;}
/*sidebar*/



.white {background-color:#FFF;
}
#searchText{

	width:90px;
}

#sidebar{
	padding:30px 20px;
	margin:10px;
	height:100%;
	float:left;
	width:200px;
	margin:0px;
	display: inline;
	
}

.sideBox{
	border-bottom: 3px solid #c6de83;
	padding: 10px 15px;
	width: 170px;
}
.sideLast{
	padding: 10px 15px;
	width: 170px;
	border-bottom: none;
}

.sideFirst {
	border-bottom: 3px solid #c6de83;
	padding: 30px 15px 30px;
	width: 170px;
}

.sideList{
	display: block;
	padding-bottom: 3px;
	font-size: 11px;
}
.sideBox h1 {
	color:#062c44;
	font-size: 14px;
	font-weight: bold;}
	
.sideBox h2 {
	color:#062c44;
	font-size: 14px;
	font-weight: bold;}

.sideBox p {
	font-size: 12px;
	line-height: 14px;
	}


	
.sideBox a {
	font-size: 12px;
}

.leadin{
	font-style: italic;
	color: #062c44;
	font-weight: bold;
	}
#facebook{
	padding-left: 35px;
	padding-top: 10px;
	display: block;
	width:100%;
	height:20px;
	background: transparent url(images/facebookLogo.gif) top left no-repeat;
}	
/*main*/

#main{
	border-left: 4px solid #c6de83;
	width:520px;
	float:right;
	padding:30px;	
	height: 100%;
	min-height: 1020px
}
/*color

orange:f2542d
blue:#062c44

/*posts*/
.meta{
	font-style:"Geneva", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-variant: small-caps;
	font-size: .8em;
	display: block;
	clear: both;
	margin-bottom: 5px;}
	

.post{
	margin:0px auto 20px;
	width:505px;
	overflow: auto;
}
.post p {max-width: 100%;
	font-size: .9em;
	line-height: 1.3em;

}





/*typography*/

blockquote {
	border-left:2px solid #062c44;
	margin:15px 30px 0 10px;
	padding-left:20px;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

h1{
	font-size:19px; 
	line-height:21px;
	font-weight:bold;
	color:#062c44;
}

h2{
	font-size: 1.4em;
	line-height:1.5em;
	font-weight:bold;
	color:#062c44;
}

h3 {font-size:1.2em;
	line-height:1.3em;
}

h4{font-size:.9em;

}

p{
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	margin:10px 0;
	color:#333;
	padding-bottom: 5px;
}

a {
	color: #eb4a12;
	text-decoration:none;
}

a:hover{
	color: #062c44;
	text-decoration:none;
}

h2 a{
	text-decoration:none;
	color:#2d3438}
	
h2 a:hover{
	color:#ffae2a}

ol li {
	padding: 2px
}

ol {list-style-type: decimal;
	padding:15px 30px;
}

/*images*/

img{
	margin: 5px 5px 5px 0px;
	max-width:430px;
	max-height: 430px;
	}
	
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 10px;
	margin:5px 10px;
	max-width: 400px;
}

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

.wp-caption p.wp-caption-text {
	font-size: .8em;
	line-height: 1em;
	padding: 0 5px;
}

/*comments*/

.postComments{
	width:300px;
	padding:20px 0;
}

#comments {
	padding-bottom:10px;
}
	
.commentlist {
	padding: 0;
	margin:0px;
	text-align: justify;
}

.commentlist li {
	margin: 10px;
	padding: 10px;
	list-style: none;
	border-top:2px #c6de83 solid;
	background-color: #ecf3e0;
	display: block;
	width: 480px;
	
}
.commentlist li ul li { 
	margin-right: 0;
	margin-left: 10px;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #EFE7D1;
	padding: 2px;
	background: #fff;
}

.commentlist p {
	font-size: .9em;
	margin: 10px 10px 10px 0;
}

.commentlist .alt {
	color: white;
	background-color:#FFF;
}

/*footer*/

#footerStripe{
	height: 130px;
	width: 100%;
	margin-top: 0px;
	background-color: #6284a1;
	clear: both;
	}
.footer{
	padding: 10px;
	margin: 0 auto;
	width:780px;
	overflow: hidden;
}
#footerLogo{
	background: transparent url(images/footerLogo.gif)top left no-repeat;
	height: 100px;
	width:240px;
	float: left;
	text-indent: -9999px;
	position: relative;
}
#footerNav{
	margin-top: 35px;
}
#footerNav li{
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
	color: white;
	padding: 2px;
	margin: 0px 3px 0px;
	float: left;
	
}

#footerNav li a{
	color: white;
}
#footerNav li a:hover{
	color: white;
	text-decoration: underline;
}