/* 
Title:		Screen styles
Author: 	28 Media
*/

html{
}

body{
background: url(../images/teen/bk-101.gif) top left repeat;
}

#wrap{
background: url(../images/teen/bk-205.png) top left no-repeat;
width: 1039px;
margin: 0px auto 0px auto;
position:relative;
}

#dsv-logo{
background: url(../images/teen/dsv-logo.png) top left no-repeat;
width: 221px;
height: 171px;
left:97px;
top:33px;
margin: 0px;
padding: 0px 0px 0px 0px;
display: block;
z-index: 999;	
position: absolute;
}

#dsv-logo a.hidden{
width: 221px;
height: 171px;
padding: 0px 0px 0px 0px;
display: block;
z-index: 999;	
position: absolute;
text-indent: -9999px;
}

#header{
width: auto;
height: 200px;
left:330px;
padding: 0px;
position: absolute;
z-index: 444;
}

#nav{
width: 180px;
height: auto;
margin: 280px 0px 0px 20px;
padding: 0;
position: relative;
float: left;
}

#nav li{
margin: 0px 0px 5px 0px;
padding: 0;
list-style: none;
height: 21px;
display: block;
}

#nav li a{
	height: 21px;
	display: block;
	background-image: url(../images/teen/bk-nav.png);
	background-position: 0px -21px;
	margin: 0px 0px 0px 0px;
	padding-left: 40px;
	padding-top: 0px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 2;
}

#nav li a:hover{
	height: 21px;
	display: block;
	background-image: url(../images/teen/bk-nav.png);
	background-position: left top;
}

#nav li a:active{
	height: 21px;
	display: block;
	background: url(../images/teen/bk-nav.png);
	background-position: left top;
}

#home li.nav-home a,
#program li.nav-program a,
#news li.nav-news a,
#ff li.nav-ff a,
#contact li.nav-contact a,
#url li.nav-url a
{
	height: 21px;display: block;
	background: url(../images/teen/bk-nav.png);
	background-position: left top;
}

#content-wrap{
width: 518px;
height: auto;
float: left;
margin: 174px 0px 0px -5px;
padding: 0;
display: block;
z-index: 555;
position: relative;
}

#gorilla{
width: 103px;
height: 106px;
background: url(../images/teen/gorilla.png) top left no-repeat;
top:475px;
left:108px;
padding: 0px 0px 0px 0px;
display: block;
z-index: 888;	
position: absolute;
}

#content{
width: 518px;
background: url(../images/teen/content-mid.png) top left repeat-y;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
padding: 27px 50px 38px 52px;
display: block;
z-index: 555;
}

#content-top{
width: 518px;
height: 53px;
background: url(../images/teen/content-top.png) top left no-repeat;
float: left;
padding: 0px 0px 0px 0px;
display: block;
}

#content-bottom{
width: 518px;
height: 20px;
background: url(../images/teen/content-btm.png) top left no-repeat;
float: left;
padding: 0px 0px 0px 0px;
display: block;
}

#content h2{
	color: #0099cc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}

#content p{
	width: 400px;
	color: #4c4c4c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 18px;
	margin: 0px 0px 11px 0px;
}

#feed_content{
width: 197px;
float: left;
height: auto;
margin: 238px 0px 0px -14px;
padding: 0;
float: left;
display: block;
z-index: 600;
position: relative;
}

#feed_twitter{
background: url(../images/teen/bk-twitter.png) top left no-repeat;
width: 197px;
height: 240px;
float: left;
}

#feed_twitter a.hidden{
text-indent: -9999px;
display: block;
height: 63px;
width: 197px;
position: absolute;
}

ul#twitter_update_list{
	margin: 70px 0px 0px 10px;
	width: 167px;
	display: block;
}

ul#twitter_update_list li{
	background: url(../images/teen/star.gif) top left no-repeat;
	color: #4c4c4c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0;
	line-height: 11px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 16px;
}

ul#twitter_update_list li a{
	color: #0099cc;
	text-decoration: none;
}

#feed_facebook{
background: url(../images/teen/bk-facebook.png) top left no-repeat;
width: 197px;
height: 56px;
float: left;
display: block;
clear: both;
}

#feed_facebook a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#feed_news{
background: url(../images/teen/bk-news.png) top left no-repeat;
width: 197px;
height: 237px;
float: left;
display: block;
}

#feed_news ul{
	margin: 55px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 165px;
	}

#feed_news h3{
	color: #8cc63f;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1;
	line-height: 11px;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#feed_news p{
	color: #4c4c4c;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 11px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

#feed_news a{
	color: #cc9900;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1;
	line-height: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	}

#footer{
clear: both;
background-color: #000;
color: #fff;	
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
text-align: center;
letter-spacing: 1px;
line-height: 1;
padding: 11px 0px 9px 8px;
margin: 0px 0px 13px 0px;
}

#footer a{
text-decoration: none;
color: #fff;
}