/*

   THEME NAME: EarlyParenting


   */

   

  /* BODY 
----------------------------------------------------------------*/

body {
	background: #fff url(images/back_wrapper.png) no-repeat center top;
	text-align: center;
}

   

   h1 {

     font:bold 70px/120% Trebuchet MS, Arial;
     text-decoration:underline;

   }

   h3 {

     width:100%;

   }

   a {

     color:#fff;
     text-decoration:none;

   }

   a:hover, a:active {

     color:#fff;

     text-decoration:underline;

   }

/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
	background: transparent url(images/border-ver.gif) repeat-y 0 0;
	width: 912px;
	margin: 0 auto;
}

/* HEADER
----------------------------------------------------------------*/
#header {
	background: transparent url(images/border-hor.png) repeat-x top center;
	text-align: left;
	width: 907px;
    padding-top:155px;
}

   
/* CONTENT
----------------------------------------------------------------*/
#content {
	text-align: left;
	clear: both;
        width:906px
}
#main {
	text-align: left;
        width:450px;
        margin:60px 0 20px 50px;
}

/* SECONDARY CONTENT
----------------------------------------------------------------*/

#secondary {
  float: right;
  width: 180px;
  _width: 150px;
  display: inline;
  margin:0px 30px 20px 5;
}
#primary {
  float: right;
  width: 180px;
  _width: 150px;
  display: inline;
  margin:0px 25px 20px 0;
}

#primary li {
     list-style:none;
   }

#secondary li {
     list-style:none;
   }

#lipsum {

     font:normal 12px/150% Arial;
     text-indent:12px;

   }

   .entry-date {

     font:normal 10px/100% Arial;

   }

   .entry-meta {

     font:normal 10px/14px Arial;

   }

   /* FOOTER
----------------------------------------------------------------*/
#footer {
	background: transparent url(images/border-hor.png) repeat-x bottom center;
	width: 912px;
	text-align: center;
	padding: 10px 0;
    clear:both;
    line-height:20px;
}

   #footer a {

     padding:0 10px;

   }
#footer a:hover {
     text-decoration:underline;
     padding:0 10px;

   }

   .aligncenter {

   	display: block;

   	margin-left: auto;

   	margin-right: auto;

   }

   

   .alignleft {

   	float: left;

   }

   

   .alignright {

   	float: right;

   }

   .wp-caption {

   	border: 1px solid #ddd;

   	text-align: center;

   	background-color: #f3f3f3;

   	padding-top: 4px;

   	margin: 10px;

   	-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-dd {

   	font-size: 11px;

   	line-height: 17px;

   	padding: 0 4px 5px;

   	margin: 0;

   }

   /* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
	clear: both; 
}

.clearfix:after {
	/* What's this?  http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

.clearfix {display:inline-block;} 
	/* Hide from IE Mac \*/ 
.clearfix {display:block;}
* html .clearfix {	height: 1%;}
	/* End hide from IE Mac */ 
	
	
.hide {
	display: none; 
}

.block {
	display: block;
}

img.right {
	float:right;
	margin-left: 1em;
}
img.left {
	float:left;
	margin-right: 1em;
}

/* IE 5 Fix
----------------------------------------------------------------*/
body { 
	text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
	text-align: left; /* Undo stoopid IE 5 hack */
}

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font: 76%/1.3em  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; /* resets 1em to 10px */
  color: #472101;
  font-size: 12px;

}

h1, h2, h3, h4 { 
	line-height:2em;
	}
h2 {line-height:1.5em;
margin-top:40px;}
h1 {font-size:2em    }
h2 {font-size:1.8em  }
h3 {font-size:1.1em }
h4 {font-size:1em    }

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #333;
	background: #FFF;
}

p {
  margin: 10px 0 6px 0;
}
ol {
	list-style: decimal;
}
li {
  line-height: 1.6em;
}
a:link, a:visited {
	color: #333;
}
a:hover {
	color: #000;
}

img {
	float: right;
	padding: 0 0 0 15px;
}

#main h3 {
	color: #6ab9d7;
	margin-top: 1em;
	font-size: 1.1em;
}
#main h3.list a{
	font-size: 1.4em;
	text-decoration: none;
	line-height: 1.2em;
}
#main p {
	line-height: 1.8em;
}
#main p.excerpt {
	padding-bottom: 1em;
	border-bottom: 1px dotted #6AB9D7;
}
#main p.right {
	text-align: right;
}
#main a{
	color:#A6BC09;
}
#main ul{
	line-height: 1.8em;
    margin: 0 0 1em 2em;
	list-style: disc;
}
#main blockquote{
	color: #ea8744;
	margin: 0 20px;
}
#main span{
	color: #6ab9d7
}
#main span.caps{
	color: inherit
}
.paging {
	clear: both;
}
#book #main img {
	width: 150px;
	float: left;
	padding-left: 0;
}
#main img.medium {
	float: left;
	padding-left: 0;
	margin: 0 1.5em .5em 0;
}

