/*  

Theme Name: Essential Steps

Theme URI: http://essentialsteps.net

Version: 1.0

Author: Laura Fisher

Author URI: http://mittenartworks.com

*/



/* Global Reset */



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	}



body {

	line-height: 1.5;

	background: #fff;

	margin: 1.5em 0;

	}



table {

	border-collapse: collapse;

	border-spacing: 0;

	}



caption, th, td {

	text-align: left;

	font-weight: 400;

	}



blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a { outline: none; } /* Removes Firefox imposed outline */

* a { position: relative; } /* Gets links displaying over a PNG background */

a img { border: none; } /* Gets rid of IE's blue borders */



/* End Reset */





/* Text Elements */



strong { font-weight: bold; }



blockquote {

	margin-left: 1.5em;

	margin-top: .5em;

	}



em { font-style: italic; }



/* This sets the desired font size. The line-heights 

   and vertical margins are automatically calculated from this. 

   The percentage is of 16px (0.75 * 16px = 12px). */

body { font-size: 75%; }



/* Default fonts and colors. */

body { font-family: Myriad, Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: Myriad, Helvetica, Arial, sans-serif; }







/* Structural Layout */



body { background-color: #E4EE9F; }



#intro-container {

	width: 820px;

	height: 550px;

	margin: 0 auto;

	overflow: hidden;

	background: #FFFFFF;

	border-left: #FFCE00 solid 15px;

	border-right: #FFB12B solid 15px;

	}



#container {

	width: 825px;

	height: 100%;

	margin: 0 auto;

	background: #FFFFFF;

	border-left: #FFCE00 solid 15px;

	border-right: #FFB12B solid 15px;

	}



#header {

	width: 100%;

	height: 58px;

	background-color: #62B933;

	border-top: #FFB12B solid 15px;

	<!--overflow: hidden;-->

	}



#main {

	width: 825px;

	background-color: #FFFFFF;

	}



#bodycontent {

	width: 68%;

	height: 100%;

	float: left;

	background-color: #FFFFFF;

	margin: 30px 0px 30px 20px;

	}



#sidebar {

	width: 21%;

	height: 100%;

	margin: 30px 30px 30px 10px;

	float: right;

	background-color: #FFFFFF;

	color: #067CB9;

	line-height: 150%;

	}



#footer {
	width: 100%;
	height: 26px;
	clear: both;
	background-color: #FFCE00;
	border-right: #FFB12B solid 10px;
	font-size: .8em;
	}



#footer p {

	padding-top: 5px;

	float: left;

	}



ul#pagenavigation {

	float: right;

	margin-top: -15px;

	margin-right: 10px;

	font-family: Myriad, Arial, sans-serif;

	}



ul#pagenavigation li { display: inline; }



ul#pagenavigation li a {

	border-top: #FFB12B 15px solid;

	text-decoration: none;

	color: #000000;

	display: block;

	float: left;

	line-height: 400%;

	padding-right: 7px;

	padding-left: 8px;

	font-size: 1.1em;

	font-weight: bold;

	}



ul#pagenavigation li a:hover {

	border-top: #CC0066 solid 15px;

	color: #BEF65C;

	}



div#bottomlinks {

	float: right;

	padding-top: 5px;

	margin-right: 8px;

	}



div#bottomlinks a {

	text-decoration: none;

	color: #000000;

	}



div#bottomlinks a:hover { color: #CC0066; }



img.bottomdetail {

	float: right;

	clear: both;

	}



div.largelogo { margin: 20px 0px 0px 165px; }



div.bigflower {

	float: left;

	top: -296px;

	left: 40px;

	position: relative;

	}



#mainintro {

	width: 100%;

	background: #FFFFFF;

	}



div#greengap {

	width: 100%;

	height: 60px;

	background-color: #62B933;

	}



#bodycontentintro {

	width: 65%;

	height: 240px;

	float: right;

	background-color: #FFFFFF;

	margin: 30px 30px 0px 0px;

	font-size: 1.3em;

	}



h1 {

	color: #CC0066;

	font-weight: bold;

	text-align: center;

	font-size: 1.5em;

	font-style: italic;

	margin-bottom: .5em;

	}



h2 {

	color: #CC0066;

	font-weight: bold;

	text-align: center;

	font-size: 1.5em;

	font-style: italic;

	margin-bottom: .5em;

	}



h3 {

	color: #CC0066;

	font-size: 1.2em;

	font-style: italic;

	font-weight: bold;

	margin-bottom: 0;

	margin-top: 1.25em;

	}



#bodycontentintro div.post {

	margin-left: 40px;

	margin-bottom: 0;

	}



div#bodycontentintro p {

	margin-left: 10px;

margin-top: 5px;

	margin-bottom: 15px;

	font-size: .95em;

	line-height: 130%;

	}



div#postcontent {

	margin: 20px 5px 0px 60px;

	font-size: 1.2em;

	}



div#postcontent p {

	margin-bottom: 1em;

	line-height: 115%;

	}



