/*  
Theme Name: Start Smart for Your Baby Default theme
Theme URI: http://www.startsmartforyourbaby.com
Description: The default WordPress theme for Start Smart for Your Baby's website.
Version: 1.0
Author: Jason A. Butler
*/




/*---------------------------------------------------------------------------------*/

/*---[universal]---------------------------------------------------------*/
* {margin: 0; padding: 0;}
html, body, div {position: relative;}
body {background: #036;}
p {margin: 1em 0;}
/*---[Major Divs]---------------------------------------------------------*/
#wrapper {
	width: 750px;
	margin: 30px auto 0 auto;
}
#content {
	padding: 0 1.4em 1px 1.4em;
	margin-top: 92px;
	background-color: #fff;
	background-position: 0px -92px;
	background-repeat: repeat-x;
	z-index: 222;
	
}	
#branding {
	position: absolute;
	width: 750px;
	height: 92px;
	top: 0;
	left: 0;
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 20;
	background-color: #fff;
}
#branding,
#content {background-image: url(images/grey_fade.png);}

#branding .logo {
	display: block;
	position: absolute;
	width: 178px;
	height: 57px;
	top: 0px;
	left: 23px;
	text-indent: 0;
	text-indent: -9999px;
	z-index: 900;
	background: url(images/ssfyb_logo.png) top left no-repeat;
	overflow: hidden;
}
.navigation {
	width: 460px;
	float: left;
	padding: 0 0 10px 0;
}	
.navigation .center {
	margin: auto;
	width: 25%;
}
.navigation .alignleft,
.navigation .alignright {
	width: 50%;
}

.post {
	float: left;
	width: 469px;
	width: 457px;
	margin-bottom: 3em;
	
}


#posts { /*for archive pages*/
	float: left;
}
#footer {
	padding-top: 33px;
	line-height: 40px;
	clear: both;
}
#language_switcher {
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 999;
}

/*---[Sidebar]---------------------------------------------------------*/
#sidebar {
	float: right;
	width: 232px;
}
#sidebar .content,
#sidebar .top,
#sidebar .bottom {float: right; clear: both; background-color: blue;}
#sidebar .content {
	background: url(images/sidebar_body.gif) 0 0 repeat-y;
	width: 202px;
	padding: 5px 15px 15px 15px;
}
#sidebar .top,
#sidebar .bottom {
	width: 232px; 
	height: 9px;
	line-height: 9px;
}
#sidebar .top {background: url(images/sidebar_top.png) 0 0 no-repeat;}
#sidebar .bottom {background: url(images/sidebar_bottom.png) 0 0 no-repeat; margin-bottom: 1em;}
#sidebar .starting_smart h2 {
	width: 202px;
	height: 48px;
	margin-top: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/starting_smart.png) 0 0 no-repeat;
}
#home_content h2 {
	width: 210px;
	height: 48px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/starting_smart_home.png) 0 0 no-repeat;
}
#home_content p {
	padding-top: 1em;
}
#sidebar .group {float: right;}
#sidebar .starting_smart p {
	font-size: 1em;
	margin-bottom: -9px;
}



/*---[Comments Section]---------------------------------------------------------*/
#commentform {
	width: 300px;
	width: 100%;
	float: left;
	clear: none;
	display: block;
}
#commentform textarea {
	width: 90%;
}
/*---[Corners]---------------------------------------------------------*/
.top_left,
.bottom_right {
	position: absolute;
	width: 33px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 1px;
	line-height: 0;
}
.top_right,
.bottom_left {
	position: absolute;
	width: 1px;
	height: 1px;
	background: #036;
	background: #4f5d7c;
	font-size: 1px;
	line-height: 0;
	
}
.top_left {
	top: 0px;
	left: 0px;
	background-image: url(images/top_left.png);
}
.top_right {
	top: 0;
	right: 0;
}
#footer .corners {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	height: 33px;
}
.bottom_right {
	top: 0;
	right: 0;
	background-image: url(images/bottom_right.png);
}

