/* 
File Name: "master-teen.css"
Description: The main stylesheet for PCPL.org TeenZone.  This file does not include IE-specific styles.  For those, look for "master-teen-ie.css".
Version: 11/03/05
*/
body{
background: #000; 
}
#wrapper {
background:#000;
}
#main_content{ 
background:#F4F3EA url(../teenzone/images/shadow.gif) top left repeat-x;
padding-top:10px;
border-top: 0;
}
#inside_content{
margin: 2em 10px 5em 216px;
border:1px solid #6699CC;
background:#F4F3EA;
padding:10px;	
}
/* header
----------------------------------------------- 
*/
#header{
background: #000;
height:100px;
margin:0;
padding:0;
border-top: 1px solid #A4ADBD;
text-align:left;
}
#header h1 {
width:309px;
height:100px;
margin:0;
padding:0;
position:relative;
top:0;
}
#header h1 a{
background: url(../teenzone/images/header.gif) bottom left no-repeat;
display:block;
width:309px;
height:100px;
}
/* adult navigation
----------------------------------------------- 
*/
ul#adult_nav {
position: absolute;
top: 27px;
left: 60%;
list-style: none; 
z-index: 15;
}
ul#adult_nav li {
display: inline;
margin:0 .5em;
padding: 0 .5em;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
font: bold .9em/1.2 Arial, Helvetica, sans-serif;
}
ul#adult_nav a {
color: #FFF;
text-decoration:none;
}
ul#adult_nav a:hover {
text-decoration:underline;
}   
/* main content areas
----------------------------------------------- 
*/
#inside_content h1 {
border-bottom: 1px solid #5CB011;	
}  
#inside_content h2 {
border:1px dotted #5CB011;
}	
#inside_content p {
}
#inside_content h3 {	
}
#inside_content ul li p {		
}
#index_container table{
border:1px solid #000;
}
/* sidebar (left_nav)
----------------------------------------------- 
*/
#sidebar{ /* this is the left column */
background: none;
left:0;
z-index: 25;
width:216px;
padding:0px 0px 0px 0px;
border:none;
text-align:left;
}
#sidebar h1#sidebar_art_exp{
background: url(../teenzone/images/teen_nav_top_artexp.jpg) top no-repeat;
}
#sidebar h1#sidebar_feat_book{
background: url(../teenzone/images/teen_nav_top_book.jpg) top no-repeat;
}
#sidebar h1#sidebar_suggest{
background: url(../teenzone/images/teen_nav_top_suggest.jpg) top no-repeat;
}

