/*
Theme Name: Christine Borg Yoga
Theme URI: http://christineborgyoga.com
Description: Christine Borg Yoga
Version: 1.0
Author: Leia Scofield
Author URI: http://leiascofield.com/

*/


/* ================================ Resets / Base Styles ================================ */

html { margin: 0; padding: 0; }
	
body {
	margin: 0; padding: 0;
	font-size: 14px;
	text-align:center;
	background: #fff; /* white */
	color: #666666; /* grey */
	}
	
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea { font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, san-serif }
a, a:visited, a:active { color: #2F323C; text-decoration:none; /* dark steel */}
a:hover { text-decoration:underline; }

img { border: 0; }
p, ul, ol, dl { margin: 0 0 1.2em 0; padding: 0; font-size: 1.0em; line-height: 1.5em; }
ul li, ol li { font-size: 1.0em; margin-bottom:0.4em; }
dl dt { font-weight:bold; }
dl dd {	margin:0 0 0.5em 0;	}	
input, textarea, select, td, th { font-size: 1.0em; }
acronym, abbr { border-bottom: 1px dotted black; cursor: help; }
sup { font-size: 0.9em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }	
blockquote { margin: 1.0em 30px 1.0em 10px; padding-left: 20px; font-style:oblique;	}
blockquote cite { margin: 5px 0 0; display: block; font-style:normal; }	
	
hr { /* For Internet Explorer */
	clear:both;
	height: 1px;
	color: #C6C9CA; /* light grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: #C6C9CA; /* light grey */
	border: none;
	margin-bottom:1.0em;
	}

html>body hr { /* For Opera and Gecko-based browsers */
	clear:both;
	height: 1px;
	background-color: #C6C9CA; /* light grey */
	border: 0px solid #C6C9CA; /* light grey */
	margin-bottom:1.0em;
	}

.hidden { display:none; }	
.error { color: rgb(255,0,0); /* red */ }


/* ================================ Headers ================================ */

/*
 	h1 - page titles 
	h2 - section titles
	h3 - subtitles
	h4 - sidebar titles
*/
	
h1 {
	margin:0 0 1.0em 0; 
	padding:0;
	font-size:1.5em;
	color: #70798d;
	}
	
h1 a:link, h1 a:visited, h1 a:active { color: #70798d; }	
	
h2 {
	font-size: 1.3em;
	margin: 0 0 1.0em 0;
	color: #70798d;
	}
	
h2 em { font-style:normal; font-weight:normal; font-size:12px; color: #81878A; }	
h2 em a ,h2 em a:link, h2 em a:visited { color: #81878A; }	

h3 {
	font-size:1.0em;
	color: #333333;
	margin: 0 0 0.5em 0;
	}	
	
h4 {
	font-size:1.0em;
	margin: 0 0 0.2em 0; padding:0;
	font-weight:normal;
	}
	
/* ================================ Layout Containers ================================ */	

div#page {
	width:990px;
	margin: 0 auto 0 auto;
	text-align:left;
	position:relative;
	}
		
div#container {
	width:990px;
	margin: 0;
	padding:0;
	position:relative;
	background:#fff;
	}
	
div#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#container {display: inline-block;}  
		
div#container div#content div#copy {
	padding: 0 0 2.0em 0;
	margin:0 30px 0 25px;
	text-align:left;
	clear:both;
	position:relative;
	width:600px;
	float:left;
	}	
		
div#container div#content div#sidebar {
	width:280px;
	padding:0 0 2.0em 30px; margin: 0;	
	min-height:310px;
	text-align:left;
	float:left;
	clear:none;
	position:relative;
	background: url(images/bg-sidebar.jpg) no-repeat;
	}	

div#footer {
	clear:both;
	display:block;
	padding: 40px 0 0 0;
	position:relative;
	text-align:center; 
	}

/* ================================ Header ================================ */

div#header { position:relative; padding-top:40px; }
	
div#header div#logo a {	
	margin:0 0 -35px 0; padding:0;
	position:relative;
	width:395px; height:121px;
	overflow:hidden;
	display:block;
	text-indent:-10000px;
	cursor:pointer;
	}
	
div#header div#logo a span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:395px; height:121px;
	margin:0; padding:0;
	background:url(images/christine-borg-yoga.png) top left no-repeat;
	}

