/* --------------- Default Styles --------------- */
html, body, p, h1, h2, h3, h4, h5, em, i, table, tr, td, th, form, input, textarea, select, li, ol, ul, strong {padding:0;margin:0;}
html {font-size:62.5%;}
body {background:#161721 url(../images/all_bg.png) 50% 0 repeat-x;color: #fff; font-size:12px;font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;}
em, i { font-style:normal;}
li { list-style-type:none;}
h1, h2, h3, h4, h5 {font-weight:normal;padding:5px 0;}
p {padding:5px 0;}
a:active, a:focus, img, input, select {outline: 0;}
a, a:link, a:active, a:visited {color: #f2305c;cursor: pointer;text-decoration: none;}
a:hover {color:#f2305c;text-decoration: underline;}
img {border:none;}
.clear { clear:both; font-size:0; line-height:0; height:0;}
#all { width:100%; background:url(../images/header_bg.jpg) 50% 0 no-repeat;}
/* ------------------------------------------- */
.dl { width:50%; left:-500px; height:177px; position:absolute; top:0; background:url(../images/dl.jpg) 100% 0 no-repeat;}

/* --------------- Header --------------- */
#header { width:1000px; overflow:hidden; margin:0 auto; position:relative; height:177px; z-index:2;}
#header img { float:left; display:block;}

/* menu */
#nav { width:100%; background:url(../images/nav.jpg) 50% 0 no-repeat; height:20px;}
#nav ul { height: 30px; width:400px; margin:0 auto; padding-top:13px;}
#nav li { float:left; display:inline; position:relative; background:url(../images/n_li.png) 0 50% no-repeat; padding-right:10px; font-size:14px; font-weight:bold; color: #FF6699;}
#nav a, #nav a:visited, #nav a:hover { color:#fff; padding-right:10px; float:left; display:block; height:20px; font-size:16px; font-weight:bold; color: #FF3300;}


#nav li ul { display:none; position:absolute; left:4px; top:30px; background:#c72f51; width:auto; height:auto; margin:0;}
#nav li:hover ul, #nav li.jshover ul {  display:block;}
#nav li ul li { float:none; display:block; background:none; padding:3px 0;}
#nav li ul li a, #nav li ul li a:visited, #nav li ul li a:hover { float:none; display:inline; height:auto; padding:0; white-space:nowrap;}

/* Desc */
.desc { position:absolute; left:33px; top:108px; width:336px; font-size:10px; color:#000; text-align:center; line-height:11px;}
.desc a, .desc a:visited { text-decoration:underline; color:#ff00d8;}
.desc a:hover { text-decoration:none;color:#ff00d8;}

/* Header Tops*/
.h_tops { color:#fff; font-size:9px; position:absolute; left:869px; top:55px;}
.h_tops li { padding:1px 0 0;}
.h_tops a, .h_tops a:visited { font-size:10px; color: #33FFFF; text-decoration:none; margin-left:5px; font-weight:normal;}
.h_tops a:hover {text-decoration:underline; color:#ff81e0;}
/* ------------------------------------------- */

/* --------------- Content --------------- */
.cont { background:url(../images/cont.png) 50% 0 repeat-y;}
.bl { width:1000px; margin:0 auto; overflow:hidden;}
.rel { position:relative;width:1000px; margin:0 auto; }

.name_top { background:url(../images/teen_bg.png) 100% 0 no-repeat; width:100%; overflow:hidden; position:relative;}
	.name_top img { float:left; display:block;}
	.invite { font-size:14px; position:absolute; left:288px; top:8px;}
.bookmark {width:100%; overflow:hidden;}
.bookmark img { float:left; display:block;}

.thumbs { height:1%; overflow:hidden; padding-bottom:3px; color: #33FFFF;}
.thumbs a { float:left; display:inline;padding:4px;font-size:12px; font-weight:bold; color: #FFCC00;}
.thumbs img { width:240px; height:180px; float:left; display:block; background:url(../images/th.jpg) 0 0 no-repeat; border:1px solid #e52f59; }
.thumbs a:hover img { border:1px solid #fff;}

.thumbs-trade { height:1%; overflow:hidden; padding-bottom:3px; color: #33FFFF;}
.thumbs-trade a { float:left; display:inline;padding:4px;font-size:18px; font-weight:bold; color: #FFCC00;}
.thumbs-trade img { width:240px; height:180px; float:left; display:block; background:url(../images/th.jpg) 0 0 no-repeat; border:1px solid #e52f59; }
.thumbs-trade a:hover img { border:1px solid #fff;}

ul.thumbs li { float:left; display:block; width:242px; padding:4px; text-align:center;}
ul.thumbs li a { display:block; float:none; padding:0; font-weight:bold;}
ul.thumbs li img { float:none; margin-bottom:3px;}
.gals { overflow:hidden;}
.gals ul { float:left; width:49.9%; padding:6px 0;}
.gals li { padding:1px 0 0px 25px; height:1%; overflow:hidden;}
.gals span{ width:75px; float:left;}
.gals a, .gals a:visited { font-size:14px;}


.pay_sites { width:97%; margin:0 auto; overflow:hidden;}
.pay_sites li { width:49.9%; float:left; padding:7px 0;}
.pay_sites li div { padding-right:30px;}
.pay_sites img { border:1px solid #e52f59; float:left; margin-right:15px;}
.pay_sites a:hover img { border:1px solid #9c5728;}
.pay_sites h2 { font-size:13px; font-weight:bold; padding-top:10px;}
.pay_sites p { padding:0 0 5px;}
.pay_sites a,.pay_sites a:visited { text-decoration:underline;}
.pay_sites a:hover { text-decoration:none;}

.tops ul { float:left; width:20%; *width:19.9%; padding:7px 0;}
.tops li { padding:1px 0 1px 15px; height:1%;}
.tops a { font-size:14px; margin-left:5px;}

.name_link a {color: #0066FF; font-size:11px;}
.name_link {color: #999999; font-size:11px;}

.sm { padding-bottom:25px; background:url(../images/mid_brd.png) 0 100% no-repeat; margin-bottom:5px;}
/* ------------------------------------------- */

/* --------------- Footer --------------- */
#footer { width:100%; height:172px; background:url(../images/footer.jpg) 50% 0 no-repeat;}
#footer a, #footer a:visited { text-decoration:underline;}
#footer a:hover { text-decoration:none;}
#footer strong { color: #f2305c; font-weight:bold; font-size:14px;}
.copy {font-size:11px; position:absolute; left:9px; top:50px; width:500px;}
#footer .rel { height:172px;}
/* ------------------------------------------- */