/* CSS Document 
Copyright 2010 RUN 2 Corp  |  graphic & interactive design
http://www.run2corp.com/
Client: a-Teen-Chat.com
*/

body {margin:0 auto; padding:0; background:url(images/bg.jpg) repeat-x center top; font:12px Verdana, Geneva, sans-serif}
.up20 {padding-top:20px}

#header {width:100%}
#header_bin {margin:0 auto; width:960px; height:115px}
#logo {float:left; width:500px}
#search {float:right; padding-top:46px}

#menu {width:100%; height:26px; background-color:#e50071}
#menu_bin {margin:0 auto; width:960px; text-align:center; padding-top:5px}
.menu_btn a {padding:0 20px; color:#ffffff; text-decoration:none}
.menu_btn a:hover {color:#ffffff; font-weight:bold}

#content {width:100%; margin-top:7px}
#content_bin {margin:0 auto; width:960px}
#side {float:left; width:160px}
#main {float:right; width:790px; line-height:1.4em}
#main_tit {float:left; width:790px; padding-bottom:12px; font:36px Arial, Helvetica, sans-serif; line-height:1.1em; color:#e50071}
#main_box {float:right; width:300px}
.main_sub {font:18px Arial, Helvetica, sans-serif; color:#0b6089}
#pic1 {float:left; width:156px; height:335px; border:2px solid #e50071}
#pic2 {float:left; width:296px; height:261px; border:2px solid #e50071}
#ad_728a {width:790px; height:35px; text-align:right}
#ad_728b {float:left; width:100%; text-align:center; padding-top:15px}
#ad_300 {float:left; width:300px; padding:5px 0 10px 0}
#ad_160 {float:left; width:160px; padding-bottom:10px}

#urls {float:left; width:478px; padding-top:15px}
.url1 {float:left; width:230px}
.url2 {float:right; width:230px}
.url_tit1 {font:bold 18px Arial, Helvetica, sans-serif; color:#e50071; border-bottom:1px solid #e50071}
.url_tit2 a {font-size:13px; font-weight:bold; color:#0b6089; text-decoration:none}
.url_lnk1 {float:left; width:230px; padding:7px 0 4px 0; border-bottom:1px solid #e50071; font-size:11px; line-height:1.3em}
.url_lnk2 a {float:left; width:210px; padding:6px 0 6px 20px; background:url(images/bullet_heart.png) no-repeat left 7px; border-bottom:1px solid #e50071; font-size:13px; line-height:1.26em}
.url_lnk2 a:hover {background:url(images/bullet_heart_on.png) no-repeat left 7px}

#promotions {float:left; width:100%; margin-top:10px}
.promo {float:left; width:166px; height:180px; padding:8px; margin-right:10px; border:1px solid #0b6089; font-size:11px}
.promo_rgt {float:right; width:166px; height:180px; padding:8px; border:1px solid #0b6089; font-size:11px}
.promo_tit {padding-top:5px; font:16px Arial, Helvetica, sans-serif; font-weight:bold; color:#0b6089}
.promo img, .promo_rgt img {border:1px solid #e50071}
.promo_lnk a {float:left; padding-top:4px; color:#e50071; text-decoration:none}

#left {float:left; width:740px}
#right {float:right; width:200px; margin-left:20px}
#intro {float:left; width:740px; padding:10px 0; font-size:11px}
#breadcrumb {float:left; width:740px; padding-bottom:10px; font:18px Arial, Helvetica, sans-serif; color:#0b6089}
#breadcrumb a {color:#e50071; text-decoration:none}
.ad_728c {float:left; width:740px; padding:5px 0 10px 0; text-align:center}
.ad_200 {float:left; width:200px; padding:15px 0 10px 0}
#search2 {float:left; width:740px; padding-top:10px; text-align:center}

#footer {width:100%; clear:both}
#footer_bin {margin:0 auto; width:960px; height:26px; padding:15px 0 25px 0; text-align:center; line-height:1.4em}
#footer a {color:#e50071; text-decoration:none}
#footer a:hover {font-weight:bold; text-decoration:underline}