.bottom_left {
	left: 0;
	top: 32px; /*Why not just use bottom:0? Because IE has issues with using bottom....*/
}


/*---[Lists]---------------------------------------------------------*/
#main_nav {
	display: block;
	float: right;
	list-style: none;
	line-height: 61px;
	font-size: 1.1em;
	margin-right: 1em;
}
#main_nav li {
	display: inline;
}
#footer ul {
	display: block;
	float: right;
	clear: both;
	list-style: none;
}
#footer li {
	display: block;
	color: #fff;
	float: left;
}
ol.commentlist {
	margin-left: 2em;
}
#sidebar ul,
#sidebar li {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}
#sidebar dl {
	margin-bottom: 1em;
}

.post li {
	margin-left: 2em;
	line-height: 125%;
	list-style: disc outside;
}
#language_switcher ul {
	width: 100%;
	display: block;
	text-align: right;
}
#language_switcher li {
	list-style: none;
	display: inline;
	line-height: 30px;
}

.children li.current_page_item {
	
}


/*Kaccordion definition lists*/
dl.Kaccordion dt {
	margin-top: 1em;
}
/*---[Anchors]---------------------------------------------------------*/
a:link,
a:visited {
	color: #036;
	text-decoration: underline;	
}
a:hover,
a:active {
	color: #005bb6;
	text-decoration: none;
}
a.pdf span {
	background: url(images/file_acrobat.gif) no-repeat left center;
	padding-left: 20px;
	padding-bottom: 1px;
	margin-bottom: -1px;
}
#content a:link {text-decoration: underline;}

#content a:hover,
#content a:active {color: #7ea1b6; text-decoration: none}

#footer a,
#footer span {margin: 0 1em;}
#footer span a {margin: 0;}
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {text-decoration: underline;}
#main_nav a {padding: 0 .8em;}
#main_nav a:link,
#main_nav a:visited {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
#main_nav a:hover,
#main_nav a:active,
#main_nav .current a:link,
#main_nav .current a:visited {
	text-decoration: underline;
}


#content h1 a:link,
#content h1 a:visited {text-decoration: none; color: #036; border: none;}
#content h1 a:hover,
#content h1 a:active {border-bottom: 1px solid #036;}

#content h2 a:link,
#content h2 a:visited,
#content h3 a:link,
#content h3 a:visited {
	text-decoration: none; 
	color: #036; 
	border-bottom: 1px solid #036;
}
#content h2 a:hover,
#content h2 a:active,
#content h3 a:hover,
#content h3 a:active {border: none;}


#content a.rss_icon:link,
#content a.rss_icon:visited,
#content a.rss_icon:hover,
#content a.rss_icon:active {
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url(images/rss_icon.gif);
	border: none;
	text-decoration: none;
}

#sidebar li a:link,
#sidebar li a:visited {border: none; text-decoration: none;}
#sidebar li a:hover,
#sidebar li a:active {text-decoration: underline;}

#sidebar h3.rss_icon {
	width: 100%;
	background: url(images/rss_icon.gif) 100% 35% no-repeat;
}

#language_switcher li a:link,
#language_switcher li a:visited {
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
}
#language_switcher li a:hover,
#language_switcher li a:active {
	text-decoration: underline;
}
#language_switcher .current_language_item a {font-weight: bold;}




.children ul {
	float: left;
	clear: both;
	padding-top: .7em;
}
.children ul li {


}



.children h2 a:link,
.children h2 a:visited {
	
}
.children h2 a:hover,
.children h2 a:active {

}

#wrapper .children li a:link,
#wrapper .children li a:visited {
	padding-left: 14px;
	line-height: 14px;
	display: block;
	float: left;
	
	background: url(images/sidebar_li_bg.gif) no-repeat; 
}
#wrapper .children li a:hover,
#wrapper .children li a:active,
#wrapper .children li.current_page_item a:link,
#wrapper .children li.current_page_item a:visited {
	background: url(images/sidebar_li_current_bg.gif) no-repeat; 
	color: #036;
	
}
#sidebar li a:link,
#sidebar li a:visited {
	line-height: 1.2em;
}	
#sidebar .sharing li a:link,
#sidebar .sharing li a:visited {
	line-height: 2em;
}


