body { background: url(/notsoinnocentteens/images/bg.gif) repeat #fac38f; margin:0; text-align: center; font-family:Arial, Helvetica, sans-serif}

.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#bg { width: 1020px; padding: 0; background: url(/notsoinnocentteens/images/bg-y.gif) repeat-y; margin: 0 auto; padding: 1px 0; }

#w { background: #e50081; border: 1px solid #000; border-bottom: none; border-top: none; margin: auto; width: 950px; padding: 1px 0; }

#head { position: relative; }
#head img { float:left; border:none; }
#head img.logo { position: absolute; left: 285px; top: 160px; }
#head img.logo-join { position: absolute; left: 285px; top: 70px; }
#head img.logo-join2 { position: absolute; left: -30px; top: 40px; }
#head .intro { background: url(/notsoinnocentteens/images/main_16.gif) no-repeat right top; clear:left; height: 98px; }
#head .intro p { text-align: left; color: #fff; margin:0; padding: 10px; }
#head .intro img.bookmark { float:left; margin-right: 20px; }

#nav { background: #000; }
#nav a img { opacity:0.8; filter:alpha(opacity=80) }
#nav a:hover img { opacity:1; filter:alpha(opacity=100) }

.tbl { width: 934px; margin: 20px auto; background:#ea339a; padding: 4px; }
.tbl img { display:block; border:none; }
.tbl a { color: #fff; }
.tbl a.call-to-action { text-decoration: none; font-size: 13px; display:block; margin-top:4px; }
.tbl a.call-to-action span { font-weight:bold; text-decoration: underline; }
.tbl a.call-to-action:hover { color: #fef953; }
.tbl h1 { background:url(/notsoinnocentteens/images/main_21.gif) repeat-x; margin:0 0 2px 0; padding: 12px 0 0 10px; color: #fff; font-size: 18px; text-align: left; height: 35px; position: relative; font-family:Verdana, Arial, Helvetica, sans-serif}
.tbl h1 span { position: absolute; right: 10px; }
.tbl .buttons { clear:left; position: relative; }
.tbl .buttons img.logo { position: absolute; right:50px; top: -10px; }
.tbl .buttons img { float:left; }
.tbl .left { width: 596px; float:left; margin-right: 1px; position:relative; }
.tbl .left .play { position: absolute; bottom: 0; right: 0; display:none}
.tbl .left p { background: #a50e4b; margin: 0 0 2px 0; text-align: left; color: #fff; font-size: 13px; padding: 5px 10px; height: 76px; overflow:auto; }
.tbl .left img.thumb, .tbl .left-sml img.thumb { float:none; display:block; }
.tbl .left-sml { float:left; width: 228px; margin-right: 1px; margin-bottom: 3px; }
.tbl img.fullacess { clear:left; float:none; display:block; }
.tbl img.thumb { border: 1px solid #fff; float:left; }

h1.join-head { color: #fff; font-size: 16px; margin:0; padding: 5px 0 8px 360px; background: #a40f4c; border-bottom: 3px solid #000; }

#buttons { clear:left; margin-top: 10px; }
#buttons img { float:left; border: none; }

.footer { clear: left; color:#fff; margin: 20px 0 0 0; background: #a30e4a; padding: 10px; }

.models-item { width: 334px; float:left; position: relative; padding: 2px; border: 1px solid #a30e4a; margin: 0 0 8px 90px !important; margin: 0 0 8px 54px; }
.models-item img { border:none; }
.models-item .flag { position: absolute; top:-1px; left: -1px;  border: none; }
.models-item .flag img { }
.models-item .details { font-size: 11px; padding:5px; }
.models-item .txt a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; background: #31a5e7; display:block; padding:4px; clear:left; height: 17px; }

/**************** OLD
.sites-item { width: 223px; float:left; position: relative; padding: 2px; border: 1px solid #31a5e7; margin: 0 4px 8px; color: #fff; background: #000; }
.last { margin-right: 0; }
.sites-item img { border:none; }
.sites-item .flag { position: absolute; top:-1px; left: -1px;  border: none; }
.sites-item .flag img { }
.sites-item .details { font-size: 11px; padding:5px; }
.sites-item .txt a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; background: #31a5e7; display:block; padding:4px; clear:left; height: 17px; }
*******************/


/** Sites **/
ul.sites { list-style: none; margin:0;padding:0;margin-left: 40px; }
ul.sites li { float:left; margin: 7px 6px 2px 6px; display: inline; text-align: center; background: #f2f2f2; padding:5px 10px; }
ul.sites li a { font-weight: bold; color: #000; }
ul.sites li p { width: 181px; font-size: 12px; font-weight: bold; color: #333; margin-top:6px; height: 46px; }
ul.sites li img { display: block; border: 1px solid #000; }
ul.sites li a:hover img { border: 1px dotted #000; }
ul.sites li a:hover { color: #333; }

.join-form { border-right:3px solid #000;  float: left; width: 379px;padding: 10px 0; height: 565px; text-align: center;background: #FFF; }

.join-thumbs { float:left; width: 235px;   }
.join-thumbs img { display: block; border: 1px solid #fff; border-bottom: none;}

.join-left { width: 326px; text-align: left; margin:0 0 0 1px; border-right:3px solid #000; background: #fff; padding-top:120px; height: 465px; display:inline; color: #333; font-size: 13px; float:left; }
.join-left ul { list-style: square; color: #e50081; padding: 0; margin: 10px 10px 0 24px; }
.join-left ul li { padding: 6px; }
.join-left ul li b { color: #000; }
.join-left h1 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #ccc; padding-top: 10px; color: #333; }
.join-left h1 span { font-size: 26px; color: #e50081 }
.join-back	{background-color:#FFFFFF}

.rating_off { background: url(/notsoinnocentteens/images/rating01.gif) repeat-x; height: 22px; width: 115px; position: relative; } 
.rating_on { background: url(/notsoinnocentteens/images/rating02.gif) repeat-x; height: 22px; width: 115px; position: absolute; top: 0; left:0; }

#common_footer { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #FEF953; text-decoration: underline; }
#common_footer a:hover { color: #fff; text-decoration: none; }