body.home div#banner, body.page div#banner { height:225px; background: url(images/banner-home.jpg); display:block; }
body.page-id-2 div#banner { height:225px; background: url(images/banner-foundations.jpg); display:block; }
body.blog div#banner, body.single div#banner { height:225px; background: url(images/banner-practice.jpg); display:block; }
body.page-id-5 div#banner { height:225px; background: url(images/banner-logistics.jpg); display:block; }
body.page-id-6 div#banner { height:225px; background: url(images/banner-contact.jpg); display:block; }

div#header ul#navigation { list-style-type:none; background: url(images/bg-nav.png) no-repeat; height:80px; }
div#header ul#navigation li { float:left; background: url(images/nav-divider.gif) no-repeat top right; }
div#header ul#navigation li a { color: #fff; display:block; height:55px; line-height:36px; font-size: 1.1em; padding: 0 70px 0 71px; text-shadow: #000 1px 1px 1px;
 }
div#header ul#navigation li a:hover { background:url(images/bg-nav-item.png) no-repeat top center; text-decoration:none; }
div#header ul#navigation li#n5 { background: none; }

body.home div#header ul#navigation li#n1 a, body.page-id-2 div#header ul#navigation li#n2 a, body.page-id-5 div#header ul#navigation li#n3 a, body.page-id-6 div#header ul#navigation li#n5 a, body.blog div#header ul#navigation li#n4 a, body.single div#header ul#navigation li#n4 a, body.archive div#header ul#navigation li#n4 a { background:url(images/bg-nav-item.png) no-repeat top center; text-decoration:none; }

/* ================================ Copy ================================ */	
	
div#copy ul, div#copy ol { margin-left:2.0em; }

form input { width: 50%; display:block; border:1px solid #e5e5e5; }
form textarea { width: 99%; display:block; border:1px solid #e5e5e5; height:6.0em; }
form p#submit input { width: auto; display:block; border:1px solid #e5e5e5; }

/* ================================ Sidebar ================================ */		

div#sidebar blockquote { margin-left:0; padding-left:0; margin-right:0; line-height:1.8em; font-size:0.9em;}
div#sidebar ul { list-style-type:none; margin:3.0em 0 4.0em 0;}
div#sidebar ul li { font-size:1.1em; }

div#topics { border-top:1px solid #e5e5e5; padding-top:1.0em; }
div#topics a { margin-right:20px; line-height:2.0em; padding: 3px;}

div#sidenote { margin-top:3.0em; }

/* ================================ Footer ================================ */

div#footer p { margin-bottom:1.5em; clear:both; font-size:0.9em;}
div#footer a { text-decoration:underline; }

div#footer ul { list-style-type:none; margin:0 0 2.0em 0; display:block; text-align:center; font-size:0.9em;}
div#footer ul li { border-left:1px solid #666666; display:inline; padding:0; }
div#footer ul li.first-li { border-left:0; }
div#footer ul li a { padding: 0 10px 0 15px; margin:0; line-height:1.2em; }

div#footer ul#credits { list-style-type:none; margin:1.0em 0 2.0em 0; display:block; text-align:center; font-size:0.8em;}
div#footer ul#credits li { border-left:1px solid #666666; display:inline; padding: 0 10px 0 15px;  }
div#footer ul#credits li.first-li { border-left:0; }
div#footer ul#credits li a { margin:0; line-height:1.2em; padding:0; }
div#footer ul#credits li#license { display:block; border:0; margin-top:5px;}

div#footer blockquote { width:290px; margin:0 auto 3.0em auto; padding:0; color: #999999; font-size:1.0em; }
div#footer blockquote cite { font-size:0.9em; }

/* ================================ Blog Components ================================ */		

div#copy div.post { margin-bottom:4.0em; }	
div#copy p.postmetadata { font-size:12px; font-weight:normal; color:#81878A; /* grey */ line-height:1.7em;	}	

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.blognav { height:3.0em; margin-top: 2.0em; display: block; }
.blognav .alignright { float: right; width:50%; text-align:right; }
.blognav .alignleft { float: left; width:50%; }		


/* ================================ Form ================================ */		

.wpcf7-checkbox input, .wpcf7-radio input { width: 10px; display:inline; }