#sidebar h1 {
margin-top:10px;
padding:0px;
height:150px;
}
#sidebar h1 span {
position: absolute;
top: -9999px;  
}
#sidebar div#menu {
background: transparent; /*url(../teenzone/images/menu_ul_bottom.gif) bottom left no-repeat;*/
padding-bottom:50px;
margin-bottom:100px;
}
#sidebar div#menu ul{
background:; 
/*url(../teenzone/images/menu_ul_bg.gif) top left repeat-y;*/
list-style:none;
margin-top:-30px;
padding-bottom:5em;
border:none;
font: bold 1.1em Arial;
}
#sidebar div#menu ul li{
background:#0B64A6 url(../teenzone/images/menu_li_top_right.gif) right top no-repeat;
width: 160px;
margin:5px 0px;
padding:0px;
color: #FFF;
}
#sidebar div#menu ul li a {
background:transparent url(../teenzone/images/menu_li_bottom.gif) -12px bottom  no-repeat;
display: block;
padding:5px 5px;
margin: 0px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
#sidebar div#menu ul li a:hover {
display: block;
text-decoration: underline;
}
#sidebar h2 {
background: #F8FEF1;
width:150px;
padding:14px 0 3px 5px;
border-top: 2px solid #5CB011;
border-right: 1px solid #5CB011;
border-bottom: 1px solid #5CB011;
font:bold .9em Arial, Helvetica, sans-serif;
color:#03183F;
}
#sidebar #address {
background:#F8FEF1;
width:150px;
padding:5px 0px 20px 5px;
border-right: 1px solid #5CB011;
border-bottom: 2px solid #5CB011;
}
#sidebar #address p {
padding:1px 5px;
}
body#interior_page #inside_content h1, body#interior_page #inside_content h2, body#interior_page #inside_content h3, body#interior_page #inside_content h4, body#interior_page #inside_content h5{
font-family:arial,helvetica,sans-serif;
}
body#interior_page #inside_content h1#art_exp {
background:#FFF url(../teenzone/images/body_header_art_exp.gif) left top no-repeat;
padding:0px;
margin:0px;
width:277px;
height:73px;
border:0px;
}
body#interior_page #inside_content h1#feat_book {
background:#FFF url(../teenzone/images/main_header_book.gif) left top no-repeat;
padding:0px;
margin:0px;
width:277px;
height:73px;
border:0px;
}   
body#interior_page #inside_content h1#suggest {
background:#FFF url(../teenzone/images/main_header_suggest.gif) left top no-repeat;
padding:0px;
margin:0px;
width:277px;
height:73px;
border:0px;
}
body#interior_page #inside_content h1 span {
position: absolute;
top: -9999px;  
}
body#interior_page #inside_content h1, body#interior_page #inside_content h2, body#interior_page #inside_content h3 {	
font-family:arial,helvetica,sans-serif;
}
body#interior_page #inside_content h1 {	
background:#6699CC;
border:0;
color:#FFF;
}
body#interior_page #inside_content h2 {	
background:0;
border:0;
color:#CC3300;
}
body#interior_page #inside_content h3 {
background:0;
border:0;
font-size:1.2em;
color:#CC3300;
}
body#interior_page #inside_content h4 {
background:0;
border:0;
font-size:1em;
color:#CC3300;
margin:0;
}
body#interior_page #inside_content ul {
margin:.6em 0 ;
}
body#interior_page #inside_content p {
}	
body#interior_page #inside_content ul li p {	
}
body#interior_page #inside_content #calendar_box{
background:#FFF;
width:40%;
margin:2em;
border:1px solid #003399;
float:right;
position:relative;
}
body#interior_page #inside_content #calendar_box h3{
border-bottom:none;
}
#inside_content #columns_research #col_one,  #inside_content #columns_research #col_two{
background:0;
font-size:1em;
}
#inside_content #columns_research #col_one{
width:60%;
border-right:3px dashed #DDD;
}
#inside_content #columns_research #col_two{
width:30%;
margin-left:65%;
}
#inside_content #columns_research #col_one h3,  #inside_content #columns_research #col_two h3{
background:#B5CCFB;
}
#inside_content #columns_research #col_one h4,  #inside_content #columns_research #col_two h4{
background:0;
}
#inside_content #columns_research #col_one .trailer,  #inside_content #columns_research #col_two .trailer{
margin:12px;
padding:0 0px 5em 0px;
}
#inside_content #columns_research #col_one .trailer img,  #inside_content #columns_research #col_two .trailer img{
float:left;
margin:5px;
}
#inside_content #columns_research #col_one .trailer h2,  #inside_content #columns_research #col_two .trailer h2{
background:#0B45BF;
color:#FFFFFF;
}
body#interior_page #inside_content .newtitles{
border:1px solid #FFCC99;
width:90%;
margin:0 0 0 3%;
}
body#interior_page #inside_content .newtitles h3{
background:#FFCC99;
margin-top:0;
}
/* text nav for teen home
----------------------------------------------- 
*/
ul#text_nav_teen, ul#text_nav_tppl {
margin: 5px auto 1em auto;
list-style: none;
text-align: center;
font-size:1.2em;
}
ul#text_nav_teen li,  ul#text_nav_tppl li {
display: inline;
margin:5px 0px;
padding:0px 5px;
border-right: 1px solid #777;
}
ul#text_nav_teen li.end, ul#text_nav_tppl li.end {
border-right: 0;
}
ul#text_nav_teen a, ul#text_nav_tppl a{ 
color:#AAA;
}
img#book_trailer{
margin:1em 1em 0 2em;	
border:none;
}
#trailer_bubble{
background:url(/teenzone/images/trailer_bubble.jpg) no-repeat;
width:274px;
height:269px;
padding:55px 0 0 0px;
float:right;
}
#trailer_bubble p, #trailer_bubble a, #trailer_bubble a:hover, #trailer_bubble a:visited{
color:#FFF;
}
#trailer_bubble p {
margin-right:100px;
margin-left:10px;
}
#trailer_bubble ul li{
list-style:none;
}
#trailer_bubble ul li a{
font-size:1.4em;
margin-left:20px;
color:#FFF;
}
#inside_content #onthispage #trailer_bubble ul li a{
color:#FFF;
}
#footer{
background:#FFF;
}
/* events area
----------------------------------------------- 
*/
div#event_module {
/*background:#FBFAF4;*/
margin: 11px 0;
padding: 0 0 10px 0;
}
div#event_module h3{
position:relative; /*makes IE happy*/
border-bottom:1px solid #DBE8BB;
font-size:1em;
}
div#event_module div.event_item{
margin:1em;
padding:5px;
}
div#event_module div.event_item p{
width:auto;
margin:0 0 0 0;
padding:0 0 .6em 0;
font: .9em/1.2 Verdana;
}
div#event_module div.event_item h2{
background:none;
width:auto;
margin:0 0 0 0px;
padding:0;
border: none;			
font: bold 1.2em trebuchet ms, arial, sans-serif;	
color:#A43E20;
}
div#event_module div.event_item h3{
background:none;
width:auto;
margin:0;
padding:0;
border: none;			
font: normal 1em trebuchet ms, arial, sans-serif;	
color:#A43E20;
}
div#event_module div.event_item h4{
background:none;
width:auto;
margin:0;
padding:0;
border: none;			
font: normal 1em trebuchet ms, arial, sans-serif;	
color:#A43E20;
}
div#event_module div.event_item dl{
background:#EEF3DE;
float:left;
width:100px;
margin:0;
padding:0;
}
div#event_module div.event_item div.description{
}
div#event_module div.event_item dl dd{
margin:0;
padding:0;
}
#content{
position:relative;
padding:1em 1em 1em 3em;
}
#content h2{
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
}
#events_module{
float:right;
width:220px;
}
#news_module div.news_item{
margin-bottom:3em;
}
#news_module{
margin-right:260px;
}
#news_module div.news_item img{
float: left;
padding:0px 15px 3px 5px;
}
#inside_content div#news_module div.news_item h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
color:#0066CC;
margin:1em 0 0 0;
padding:0;
}
#inside_content div#news_module div.news_item p{
margin:0;
padding:0;
}