/*  
Theme Name: The Story Home
Theme URI: http://thestoryhome.com
Description: Children's Audio Stories to Delight and Inspire
Version: 1.0
Author: Moxie Design Studios™
Author URI: http://moxiedesignstudios.com/

This CSS, nor any of the accompanying HTML,is freeware and may not be replicated under any circumstances. That would be considered a copyright violation from both TheStoryHome.com and MoxieDesignStudios.com.
*/




/*  GENERAL
-------------------------*/

body {
	font-size: 12px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif;
	background: #FFFFFF url(images/bg-top2.jpg) top center repeat-x;
	color: #000000;
	margin: 0px;
	}

img {
border: 0;
}

h1, h2, h3, h4 {
margin: 0;
padding: 0;
}

a { color: #ee4999; text-decoration: none; }
a:link { color: #ee4999; text-decoration: none; }
a:active { color: #ee4999; text-decoration: none; }
a:visited { color: #ee4999; text-decoration: none; }
a:hover { color: #23ACBF; text-decoration: none; }


.navigation {
font-size: 13px;
padding: 0px 5px 5px 5px;
}

.alignleft {
float: left;
margin-right: 10px;
display: block;
}

.alignright {
float: right;
margin-left: 10px;
display: block;
}



/* HEADER NAVIGATION
----------------------------*/


#header {
	position:relative;
	left:0px;
	top:0px;
	width:961px;
	height:194px;
}



/* CONTAINER
-------------------------*/


#container {
width: 961px;
margin: 0px auto;
}



/*  SIDEBAR 1
-------------------------*/

#sidebar1 {
margin: 20px 0px 20px 0px;
float: left;
width: 195px;
}


/*  ITUNES AREA
-------------------------*/

#sidebar1 .itunes {
margin: 30px 0px;

}



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

#content {
margin: 50px 0px 30px 10px;
padding: 90px 0px 10px 0px;
float: left;
width: 550px;
background: url(images/tagline.gif) top center no-repeat;
}



#content h2.pagetitle {
color: #FFB80F;
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0px 15px;
padding: 0;
}


#content p {
font-size: 12px;
line-height: 16px;
}

#content_app {
margin: auto;
min-height: 500px;
width: 860px;
margin-top: 50px;
font-family: Arial, Helvetica, sans-serif;
}



/* POSTS
-----------------------------*/


#content .post {
padding: 10px 15px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


#content .post h2 {
font-size: 18px;
}

#content .post h3 {
margin: 30px 0px 0px 0px;
font-size: 14px;
font-weight: normal;
color: #69C058;
}

#content .post h4 {
margin: 20px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}

#content .post li {
clear: left;
}



#content .post p img.edgar {
border: 0px;
}

#content .subhead {
color: #43bcce;
margin: 5px 26px 30px 26px;
padding: 0px;
font-size: 11px;
text-align: right;
}

#content .categories {
display:  block;
clear: both;
color: #43bcce;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
font-size: 11px;
}
#content .post .podPress_imgicon {
width: 12px;
height: 11px;
}

#content .post p {
font-size: 12px;
line-height: 150%;
text-align: left;
}

#content .post ol li{
font-size: 12px;
line-height:150%;
}

/* main list */

#content ul.catsgroup {
margin: 0;
padding: 0;
}

#content li.catsitem{
font-size: 12px;
font-weight: bold;
line-height:150%;
list-style-type: none;
margin: 0;
padding: 0px;
}

#content li.catsitem a{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #44BECC;
}

#content li.catsitem a:visited{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #44BECC;
}

#content li.catsitem a:hover{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #23ACBF;
}

/* titles under main category */

#content ul.catspostsgroup {
margin: 0px 20px;
padding: 0px;
}

#content li.catspostsitem {
font-size: 12px;
line-height:150%;
list-style-type: none;
margin: 0px 0px;
padding: 0px;
}


#content li.catspostsitem a {
display: block;
background: url(images/bullet.png) 0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #C445FF;
}

#content li.catspostsitem a:visited{
display: block;
background: url(images/bullet.png) 0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #C445FF;
}

#content li.catspostsitem a:hover{
display: block;
background: url(images/bullet.png) 0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #9E1BDF;
}




/* sub-category list */

#content ul.subcatsgroup {
margin: 0px 20px;
padding: 0;
}

#content li.subcatsitem {
font-size: 12px;
line-height:150%;
list-style-type: none;
font-style: italic;
font-weight: bold;
margin: 0;
}

#content li.subcatsitem a{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #EF58A1;
}