div#bodycontent ul {

	margin: 0px 0px 1em 20px;

	line-height: 125%;

	}



blockquote.standout {

background: #DFF4FF;

padding: .125em 2em 1em 2em;

margin-bottom: 1em;

}



blockquote.standout h3 {

text-align: center;

margin-bottom: 1em;

}



#sidebar p {

	margin-bottom: 1em;

	margin-top: 1em;

	font-size: 1.1em;

	}



#sidebarhighlight { text-align: center; }



#sidebar a {

	color: #62B933;

	text-decoration: none;

	}



#sidebar p a {

	margin-left: 10px;

	margin-bottom: 40px;

	display: block;

	line-height: 1.3em;

	}



#sidebar p.calltoaction a {

	margin-left: 0px;

	margin-bottom: 10px;

	display: block;

	line-height: 1.3em;

	}



#sidebar p a:hover {

	color: #62B933;

	text-decoration: underline;

	}



h3 img { vertical-align: top; }

#sidebarhighlight a:hover { text-decoration: underline; }



#sidebarhighlight a {

	color: #CC0066;

	text-decoration: none;

	font-size: 1.2em;

	}



#postcontent a, #bodycontentintro a {

	color: #62B933;

	font-weight: bold;

	text-decoration: none;

	line-height: 125%;

	}



#postcontent a:hover, #bodycontentintro a:hover { color: #097EC1; }



div.post h2 {

	font-size: 1.2em;

	line-height: 1.2em;

	text-align: left;

	font-style: normal;

	}



#postcontent .post h2 a { color: #CC0066; }

div.post { margin-bottom: 3em; }



#sidebar ul {

	margin-left: 10px;

	list-style: none;

	}



#sidebar h2 {

	text-align: left;

	font-style: normal;

	margin: 1em 0 0 0;

	font-size: 1.3em;

	}



div.post ol {

	margin-left: 20px;

	line-height: 125%;

	}



div.post ol li { margin-bottom: 1em; }

#postcontent .post h2 a:hover { color: #097EC1; }

#sidebar a:hover { color: #097EC1; }



p.postmetadata {

	font-size: .9em;

	padding-bottom: 2em;

	padding-top: 2em;

	}



#postcontent p.postmetadata a { font-weight: normal; }

p.postdate { font-style: italic; }

textarea#comment { width: 100%; }



h4 {

	color: #097EC1;

	font-size: 1em;

	font-weight: bold;

	margin-bottom: .5em;

	}



#postcontent p.commentmetadata a {

	font-weight: normal;

	font-size: .9em;

	}



ol.commentlist { margin-bottom: 3em; }

label { font-size: .9em; }



cite {

	font-weight: bold;

	font-style: italic;

	}



span.introduction {

	color: #CC0066;

	font-size: 1.5em;

	font-style: italic;

	font-weight: normal;i

	}



img.blogimage { margin-left: 50px; }



div.auxnav li {

	display: inline;

	padding-right: .5em;

	padding-left: .5em;

	}



div.auxnav {

	clear: both;

	text-align: center;

	padding-bottom: 15px;

	}



div.auxnav ul { Property: Value; }



div.auxnav ul li a {

	color: black;

	text-decoration: none;

	}



div.auxnav ul li a:hover { text-decoration: underline; }



div.auxnav li.page_item {

	Property: Value;

	border-left: 1px solid #000000;

	}



div#postcontent form#contactform p { margin-bottom: 1em; }

form input { margin-bottom: 1.5em; }

form textarea { margin-bottom: 1.5em; }

div#bodycontent li { margin-bottom: .35em; }

div#sidebar form input { margin-bottom: 0; }

div#sidebar form textarea { margin-bottom: 1.5em; }

div#sidebar form p { margin-bottom: .5em; }

#sidebar form+p.calltoaction { margin-bottom: 4em; }



table.infodata td.pink {

	background-color: #FFFFFF;

	text-align: center;

	color: #CC0066;

	font-size: 1em;

	}



table.infodata { margin-bottom: 2em; }



table.infodata td {

	padding: 8px;

	font-style: italic;

	font-weight: bold;

	line-height: 125%;

	font-size: .8em;

	background-color: #ABDD8F;

	border-bottom: 1px solid #FFFFFF;

	border-right: 5px solid #FFFFFF;

	}



div#intro-container h3 {

	font-size: 1.2em;

	line-height: 100%;

	font-weight: normal;

	}



form#contactform { margin-left: 1.5em; }

div#bodycontent form#contactform input { margin-bottom: 0; }

div.post form { width: 400px; }



div.post form table {

	width: 450px;

	vertical-align: top;

	margin-bottom: 1.5em;

	}



div.post form input { margin-bottom: 0; }

div.post form table td { padding-bottom: .5em; }

h3+blockquote { Property: Value; }



div#intro-container div#footer p a {

	color: #000000;

	text-decoration: none;

	}



div#intro-container div#footer p a:hover { text-decoration: underline; }

.capitalize { text-transform: capitalize; }