#wrapper a[href^="http:"] {background: transparent url(images/external.png) no-repeat scroll right center; padding-right: 13px;}
#wrapper a[href*="startsmartforyourbaby.com"] {background: none; padding-right: 0;}
/*---[Utility Classes]---------------------------------------------------------*/
p.clear { /*Divides the top and bottom halves*/
	display: block;
	height: 20px;
	clear: both;
	float: left;
	width: 100%;
}

/*---[Area Specifics]---------------------------------------------------------*/
.home #content,
.home #branding {background-image: url(images/pink_fade.png);}
.blog #content,
.blog #branding {background-image: url(images/yellow_fade.png);}
.podcast #content,
.podcast #branding {background-image: url(images/orange_fade.png);}
.resources #content,
.resources #branding {background-image: url(images/blue_fade.png);}
.error #content,
.error #branding {background-image: url(images/grey_fade.png);}
.about #content,
.about #branding {background-image: url(images/green_fade.png);}
.contact #content,
.contact #branding {background-image: url(images/purple_fade.png);}

/*---[Typography]---------------------------------------------------------*/
body {
	font-size: 70%;
	line-height: 100%;
	font-family: Verdana, Trebuchet, Helvetica, sans-serif;
}
p {line-height: 125%;}
#main_nav {
	font-family: "Lucida Sans Unicode", "lucida console", sans-serif;
}
h1, h2, h3, .Kaccordion dt{
	color: #036;
	font-weight: bold;
	font-family: "Lucida Sans", sans-serif;
}
h1 {
	font-size: 1.7em;
	line-height: 100%;
	margin-bottom: 1em;
}
p.meta {
	margin-top: -1.5em;
	margin-bottom: 2em;
}
h2 {font-size: 1.5em;}
h3, .Kaccordion dt {font-size: 1.1em;}
/*---[Home Page stuff]---------------------------------------------------------*/



#podcasts {
	width: 211px;
	height: 138px;
	padding: 10px 8px 10px 10px;
	position: absolute;
	left: 23px;
	top: 0px;
	overflow: hidden;
	background: url(images/podcasting.png);
	z-index: 21;
}
#podcasts h2 {
	display: block;
	float: left;
	margin-bottom: 1.5em;
}
#podcasts h2 a:link,
#podcasts h2 a:visited {
	margin: 0px;
	width: auto;
	font-size: .8em;
	text-decoration: none;
	border: none;
	
}
#podcasts h2 a:hover,
#podcasts h2 a:active {text-decoration: underline;}

#podcasts h3 {
	display: block;
	width: 100%; 
	margin: 0;
	padding: 0;
	float: left; 
	clear: both;
}
#podcasts h3 a:link,
#podcasts h3 a:visited {
	display: block;
	width: 100%;
	width: auto;
	height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	float: left;
	clear: both;
	font-size: .8em;
	border-bottom: none;
	line-height: 16px;
	background: url(images/podcast_icon.png) 0 50% no-repeat
}
#podcasts h3 a:hover,
#podcasts h3 a:active {text-decoration: underline;}
#podcasts p {margin: 0;}

#podcasts .entry {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;	
	float: left;
	width: 100%;
	clear: both;
	
}

#podcasts .library {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#flavor {
	float: right;
	width: 455px;
	width: 100%;
	height: 215px;
	top: -31px;
	position: absolute;
	right: 0px;
}
#flavor img {position: absolute;}

#flavor #pregnant {
	top: -10px;
	right: 246px;
}
#flavor #girl {
	top: 16px;
	right: 0;
}
#flavor #baby {
	top: 40px;
	right: 120px;
}
#podcasts .rss_icon {
	float: right;
	clear: right;
}