#content li.subcatsitem a:visited{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #EF58A1;
}

#content li.subcatsitem a:hover{
display: block;
background: url(images/bullet.png) 0px 7px no-repeat;
padding: 5px 0px 5px 20px;
color: #EF3B92;
}

/* titles under sub category */


#content ul.subcatspostsgroup {
margin: 0px 20px;
padding: 0;
}

#content li.subcatspostsitem {
font-size: 12px;
line-height:150%;
list-style-type: none;
margin: 0px 0px;
}

#content li.subcatspostsitem a{
display: block;
background: url(images/bullet.png)0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #C445FF;
}

#content li.subcatspostsitem a:visited{
display: block;
background: url(images/bullet.png)0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #C445FF;
}

#content  li.subcatspostsitem a:hover{
display: block;
background: url(images/bullet.png) 0px 2px no-repeat;
padding: 0px 0px 5px 20px;
color: #9E1BDF;
}




/*END LISTS*/


#content .post .tags {
display:  block;
clear: both;
color: #43bcce;
padding: 5px 0px 0px 0px;
margin: 0px;
font-style: italic;
font-size: 10px;
line-height: 14px;
}

#content .post .podPress_content {
margin: 10px 0px;
font-size: 12px;
background: #CEEDF2;
padding: 10px;
line-height: 18px;
line-height: 250%;
}

.podPress_content [
font-size: 12px;
}

#content .post input, #content .post textarea {
background: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, 'Trebuchet MS','Lucida Grande', Verdana, Sans-Serif;
font-size: 12px;
width: 400px;
}

#content .post label {
font-weight: normal;
font-color: #000000;
}

#content .note {
font-size: 11px;
font-weight: bold;
color: #F24999;
}

#content .post .imageverif {
margin-right:10px;
margin-top: 15px;
}

#content input#imageverify {
width: 50px;
margin-top: 0px;
}

#content .post .submit{
border:1px solid #FFFFFF;
color: #FFFFFF;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
width: auto;
}

#content .post ol.legal {
margin: 0px 10px;
padding: 0;
}

#content .post ol.legal li {
margin-left: 20px;
margin-bottom: 10px;
}

#content .post ol.legal li ol {
margin: 20px;
}

#content .post ol.legal li ol li {
margin-bottom: 5px;
}





#content .byline {
margin: 5px 0px 20px 0px;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #44BECC;
}


#content div.sociable {
display: inline;
padding-top: 3px;
margin-right: 5px;
}

/*  WIDGETS
-------------------------*/

