@charset "utf-8";
/* CSS Document */

/*div {border:solid 1px #999}*/

#left_container{	
	width:515px;
}

#right_container { /*contains scrollable boxes*/
	width:250px;
}

/* root element for scrollable */ 
#scroller {   
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 850px;      
    width: 250px;    
	margin: 0;
	padding: 0;
	border: 0; 
	z-index: 10;
} 
 
/* root element for scrollable items */ 
#sideitems {     
    position:absolute; 
     width: 250px;
    /* this time we have very large space for height */     
    height:20000em;     
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 11;
}


.hearme	{
	clear:both;
	width:210px;
	padding:20px;
	}
	
#theme_picker{

}

#mainarea {
	float:left;
	width: 100%;
	height: 430px;
}
#mainarea img{
	margin:20px;
	border:2px solid #ffffff;
}

#right_sidebar {
	position: absolute;
	top: 242px;
	left: 710px;
	/*float: left;*/
	/*left: 50px;*/
	width: 250px;
}

.sideitem{
	width: 248px;	
	margin: 10px 0;
}

.uparrow, .downarrow{
	float: left;
	width: 58px;
	height: 44px;
} .uparrow {
	background: url(/teens/images/arrows/arrows_green_01.gif);
} .downarrow {
	background: url(/teens/images/arrows/arrows_green_02.gif);
} .arrowspacer{
	position: relative; width: 120px; margin-right: auto; margin-left: auto;
} .seethru_more{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}



/**********SECTION: BOTTOM CONTENT BOXES *************************/



/**********END SECTION: BOTTOM CONTENT BOXES *********************/


/********* START FOOTER **/
#teensfooter h4,
#teensfooter a{
	color: #FFFFFF;
}

#footer-contact p {
	color: white;
}
.footer-contact p {
	color: white;
}
/********** END FOOTER **/