body {margin:0 0 0 0;background:#999;font-family:Arial, Helvetica, sans-serif;font-size:82%;}
#top{width:855px;margin:0 auto 0 auto;background:#0e171d  url(images/teen-top_01.png) no-repeat top;display:table;padding:0px 0px 0px 0px;height:35px}
#container{width:855px;margin:0 auto 0 auto;background:#0e171d  url(images/mainbg_01.png) repeat-y top;display:table;padding:0px 0px 0px 0px;}

#header { width:820px;height: 80px; margin: 0px 15px 30px 0px; position: relative;float:right;clear:both}
#header img{border:0px;float:left}
#header #head_pages_nav { margin: 0;padding: 0; float:right;width:420px; }
#header #head_pages_nav li { display: inline; }
#header #head_pages_nav li a { float: left; width: 105px; height: 0; padding-top: 80px; overflow: hidden; }
#header #head_pages_nav li a,
#header {background-color:#0e171d;background-image: url('images/teenreadnav.png');background-repeat: no-repeat; background-position:top }

/* BUTTONS */
#header #head_pages_nav li#pg_recommend a { background-position: 0px 0; }
#header #head_pages_nav li#pg_events a { background-position: -105px 0; }
#header #head_pages_nav li#pg_materials a { background-position: -210px 0; }
#header #head_pages_nav li#pg_resources a { background-position: -315px 0; }

/* OVER STATES */
#header #head_pages_nav li#pg_recommend a:hover { background-position: 0px -80px; }
#header #head_pages_nav li#pg_events a:hover { background-position: -105px -80px; }
#header #head_pages_nav li#pg_materials a:hover { background-position: -210px -80px; }
#header #head_pages_nav li#pg_resources a:hover { background-position: -315px -80px; }


/* PRESSED STATES */
#header #head_pages_nav li#pg_recommend a:active { background-position: 0px -80px; }
#header #head_pages_nav li#pg_events a:active { background-position: -105px -80px; }
#header #head_pages_nav li#pg_materials a:active { background-position: -210px -80px; }
#header #head_pages_nav li#pg_resources a:active { background-position: -315px -80px; }

/* ON STATES */
#header.recommend_dn #head_pages_nav li#pg_recommend a { background-position: 0px -160px; cursor: default; }
#header.events_dn #head_pages_nav li#pg_events a { background-position: -105px -160px !important; }
#header.materials_dn #head_pages_nav li#pg_materials a { background-position: -210px -160px !important; }
#header.resources_dn #head_pages_nav li#pg_resources a { background-position: -315px -160px !important; }

#content{float:left;color:#FFF;background:#0e171d;padding:5px;margin:0px 0px 0px 20px;margin-right:18px;border:0px solid #333;width:400px;}
.post {padding-bottom:15px;width:370px;border:0px solid #333}
.post img{border:1px solid #EEE;margin:4px;padding:3px;background:#FFF}
.page {width:770px}
#content a:link, a:active, a:hover, a:visited{text-decoration:none;color:#f65e82}
#content h2{clear:left;margin-bottom:5px}

#sidebar{width:340px;float:right;padding: 0px 30px 0px 0px;display:table}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#footer {width:855px;background:#f6dcdc url(images/footerbg_02.png) no-repeat top left;margin-left:auto;margin-right:auto;color:#FFF;text-align:center;font-size:80%;height:230px;clear:both;}
#footer a:link, a:active, a:hover, a:visited{text-decoration:none;color:#f65e82}
#footer ul li {	
	list-style-type: none;
	list-style-image: none;
			
	margin-left:-3.6em;
	margin-top:0px;
	}
#footer h3{margin-bottom:0px;margin-top:0px;}
#innerfooter {padding-left:30px;width:830px;margin-left:auto;text-align:center;margin-right:auto;padding-top:100px;}

.footcol{float:left;width:30%;text-align:left;}

blockquote {
	color:#F0F0F0;
	font-size:90%;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

#tag_cloud {color:#FFF;text-align:left;}
#tag_cloud a{padding-right:7px;color:#FFF;text-decoration:none;font-size:150%;font-weight:bold;}
#tag_cloud a:hover{padding-right:7px;color:#f8e013;text-decoration:none;font-size:150%;font-weight:bold;}


#recentcomments{color:#FFF;text-align:left;}
#recentcomments a{padding-right:7px;color:#FFF;text-decoration:none;font-weight:bold;}
#recentcomments a:hover{padding-right:7px;color:#f8e013;text-decoration:none;font-weight:bold;}

#search{color:#FFF;text-align:center;font-weight:bold;margin-top:30px;}

#searchform{text-align:right;padding-right:50px;margin-bottom:8px}
#searchform .s {
	margin-top:11px;
        border: none;
        background: #f3bdca;
        color: #333;
        border:1px solid #443b34;
}

.alignleft{float:left;margin-right:5px;}
.alignright{float:right;margin-left:5px}
.widgettitle{color:#f65e82;text-align:left}







