/*  
Theme Name: before and after the birth
Theme URI: http://www.beforeandafterthebirth.org
Description: Custom theme created for before and after the birth by <a href="http://www.mattheerema.com">Matt Heerema</a> of <a href="http://www.directsteps.com">DirectSteps Consulting</a>.
Version: 1.0
Author: Matt Heerema
Author URI: http://www.mattheerema.com/
*/

/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
dd, blockquote{ margin-left: 1em; }
form label{ cursor: pointer; }
fieldset{ border: none; }
input, select, textarea{ font-size:1em; }
/* End Normalization */

body{margin: 0;padding: 0;font: 10px Georgia, "Times New Roman", Times, serif;text-align: center;background: #345D34;}
h1, h2, h3, h4, h5, h6{margin:2em 0 .5em 0;}
h1{font-size:2em;}
h2{font-size:1.7em; margin:15px 0 15px 0; clear:both;}
h3{font-size:1.4em;}
h4{font-size:1.1em;margin:10px 0 0px 0;}
h5, h6{font-size:1em;}
dt{font-weight:bold;}
ul, ol{margin-left:1em;padding-left:1em;}
li{padding:0;margin:0;}
a:link{color:#feedb1;}
a:visited{color:#feedb1;}
a:hover, a:active{color:white;}
img{border:0;}
a img{border:0;text-decoration:none;position:relative;bottom:-2px;}
p{line-height:150%;margin:.5em 0 1em;}
pre{background:white;width:90%;height:auto;padding:10px; overflow:auto;border:1px dashed #ccc;font-size:1.2em;}
code{font-size:1.2em;background:white;padding:.3em;border:1px dashed #ccc;}
hr{visibility:hidden; clear:both;}
blockquote {
display:block;
border-left: 3px #999 solid;
margin: 10px 0px 13px;
padding: 0 0 0 12px;
}


/* General Classes
-----------------------------------------------------------------*/
.inline{ display:inline !important; }
.center{ text-align:center !important; }
.hide{display:none !important;}
.block{display:block;}
.alignleft{ text-align:left !important;}
.alignright{ text-align:right !important;}
.centered { display: block; margin-left: auto; margin-right: auto; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
.right {float: right;}
.left {float: left;}

.ul{border-bottom:1px solid #ccc;} /* ul = underline */
.uc{text-transform:uppercase;} /* uc = uppercase */

.feed{ background:url(images/icon-feed.gif) 0 50% no-repeat; padding:5px 0 5px 20px;line-height:18px; }
.podcast{background:url(images/icon-podcast.gif) 0 50% no-repeat; padding:5px 0 5px 20px;line-height:18px;}
.email{background:url(images/icon-email.png) 0 50% no-repeat; padding: 5px 0 5px 20px; line-height:18px;}



.hide{visibility:hidden;}
.clear{clear:both;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */


/* Page Structure and typography
-----------------------------------------------------------------*/
#page{background:#fff url(images/bg-body.gif) repeat-x;margin:0;padding:10px 0 0 0;}
#main a {color: #06c;}
#main a:hover {text-decoration:none;}
#main li,#main p,#main ul,#main h1,#main h2 {margin: 0; padding: 0;}
#main{ 
margin: 0 auto;
width: 841px; 
background: #e6e6e6 url(images/bg-main.gif) repeat-y;
text-align: left;
border-bottom: 1px #fff solid;
}


/*right column*/
#right-column{
float: right;
text-align:center;
width: 178px;
margin-right: 55px;
padding-bottom:30px;
}
	* html #right-column{margin-right: 27px;}
#left-column{
float: left;
width: 555px;
margin:0px 0 0 41px;
padding: 10px 0 30px;
background:url(images/logo.gif) no-repeat 0px 3px;
display:inline;
}


#right-column h3 {
font-size: 11px;
margin: 21px 0 10px;
padding-left: 8px;
padding-top: 1px;
}
#right-column img {float:right;margin-left: 10px;}
#right-column p, .wp_quotes_quote, .wp_facts_fact {text-align:left;font: normal 11px/12px Arial, Helvetica, sans-serif;}
#right-column .quotes {
clear:both;
text-align: center;
margin-top: 23px;
padding-left: 4px;
}
#right-column .quotes h3 {font-size: 11px;margin: 0 0 0 -3px;}
.wp_quotes, .wp_facts{margin: 1px 0 0 0;}
#right-column .quotes a {
display:block;
font: normal 11px/12px Arial, Helvetica, sans-serif;
margin: 2px 0 20px 0;
}
.wp_quotes_author, .wp_facts_source {color: #666;display:block;}
#right-column .photos {
width: 177px;
margin: 20px 0 0 -10px;
padding: 0 0 0 10px;
}
	* html #right-column .photos {margin-top: -18px;}

#right-column .photos h3{margin: 10px 0 2px -10px;}

#flickr_badge_wrapper {
display:block;
width: 180px;
height: 180px;
margin: 0 0 -15px 0;	
list-style:none;
float:left;
}
.flickr_badge_image {
float:left;
display:inline;
width: 75px;
height: 75px;
margin: 5px;padding:0;
}
* html .flickr_badge_image{margin:5px 0;}
.flickr_badge_image a img{border: 0;padding:0;margin:0;}
.flickr_badge_image a { margin: 0;padding:0;}
#right-column .photos  a { 
clear:both;
display:block;
margin: 0;
font: normal 11px/12px Arial, Helvetica, sans-serif;
}

/* left column  */
#content{
padding:0 20px;
}
#content img{margin:0 5px;}

