/* =====================================

SESO MEDIA GROUP - SESO.NET

C. 09.08.2008 

===================================== */

/* @charset "UTF-8"; */

/* BASE: Cascading Style Sheet
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */



/* Structure
###################################### */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body {
	font: 20px/1.3 Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	background: #3c94d3;
}

#wrapper {
	border:0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 65px;
	width:814px;
	background: transparent;
	color:inherit;
	background: #fff url(http://readaloud.org/i/bg-bl-readloud.jpg) repeat-y 0 0;
}

/* NOTE: H1, H2 & H5 researved for Phark image replacement only.
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
h1, h2, h5 {
	text-indent: -9999px;
	overflow: hidden;
}

/* Header 
-------------------------------------  */
#hdr {
	color:#fff;
	height:270px;
	width:749px;
	background: transparent url(http://readaloud.org/i/hdr-bl-readloud.jpg) no-repeat 0 0;
}
#hdr img {
	height:210px;
	width:749px;
	border:0;
}
/* Content 
-------------------------------------  */

#content {
	color:#011f39;
	width:749px;
}
/* Content: Blog --------------------  */
#content #blog {
	float:left;
	margin: 0 16px 0 26px;
	width:445px;
	min-height:800px;
	background: #fff url(http://readaloud.org/i/bg-flag.jpg) no-repeat 0 30px;
}
#content #blog h3 {
	margin: 15px 0 0 0;
	color:#011f39;
	font: 42px/1.0 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
}
#content #blog .wpr {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	border-top:1px solid #75afdd;
	border-bottom:1px solid #75afdd;
}
#content #blog .wpr p {
	padding: 0 0 20px 0;
	color:#011f39;
	font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
}
#content #blog img.photo {
	margin: 30px 0 0 0;
	width:445px;
}

/* Content: Support -----------------  */
#content #support {
	float:left;
	padding:25px 0 0 0;
	color:#000;
	width:245px;
	height:202px;
	background: #fff url(http://readaloud.org/i/img-bl-support.jpg) no-repeat 0 60px;
}
#content #support h2 {
	background: transparent url(http://readaloud.org/i/hdr-bl-support.gif) no-repeat 0 0;
	width:245px;
	height:35px;
}

#content #support #spr {
	margin:30px 0 0 117px;
	background:transparent;
}

/* Content: Support: Menu -----------------  */

#content #support #spr ul {
	list-style: none;
	margin:0 0 0 0;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;
	width:109px;
	height:34px;
}
#content #support #spr ul li a#main {
	display:block;
	color:#fff;
	width:109px;
	height:25px;
	background: transparent url(../i/cta-purchase.gif) no-repeat 0 0;
	border:0;
}
#content #support #spr ul li a:hover#main {
	display:block;
	color:#fff;
	width:109px;
	height:25px;
	background: transparent url(../i/cta-purchase.gif) no-repeat 0 -35px;
	border:0;
}

#content #support #spr ul li {
	position: relative;
	}
	
#content #support #spr li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 33px;
	display: none;
	}

/* Styles for Menu Items */
#content #support #spr ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #d92123; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #a01519;
	border-bottom: 0;
	}
#content #support #spr ul li a#last {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #d92123; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #a01519;
	}
/* Fix IE. Hide from IE Mac \*/
* html #content #support #spr ul li { float: left; height: 1%; }
* html #content #support #spr ul li a { height: 1%; }
/* End */

#content #support #spr ul li a:hover, #content #support #spr ul li a:hover#last { color: #a01519; background: #f9f9f9; } /* Hover Styles */
		
#content #support #spr li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#content #support #spr li:hover ul, #content #support #spr li.over ul { display: block; } /* The magic */