.widget {
margin: 20px 0px;
padding: 10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.widget h3 {
margin: 0px;
margin-bottom: 10px;
background: url(images/bullet.png) no-repeat top right;
}

.none h3 {
color: #62C3D1;
}


.widget ul {
margin: 0;
padding: 0;
}

.widget ul li {
list-style-type: none;
font-size: 12px;
background: url(images/bullet.png) 0px 8px no-repeat;
padding: 3px 5px 3px 20px;
}

.widget ul li a {
}

.widget ul li a:hover {
color: #1D8F9F;
font-weight: normal;
}

.widget input {
background: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, 'Trebuchet MS','Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
}

.widget input.submit{
border:1px solid #FFFFFF;
color: #FFFFFF;
font-size: 12px;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
}

/* COLORS
-----------------------------------------*/
.blue {
background: #ecf8fa;
border: 6px solid #CEEDF2;
}

.blue h2 {
background: url(images/bg-post.gif) left no-repeat;
color: #529AC8;
padding: 3px 0px 0px 32px;
}

.blue h2 a,
.blue h3,
.blue h4 {
color: #529AC8;
}


.blue input,
.blue textarea {
border:1px solid #44BECC;
}

.blue input.submit {
background: #529AC8;
}

.green {
background: #E3FFDD;
border: 6px solid #BFEDB6;
}

.green h2 {
background: url(images/bg-media.gif) left no-repeat;
color: #6CC25C;
padding: 3px 0px 0px 32px;
}

.green h2 a,
.green h3,
.green h4 {
color: #6CC25C;
}

.green li ul li {
margin-left: 0px;
font-size: 11px;
/*background: url(images/audio_mp3_icon.png) 0px 8px no-repeat;*/
}

.green li ul.wp4_list_sub li {
background: transparent;
}

.green li ul li a {
color: #1D8F9F;
}

.green li ul li a:hover {
color: #EE4999;
}

.green input {
border:1px solid #6CC25C;
}

.green input.submit {
background: #6CC25C;
}



ul.press {
list-style: none;
margin: 0;
padding: 0;
}

ul.press img {
float: left;
margin-right: 10px;
display: block;
}

ul.press li {
padding: 10px 0px;
margin: 10px 0px;
overflow: auto;
}

.green ul.press li {
border-bottom: 1px dashed #6CC25C;
display: block;
}


.yellow {
background: #FFF5C9;
border: 6px solid #FFE77E;
}

.yellow h3 {
color: #F4B614;
}

.purple {
background: #F9ECFF;
border: 6px solid #EDC7FF;
}

.purple input {
border:1px solid #C44BFC;
}

.purple input.submit {
background: #C44BFC;
}

.purple h2 {
background: url(images/bg-howto.gif) left no-repeat;
color: #C44AFC;
padding: 3px 0px 0px 32px;
}

.purple h2 a,
.purple h3,
.purple h4 {
color: #C44AFC;
}

.pink {
background: #FCEAF2;
border: 6px solid #FACDE3;
}

.pink input,
.pink textarea {
border: 1px solid #EE4999;
}

.pink input.submit {
background: #EE4999;
}

.pink .entry img {
border: 3px solid #FACDE3;
}

.pink h2 {
background: url(images/bg-about.gif) left no-repeat;
color: #F46EAC;
padding: 3px 0px 0px 32px;
}

.pink h3,
.pink h4,
.pink h2 a {
color: #F46EAC;
}

.entry h3 {
color: #69C058;
margin: 0;
padding: 0;
}

.entry .pink h3 {
color: #F46EAC;
}

.entry .purple h3 {
color: #A760DD;
text-align: center;
font-size: 20px;
}

.entry .green h3 {
text-align: center;
font-size: 20px;
}

.entry .blue h3 {
color: #529AC8;
}

.entry .green,
.entry .purple {
text-align: center;
margin-top: 0px;
}

ul.app_features {
list-style: none;
margin: 10px 20px;
padding: 0;
overflow: auto;
}

ul.app_features li {
background: url(images/bullet.png) 0px 4px no-repeat;
padding: 4px 0px 3px 20px;
font-size: 13px;
}


.about_tsh,
.listen {
margin: 20px 0px;
padding: 15px;
min-height: 80px;
}

img.girl_listen {
padding: 5px;
border: 1px solid #B5E0EC;
background-color: #FFF;
float: left;
}

img.girl_play {
padding: 5px;
border: 1px solid #EDC7FF;
background-color: #FFF;
float: right;
}

.app_intro {
line-height: 20px;
font-size: 13px;
text-align: center;
}

.sponsor {
background: url(images/sponsor_star.png) no-repeat top right;
font-weight: normal;
color: #333;
font-size: 11px;
}


.none ul li.linkcat h2,
.pink ul li.linkcat h2{
visibility: hidden;
height: 0px;
}

.none ul li.linkcat,
.pink ul li.linkcat {
background: transparent;
padding: 0;
margin: 0;
}

.pink li.linkcat ul li {
margin-left: 0px;
}

.pink ul {
margin: 0;
padding: 0;
}

.pink li {
margin-left: 0;
}

.pink li ul {
margin: 0;
padding: 0;
}


/*  COMMENTS
-----------------------------*/

h3#comments,h3#respond {
color: #FFB80F;
font-size: 16px;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
margin-top: 20px;
}

#content ol li {
margin: 0px;
}

.commentlist li {
background: #ECF8FA;
border: 6px solid #CEEDF2;
padding: 5px 10px;
margin-bottom: 5px;
list-style-image: url(images/bullet.png);
}

.commentlist li p {
font-size: 12px;
}

li.alt {
background: #CEEDF2;
border: 6px solid #ECF8FA;
}

.commentlist cite {
font-size: 12px;
font-weight: bold;
}

.commentmetadata {
font-size: 12px;
font-style: italic;
}

#content ol {
margin: 0px 0px 0px 20px;
padding: 0;
}


#commentform {
background: #FCEAF2;
padding: 5px 10px;
border: 6px solid #FACDE3;
}


#commentform input,
#commentform textarea {
background: #FFFFFF;
border:1px solid #ef58a1;
color: #000000;
font-family: Arial, Helvetica, 'Trebuchet MS','Lucida Grande', Verdana, Sans-Serif;
font-size: 12px;
}

#commentform #submit{
background: #ef58a1;
border:1px solid #FFFFFF;
color: #FFFFFF;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
}


/*  SIDEBAR 2
-------------------------*/