#left-column h1 {font-size: 26px;margin: 0 0 0 50px;}
#left-column h1 a {
display:block;
width: 331px;
height: 23px;
background: url(images/top-logo.gif) no-repeat;
text-indent: -10000px;
margin:0 0 8px 0;
outline:none;
}
	* html #left-column h1 a {margin-bottom: 0;}

#left-column h2 {
text-align:center;
font-size: 20px;
line-height: 20px;
padding:0;
margin: 19px 0;
}
	* html #left-column h2 {margin-top: 10px;}
#left-column em.tagline {
display:block;
font: normal 11px Arial, Helvetica, sans-serif;
margin: -4px 0 -14px 55px;
}
#left-column p, .wp_quotepage_quote, .wp_factpage_fact, #left-column ul, #left-column ol {
font: 12px Arial, Helvetica, sans-serif;
margin:.5em 0 1em 0;line-height:1.3em;
}
.wp_quotepage_author, .wp_factpage_source{color:#666;font-size:12px;margin:-10px 0 0 0;}
#left-column img.banner {
margin: 10px 0 0;
padding: 6px;
border: 1px #8E9A72 solid;
}

/* testimonial block */
#left-column .testimonial {margin: 10px 0 0;}
	* html #left-column .testimonial {margin-top: 7px;}
#left-column .testimonial h3 {margin: 0;font-size: 17px;line-height: 20px;}


#left-column .testimonial a {font: normal 12px Arial, Helvetica, sans-serif;color: #06c;}
#left-column .testimonial a {text-decoration:underline;}
#left-column .testimonial a:hover {text-decoration:none;}

/* top navigation */
ul#navigation {
display:block;
margin: 20px 0 0 0;
width: 556px; height: 73px;
list-style: none;
}
ul#navigation li{float:left;border-left: 1px #fff solid;position:relative;background: #8E9A71;}
	* html #left-column ul#navigation li a {width: 126px;}
ul#navigation li#before a {width: 137px;}
ul#navigation li#contact a {width: 136px;}
	* html ul#navigation li#before a span, ul#navigation li#contact a span {width: 135px;}
ul#navigation li a {
display:block;
width: 138px;height:80px;
font-size: 11px;font-weight: bold;
text-decoration: none;
padding:0 0 2px 1px;margin-right: -1px;
color: #000;
}
ul#navigation li:hover, ul#navigation li.over{background:#345D34;}
ul#navigation li:hover a, ul#navigation li.over a, ul#navigation li.over ul a {color:#fff;}
ul#navigation li a span {
display:block;
width: 136px;height:58px;
border: 1px #ccc solid;
margin: 0 0 7px -1px;
}
ul#navigation li a:hover{text-decoration:underline;}
#before a span {background: #ccc url(images/before.jpg) no-repeat ;}
#after a span {background: url(images/after.jpg) no-repeat;}
#resources a span {background: url(images/resources.jpg) no-repeat ;}
#contact a span {background: url(images/contact.jpg) no-repeat ;}

ul#navigation li ul{
width:126px;
position:absolute;top:74px;
background:#345D34;color:#fff;
padding:5px;
list-style:none;
left:-9999px;
top:76px;
}
ul#navigation li:hover ul, ul#navigation li.over ul{left:0;}
ul#navigation li ul li{
float:none;border:0;
background:transparent;
position:relative;
z-index:1000;
}
ul#navigation li ul li a{
font-weight:normal;
display:block;
height:auto;width:auto;
color:#fff;
}
ul#navigation li ul li a:hover{
text-decoration:underline;
}




/* footer */
#container{background: #345D34  url(images/bg-footer.gif) repeat-x 0 0px;padding:0;}
#footer {
clear: both;display:block;
height: 126px;width: 841px;
margin: -10px auto;padding-top: 1px;
background: #345D34 url(images/bg-footer.gif) repeat-x;
font: normal 11px Arial, Helvetica, sans-serif;
}
#footer ul {	
list-style: none;
display:block;
height: 126px;width: 580px;
margin: 9px auto;padding-left: 136px;padding-right: 0px;
}
#footer ul li {
float:left;
background: #345D34 url(images/footer-spacer.gif) no-repeat 0 4px;
padding: 0 4px 0  6px;
}
#footer ul li.first {background: none;}
#footer ul li a {color: #fff;}
#footer ul li a:hover {text-decoration:none;}
#footer span{
color: #A8D76B;
position:relative;
top: -118px;
left: -5px;
background: none;
}
#footer span a{color: #A8D76B;}
#footer span a:hover{text-decoration: none;}

/* Wordpress Specific Styles 
-------------------------------------------------------------------------*/

/* Wordpress styles
---------------------------------------------------------*/
#left-column p.postmetadata{
border:1px solid #ddd;background:#efefef;color:#333;
margin:0 10px;
padding:5px 10px;
display:block;
}
.commentlist { padding: 0; text-align: justify; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; }
.commentmetadata{ font-weight: normal; margin: 0; display: block; }
#commentform input {  width: 98%; padding: 2px; margin: 0 0 1px 0; }
#commentform textarea { width: 98%; padding: 2px; }
#commentform #submit { margin: 0; float: right; width:170px;}
.nocomments { text-align: center; margin: 0; padding: 0; }

#wp-calendar #prev a { font-size: 9pt; padding-left: 10px; text-align: left; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar a { text-decoration: none; display: block; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 100%; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }

.postmeta ul, .postmeta li { display: inline; list-style-type: none; list-style-image: none; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; }