/* AllInterracial.com // Pimproll.com */
.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%; }
body { background: url(bg_01.gif) repeat #636363; font: 82.5% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin: 0; text-align: center; }
#w { width: 974px; margin: auto; background: url(bg_02.gif) repeat-y; padding: 0 45px 0 44px; position: relative; }
img.l { float: left; }
img.b { display: block; }
img.s { display: inline; }
#head img { margin: 0; float:left; border: none; }
.intro { background: #efefef; clear:left; padding: 15px 60px; margin: 1px 0; color: #000000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif }
#head img.logo { position: absolute; top: 170px; left: -60px; border:none; }
#head img.logo-sml { position: absolute; top: 20px; left: 200px; border:none; }
#head img.logo-join { position: absolute; top: 20px; left: 200px; border:none; }
#head .join-secure { background: #000; color: #fff; font-size: 34px; text-align: center; padding: 7px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; clear:both; }
#head .intro .bookmark { float:left; margin: -8px 20px 10px 0; }
.tbl { background: #007498; padding:4px; width: 911px; margin: 18px auto; position:relative; clear:left; }
.tbl img { border-color: #fff; }
.tbl img.m { margin-right: 1px; }
.tbl .title a { font-weight:bold; color:#1A82A3 }
.tbl .title { background: #fff; width: 579px; float:left; height: 179px; margin-top:1px; font-family:Verdana, Arial, Helvetica, sans-serif }
.tbl .title h1 { background: #000; padding:10px 20px; margin:0; text-align: left; color:#fff; position: relative; font-size: 18px; }
.tbl .title h1 .rating { position: absolute; right:20px; }
.tbl .title p { margin: 10px 0; padding:0 15px 0 20px; text-align: justify; overflow: auto; height: 114px; margin-right: 5px; }
.tbl img.join { margin-top: 4px; }
.tbl img.logo { position: absolute; top: 448px; left: 6px; border:none; }
#head .sites-head, #head .sites-head a { background: #007498; color: #fff; font-size: 24px; text-align: center; padding: 7px 0; margin: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; clear:both; }
.sites-item { width: 223px; float:left; position: relative; padding: 2px; border: 1px solid #b4b4b4; margin: 0 7px 8px; }
.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: #007498; display:block; padding:4px; clear:left; height: 17px; }
/** Sites **/
ul.sites { list-style: none; margin:0; padding:0; margin-left: 40px; clear: both; }
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; }
/* @group DVDs */
.dvdcell { background: #f4f4f4; font-size: 11px; font-weight: bold; }
.dvdcell span { font-weight: 8pt; font-weight: normal; }
.dvdcell img { padding: 1px; background: #000; border: 1px solid #FFF; }
.dvd-specs h1 { font-size: 24px; padding: 0; margin: 5px 0; }
.dvd-specs p { font-size: 14px; }
/* @end */


.join-left { width: 400px; text-align: left; border: 5px solid #ccc; margin: 20px; margin-left: 60px; background: #f2f2f2; font-size: 1.1em; float:left; }
.join-left ul { list-style: square; color: #007498; }
.join-left ul li { padding: 3px; }
.join-left ul li b { color: #000; }
.join-left h1 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #ccc; padding-top: 10px; }
.join-left h1 span { font-size: 24px; color: #ff1519; }
.join-form { float: left; width: 400px; border: 5px solid #e2f0f5; background: #f9fbfc; margin: 20px 0 20px 0; padding: 5px; }
#buttons { clear:left; }
#buttons img { float:left; }
.footer { clear: both; padding: 20px 0; text-align: center; margin: auto; }

.rating_off { background: url(rating01.gif) repeat-x; height: 31px; width: 155px; position: relative;margin-top: -5px; } 
.rating_on { background: url(rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; }

#common_footer { color: #333; 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: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #900; text-decoration: underline; }
#common_footer a:hover { color: #000; text-decoration: none; }