#sidebar2 {
margin: 50px 0px 20px 0px;
float: right;
width: 195px;
}

#sidebar2 .ads {
text-align: center;
margin: 20px 0px;
font-size: 13px;
background: #fceaf2;
padding: 10px;
border: 6px solid #facde3;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


#sidebar2 .recent {
margin: 20px 0px;
padding: 10px 0px;
background: #ecf8fa;
border: 6px solid #CEEDF2;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

#sidebar2 .recent h3 {
margin: 0px 10px 10px 10px;
background: url(images/star-blue.gif) no-repeat top right;
}

#sidebar2 .recent ul {
margin: 0;
padding: 0;
}

#sidebar2 .recent ul li {
list-style-type: none;
line-height: 150%;
font-size: 12px;
}

#sidebar2 .recent ul li a {
display: block;
background: url(images/bullet.png) 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
}

#sidebar2 .recent ul li a:hover {
background: #c1e9ef url(images/bullet.png) 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
color: #1D8F9F;
font-weight: normal;
}


#sidebar2 .category h3{
margin: 0px 10px 10px 10px;
background: url(images/star-green.gif) no-repeat top right;
}

#sidebar2 .category {
background: #e3ffdd;
margin: 20px 0px;
padding: 10px 0px;
border: 6px solid #BFEDB6;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

#sidebar2 .category ul {
margin: 0;
padding: 0;
}

#sidebar2 .category ul li {
list-style-type: none;
line-height: 150%;
font-size: 12px;
}

#sidebar2 .category ul li a {
display: block;
background: url(images/bullet.png) 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
}

#sidebar2 .category ul li a:hover {
background: #bfedb6 url(images/bullet.png) 5px 5px no-repeat;
padding: 5px 5px 5px 25px;
color: #457F37;
font-weight: normal;
}



/*  FOOTER
-------------------------*/

#footer {
margin: 0px;
background: url('images/bg-btm.jpg') top center repeat-x;
min-height: 190px;
padding-bottom: 0px;
}

#footer .credits {
text-align: left;
width: 980px;
margin: auto;
padding-top: 100px;
color: #3f44ac;
font-size: 11px;
line-height: 150%;
padding-left: 0px;
}

#footer .credits a { color: #FFFFFF; text-decoration: none; }
#footer .credits a:link { color: #FFFFFF; text-decoration: none; }
#footer .credits a:active { color: #FFFFFF; text-decoration: none; }
#footer .credits a:visited { color: #FFFFFF; text-decoration: none; }
#footer .credits a:hover { color: #3f44ac; text-decoration: none; }


/*BLOG ADS
--------------------------------------------*/

div.adspot {
   border: 0;
   background: transparent;
   width: 100%;
   margin: 20px 0px;
}

div.adspot_content {
width: 100%;
   margin: 20px 0px;
}

div.adspot_link {
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   color: #EF58A1;
}

a.adspot_link { 
color: #EF58A1;
}


a.adspot_link:hover { 
color: #C445FF;
}

div.adspot * ul {
  list-style: none;
width: 100%;
  margin: 0;
  padding: 0;
}

        
div.adspot * li {
background: #FFFFFF;
padding: 5px;
text-align: left;
width: 168px;
overflow: hidden;
display: block;
}

.adspot_adhead {
text-align: center;
font-size: 14px;
font-weight: normal;
color: #EF58A1;
}

a.adspot_adurl img {
    border: none;
    margin: 10px auto;
    display: block;
}

.wp-caption {
float: left;
margin-right: 0px;
background: transparent;
padding: 0px;
}

.wp-caption img {
border: 1px solid #FFFFFF;
}

p.wp-caption-text {
color: #EF58A1;
margin: 0;
padding: 0;
text-align: center;
}

div.ala {
text-align: center;
}
div.indicate-required,
div.mce_inline_error,
div.response {
font-size: 11px;
margin: 10px 0px;
}

div.indicate-required,
div.mce_inline_error,
div.mce-error-response {
color: #CC0001;
font-weight: bold;
}

div.mce-success-response {
color: #69C058;
color: #69C058;
}




.sociable {
margin: 0;
padding: 0;
display: inline;
}

ul.w4pl_sub {
list-style: none;
margin: 0;
padding: 0;
}

.w4p1_sub li{
list-style: none;
padding: 0;
margin: 0;
background: transparent;
}

.w4_post_list .category_posts ul {
margin: 5px 15px;
padding: 0;
}

.category_posts li {
padding: 6px 0px;
}