#bottom_half {
	padding-top: 184px;
	width: 100%;
	width: 750px;
	margin-left: -16px;
	margin-right: -16px;
	z-index: 20px;
}
#inner_wrapper {
	float: left;
	width: 100%;
	background: url(images/bottom_half_bg.png) repeat-y;
}
#inner_wrapper .corners {
	line-height: 0px;
	font-size: 0px;
	
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 100%;
	clear: both;
	background: url(images/bottom_half_bg.png) repeat-y;
}
#inner_wrapper .bottom_right {
	right: 0px;
}
.home #content {padding-bottom: 0px;}
.home #footer {padding-top: 0px;}
.home #footer .corners {
	display: none;
}
#home_content {
	width: 220px;
	margin-left: 495px;
	border-left: 5px solid #036;
	border-top: 5px solid #036;
	float: left;
	padding: 15px;
	display: inline;
	background: #ffc;
	font-size: 1em;
	line-height: 1.3em;
}
#home_content p {margin:0; line-height: 140%;}
#home_content h1 {
	font-size: 1.5em;
	margin-bottom: .5em;
}

#blog_post {
	padding: 15px;
	background: #cff;
	border-top: 5px solid #036;
	margin-left: -750px;
	width: 465px;
	float: left;
}
#blog_post h2 a:link,
#blog_post h2 a:visited {
	border: none;
	text-decoration: none;
}
#blog_post h2 a:hover,
#blog_post h2 a:active {
	border: none;
	text-decoration: underline;
}

/*---[Headers]---------------------------------------------------------*/


/*---[Utility Classes]---------------------------------------------------------*/
.center {text-align: center;}
.alignleft {text-align: left; float: left;}
.alignright {text-align: right; float: right;}
.clear {
	width: 100%;
	float: left;
	clear: both;
	background: red;
	line-height: 0px;
}

ul.subscribe {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
ul.subscribe li {
	display: block;
	float: left;
}
ul.subscribe a:link,
ul.subscribe a:visited {
	margin-top: .5em;
	line-height: 15px;
	padding-left: 85px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	width: 100px;
}
.button_rss_podcast {background-image: url(images/button_rss_podcast.png);}
.button_itunes {background-image: url(images/button_itunes.png);}
.button_rss_blog {background-image: url(images/button_rss_blog.png);}



/*---[tables]---------------------------------------------------------*/
.audio_book {width: 100%;}
.audio_book td {
	padding: 1px;
}
td.chapter {width: 75px;}
/*---[Hacks]---------------------------------------------------------*/
/* Keeps wrapper from aquiring the margins of its children*/
#wrapper {border-top: 1px solid #036;} /* Use the same border color as the body background*/
/* IE 6 Hacks */
* html #content {height: 1%;} /* bottom right corner doesn't show up without this*/
* html .top_left,
* html .bottom_right,
* html #branding .logo,
* html #sidebar .top,
* html #podcasts .innerwrap,
* html #sidebar .bottom {
	/*background-image: none;*/
	background-image: url(images/transparent.gif); /* without this, IE6 makes clicking on the logo difficult*/
	background-repeat: repeat;
}

* html .top_left {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/top_left.png", sizingMethod="scale");}
* html .bottom_right {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/bottom_right.png", sizingMethod="scale");}
* html #branding .logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/ssfyb_logo.png", sizingMethod="scale");}
* html #sidebar .top {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/sidebar_top.png", sizingMethod="scale");}
* html #sidebar .bottom {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/sidebar_bottom.png", sizingMethod="scale");}
* html #podcasts {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/startsmartforyourbaby/images/podcasting.png", sizingMethod="scale"); filter: none;}
* html .home .bottom_right {right: -1px;}

.transcripts .post {	width: 700px;}
#wrapper.transcripts #main_nav {display: none;}

a.transcripts {
	display: block;
	float: right;
	clear: none;
	padding: 20px 20px 0 20px;
	margin: 0 0 10px 10px;
	border: 1px solid #eee;
	line-height: 30px;
	background: url(images/transcript_icon.gif) 50% 5px no-repeat;
	z-index: 999;
}
hr {margin: 1em 0;}