/* Content: Join Our Family ---------  */
#content #joinOurFam {
	float:left;
	color:#000;
	width:245px;
}
#content #joinOurFam h2 {
	background: transparent url(http://readaloud.org/i/hdr-bl-joinourfamily.gif) no-repeat 0 0;
	height:35px;
}
#content #joinOurFam h4 {
	margin:0 0 0 7px;
	color:#75afde;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
	font-weight:bold;
}
#content #joinOurFam ul {
	float:left;
	list-style: none;
	width:236px;
	margin:20px 0 0 7px;
}
#content #joinOurFam ul li {
	float:left;
	display:inline;
	color:#fff;
	background:transparent;	
	height:26px;
}
#content #joinOurFam ul li a {
	display:block;
	color:#fff;
	background:transparent;	
	height:26px;
}
/*#contentPolitical #joinOurFam ul li a#digg {
	background: transparent url(../i/ico-sn-digg.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
}
#contentPolitical #joinOurFam ul li a#flickr {
	background: transparent url(../i/ico-sn-flickr.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
}
#contentPolitical #joinOurFam ul li a#twitter {
	background: transparent url(../i/ico-sn-twitter.jpg) no-repeat 0 0;
}*/
#content #joinOurFam ul li a#facebook {
	background: transparent url(../i/ico-sn-facebook.jpg) no-repeat 0 0;
	width:76px;
}
#content #joinOurFam ul li a#myspace {
	background: transparent url(../i/ico-sn-myspace.jpg) no-repeat 0 0;
	width:86px;
}
#content #joinOurFam ul li a#youtube {
	background: transparent url(../i/ico-sn-youtube.jpg) no-repeat 0 0;
	width:56px;
}
/* Content: Get the Messege Out ---------  */
#content #getMess {
	float:left;
	color:#000;
	width:245px;
	margin:30px 0 0 0;
}
#content #getMess h2 {
	background: transparent url(../i/hdr-getMess.gif) no-repeat 0 0;
	text-indent: -9999px;
    overflow: hidden;
	width:245px;
	height:25px;
}
#content #getMess ul {
	float:left;
	list-style: none;
	margin:10px 0 0 0;
	width:245px;
	height:69px;
}
#content #getMess ul li {
	float:left;
	display:inline;
	color:#fff;
	background:transparent;	
	width:245px;
	height:69px;
}
#content #getMess ul li a {
	display:block;
	color:#fff;
	width:245px;
	height:69px;
	background: transparent url(../i/cta-getMess-r.jpg) no-repeat 0 0;
	border:0;
}
#content #getMess ul li a:hover {
	display:block;
	color:#fff;
	width:245px;
	height:69px;
	background: transparent url(../i/cta-getMess-r.jpg) no-repeat 0 -69px;
	border:0;
}
/* Footer 
-------------------------------------  */

#ftr {
    border-top:1px dotted #75afde;
	clear:both;
	width:703px;
	padding:0 20px 0 26px;
}
#ftr p {
	font: 11px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-align:right;
	padding: 80px 0 10px 0;
	color:#011f39;
}
#ftr a {
	font: 32px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-align:right;
	padding: 80px 0 10px 0;
	color:#011f39;
	text-decoration:none;
}
#ftr a:hover {
	font: 32px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-align:right;
	padding: 80px 0 10px 0;
	color:#75afde3;
	text-decoration:none;
}