/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#secondary h3, #primary h3 {
	font-weight:bold;
	font-size: 1.1em;
 	letter-spacing:1px;
	text-transform:uppercase;
	margin: 2.5em 0 5px 10px;
        line-height:1.4em;
}
#secondary p,
#secondary ul,
#primary p,
#primary ul {
	font-size: 1em;
	margin: 0 10px 1em 10px;
	color: #333;
	list-style: none;
}
#primary ul li ul li {
margin-left:-35px;
}
#secondary ul li ul li {
margin-left:-35px;
}

#secondary div {
	list-style: none;
	background: none;
}
#primary div {
	list-style: none;
	background: none;
}
#secondary #frmSearch,
#secondary fieldset {
	margin: 0 10px;
}
#primary #frmSearch,
#primary fieldset {
	margin: 0 10px;
}
#secondary .nextArticles li {
	margin-bottom: 1em;
	color: #6AB9D7;
}
#primary .nextArticles li {
	margin-bottom: 1em;
	color: #6AB9D7;
}
#secondary .nextArticles a {
	color:#ED5100;
}
#primary .nextArticles a {
	color:#ED5100;
}
#secondary img {
	padding: 0 0 0 0;
	float: left;
	margin-right: 5px;
        border:0px;
}
#primary img {
	padding: 0 0 0 0;
	float: left;
	margin-right: 5px;
        border:0px;
}

#secondary .oneField img {
	float: none;
	margin-right: 0;
	border: none;
}
#primary .oneField img {
	float: none;
	margin-right: 0;
	border: none;
}

/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer, #footer a {
	color: #666;
	text-decoration: none;
	line-height: 2em;
}
#copy, #copy a {
	color: #ccc;
	line-height: 2em;
	text-decoration: none;
	text-transform: uppercase;
}
#main-menu {
  height:25px;
  margin-bottom: 1em;
  margin-left: 300px;
}
#home-menu {
  width: 500px; height: 25px;
  list-style: none!important;
  border-left: 1px solid #6ab9d7
}


/* NAV (ul)
----------------------------------------------------------------*/
.nav, .nav ul { 
	list-style: none;
	margin-top: 0;
	padding: 0;
        text-align:right;
	
}
.nav {
  font-family: Arial, Helvetica, sans-serif;

  padding-right:50px;
}

/* NAV LIST ITEMS (li)
----------------------------------------------------------------*/
.nav li {
  float: right;
  margin: 0;
  padding: 0;
  z-index: 100;
  position: relative;
}
#home-menu li{
  border-right: 1px solid #6ab9d7
}


/* NAV LINKS
----------------------------------------------------------------*/
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  color: #a6bc09;
  display: block;
  padding: 0 9px;
  text-decoration: none;
  text-transform: lowercase;
}
.nav li a:hover {
  color: #6ab9d7;	
}
#main-menu a{
  padding: 0 20px;
}
#home-menu span{
  color: #ed5100
}

/* CURRENT PAGE INDICATORS
-----------------------------------------------------------------
 If you define your body id's and also set each nav link to a 
 class of the same name, then you have a very handy method of
 defining the style for nav buttons relative to the current page.
----------------------------------------------------------------*/
body#home a:link.active,
body#home a:visited.active,
body#contact a:link.active,
body#contact a:visited.active {
  color: #666;
}

/* SUBMENUS
----------------------------------------------------------------*/
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfhover ul {
	left:-1px;
	top:2.5em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
	width:9.45em;
}
.nav ul {
	background: #fff;
	/* border: 1px solid #000; */
	list-style: none;
	position: absolute;
	top: -999em;
	left: -1px;
}
.nav li:hover ul,
.nav li.sfhover ul {
	top: 25px;
}
.nav ul li {
	border: 0;
	float: none;
	width:9.45em;
}
.nav ul a {
	border-bottom: 0;
	padding: .75em 0 .75em 2em;
	width:70;
	/* white-space: nowrap; */
}
.nav ul li:hover,
.nav ul a:hover {
	/* background: #c3c3c3; */
	color: #ed5100;
}

/* quick hacks for IE */
*html .nav li li {
	margin-bottom:-3px;
}
*html .nav li li li {
	margin-bottom:-1px;
}
*+html .nav li li {
	margin-bottom:-3px;
}
*+html .nav li li li {
	margin-bottom:-1px;
}
a {outline:0;}

.widget_sp_image-image {
margin-bottom:20px;
margin-left:10px;
}