/* TUMBLR
-------------------------------------  */

            div.post {
                margin-bottom: 40px;
                padding-right: 20px;
				font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
            }
            div.post p {
            	padding: 0 0 18px 0; 
				color:#011f39;
            	
            }
 			div.post h3 {
				padding:0 0 14px 0;
				font: 42px/1.0 Arial, Helvetica, Verdana, sans-serif;
				background: transparent;
				text-decoration: none; 
				font-weight: normal;
				color:#011f39;
            }
            div.post a {
				text-decoration: none;  
				color:#75afde;
            }            
            div.post a:hover {
				text-decoration: none; 
				color:#011f39;
            }
            
                div.post div.date {       
                    white-space: nowrap;
                    font: normal 34px Helvetica, sans-serif;
                    letter-spacing: -2px;
                    color: #75afde;
                    text-transform: uppercase;
                    line-height: 35px;
                    float:left;
                    width:100%;
                    border-bottom:1px solid #75afde;
                    margin: 0 0 20px 0;
                }
                
                    div.post div.date div.date_brick {
                    	float:left;
                    	margin:0 20px 0 0;
                        color: #75afde;
                        font: Bold 12px Verdana, Sans-Serif;
                        text-align: center;
                        line-height: 12px;
                        margin-left: 10px;
                        padding-top: 5px;
                        letter-spacing: 0px;
                        overflow: hidden;
                    }

                div.post img.permalink {
                    width: 14px;
                    height: 13px;
                    border-width: 0px;
                    background-color: #000;
                    display: none;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    z-index: 10;
                }
                
                    div.post:hover img.permalink {
                        display: inline;
                    }

                div.post h3 {
                    font-size: 18px;
                    font-weight: normal;
                    color: {color:Post Title};
                    letter-spacing: -1px;
                    margin: 0px 0px 5px 0px;
                }

                    div.post h3 a {
						color:#011f39;
                        text-decoration: none;
                    }
            
                div.post div.caption {
                    font-size: 14px;
                    font-weight: normal;
                    color: {color:Text};
                    margin-top: 10px;
                    padding: 0px 20px 0px 20px;
                }

                    div.post div.caption a {
                        color: #011f39;
                    }
    
            /* Regular Post */
            
                div.post div.regular {
					font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
                        color: #011f39;
                }

                    div.post div.regular blockquote {
                        font-style: italic;
                        border-left: solid 2px {color:Text};
                        padding-left: 10px;
                    }
                        
            /* Quote Post */
            
                div.post div.quote div.quote_text {
                    font-family: Helvetica, sans-serif;
                    font-weight: normal;
                    color: {color:Quote};
                    /*border-left: solid 5px #011f39;*/
                    padding-left: 10px;
                }
                
                    div.post div.quote div.quote_text span.short {
						font: 36px/1.1 Arial, Helvetica, Verdana, sans-serif;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.medium {
						font: 30px/1.1 Arial, Helvetica, Verdana, sans-serif;
                        letter-spacing: -1px;
                    }
                    
                    div.post div.quote div.quote_text span.long {
						font: 24px/1.1 Arial, Helvetica, Verdana, sans-serif;
                        letter-spacing: -1px;
                    }

                    div.post div.quote div.quote_text a {
                        color: {color:Quote};
                    }
        
                div.post div.quote div.source {
						font: 16px/1.1 Arial, Helvetica, Verdana, sans-serif;
                    color: {color:Quote Source};
                    margin-top: 5px;
                }

                    div.post div.quote div.source a {
                        color: {color:Quote Source};
                    }
            
            /* Link Post */
            
                div.post div.link a.link {
					font: 24px/1.5 Arial, Helvetica, Verdana, sans-serif;
                    letter-spacing: -1px;
					color:#75afde;
                }

                    div.post div.link span.description {
						font: 12px/1.5 Arial, Helvetica, Verdana, sans-serif;
                        letter-spacing: -1px;
						color:#75afde;
                    }
            
            /* Conversation Post */
                        
                div.post div.conversation ul {
                    list-style-type: none;
                    margin: 0px;
                    padding: 0px 0px 0px 1px;
                    /*border-left: solid 5px #011f39;*/
                }
            
                    div.post div.conversation ul li {
						font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
                        padding: 4px 10px 4px 8px;
                        color: #011f39;
                        margin-bottom: 1px;
                    }
            
                        div.post div.conversation ul li span.label {
                            font-weight: normal;
                        }
                        
                            div.post div.conversation ul li span.user_1 {
                                color: #c00;
                            }
                            
                            div.post div.conversation ul li span.user_2 {
                                color: #00c;
                            }
                            
                            div.post div.conversation ul li span.user_3 {
                                color: #0a0;
                            }
                        
                        div.post div.conversation ul li.odd {
                            background-color: {color:Conversation Background 1};
                        }

                        div.post div.conversation ul li.even {
                            background-color: {color:Conversation Background 2};
                        }
            
               
            /* Video Post */
            .post .video {
                width:            400px;
                margin:           auto;
            }

            .post .video div.caption {
                font-size:        11px;
                        color: #011f39;
                margin-top:       5px;
            }
            
            .post div.video div.caption a {
                        color: #011f39;
            }