/* BlackAndBiSexual.com PimpRoll.com -------------------------------------------------------------------*/ @charset "utf-8"; * { margin: 0; padding: 0; } .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 { font-family: Arial, Helvetica, sans-serif; background: url(http://images.pimproll.com/blackandbisexual.com/images/bg.gif) repeat #3b3b3d; } a img { border: none; } #wrap { width: 974px; margin: auto; } #bg { background: url(http://images.pimproll.com/blackandbisexual.com/images/bg2.gif) repeat-y center center; } h3 { font-size: 22px; color: #fff; padding: 10px 20px 20px 20px; text-align: center; } h4 a { color: #fff; font-weight: bold; text-decoration: none; padding: 20px 0; display: block; text-align: center; font-size: 28px; } h4 a:hover { text-decoration: underline; } #head { position: relative; } #head img { float:left; } #head .logo { display: none; } #head h1 { background: url(http://images.pimproll.com/blackandbisexual.com/images/logo-lrg-trans.png) no-repeat; height: 230px; width:422px; position: absolute; top: 20px; left: -80px; text-indent: -9999px; } #head h1 a { display: block;width: 442px;height:230px;text-indent: -9999px; } #head h1.tour { top: 36px; } #head h1.join { top: 36px; left:-70px; } #head p { clear:left; height: 105px; background:url(http://images.pimproll.com/blackandbisexual.com/images/babs_12.gif) no-repeat; color: #fff; padding: 30px 50px 0 240px; font-size: 12px; line-height: 18px; } #head p a { color: #ff0; } #head p a:hover { color: #FFF; } .block { background: url(http://images.pimproll.com/blackandbisexual.com/images/babs_15.gif) repeat-y; position: relative; } .block h2 { background: url(http://images.pimproll.com/blackandbisexual.com/images/tbl-head-trans.png) no-repeat; height: 42px; width: 620px; position: absolute; top: 320px; right: 6px; color: #fff; padding: 12px 0 0 20px;font-size:18px; } .block span.rating { position: absolute; top: 334px; right: 10px; display: block; width: 228px; color: #fff; font-size: 15px; font-weight: bold; } .block .stars { position: absolute;top: -3px;right:30px;display:block;width:125px;height:25px; } .block .stars ul { list-style: none; } .block .stars li { display: inline; } .block a.trailer { background: url(http://images.pimproll.com/blackandbisexual.com/images/table_trailer.gif) no-repeat; width: 153px; height: 14px; position: absolute; bottom:238px; right: 34px; text-indent: -9999px; } .block a.join { background: url(http://images.pimproll.com/blackandbisexual.com/images/table_access.gif) no-repeat; width: 153px; height: 14px; position: absolute; bottom:238px; right: 34px; text-indent: -9999px; } .block a.text { position: absolute; color: #fff; font-weight: bold; font-size: 11px; bottom: 244px; color: #fbca17; text-transform: uppercase; left: 364px; } .block a.text:hover { color: #fff; } .block .logo { position: absolute; left: 64px; top: 410px; } .block img { display: block; } .block .thumb { background: #fff; padding: 1px; display: block; border: 1px solid #333; margin-left:2px; } .block .right { float:left; width: 618px; } .block .right .desc { background: url(http://images.pimproll.com/blackandbisexual.com/images/babs_18.gif) no-repeat; width: 578px; height: 120px; margin: 2px 0 0 2px; color: #fff; font-size: 13px; padding: 26px 20px 0 20px; line-height: 15px; } .block .right .desc p { overflow: auto; height: 65px; padding:5px; } .block .large { float:left; margin-left: 18px; display: inline; } .block .small { float:left; margin-left: 2px; margin-top: 2px; display: inline; } .block .first { margin-left: 18px; display: inline; } ul.updates { list-style: none; } ul.updates li { float:left; display: inline; width: 316px; margin-left: 6px; margin-bottom: 10px; font-weight: bold; } ul.updates li a { display: block; text-align: center; color: #ccc; } ul.updates li a:hover { color: #fcdf89; } ul.updates li img { border: 1px solid #000; } #join .form { float: left; width: 393px; padding: 10px 0 0 0; } #join label { line-height: 19px; } #join fieldset { padding-left: 14px; } #join .left { width: 320px; text-align: left; border-right: 3px solid #000; padding-top: 220px; padding-bottom: 30px; margin:0 0 0 0; display:inline; font-size: 13px; float:left; } #join .left ul { list-style: square; color: #ccc; margin: 0 18px 8px 26px; } #join .left ul li { padding: 6px; } #join .left ul li b { color: #fff; } #join .left h1.j { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #555; padding-top: 10px; color: #fff; font-weight: bold; } #join .left h1.j span { font-size: 28px; color: #ffea00; } #join .right { width: 224px; float:left; padding-top: 10px;padding-left: 15px; } #join .right img { display: block; border: 1px solid #000; margin-bottom: 7px; } #foot img { float:left; } #foot2 { background: url(http://images.pimproll.com/blackandbisexual.com/images/babs_26.gif) repeat-y; padding: 20px; clear: both; line-height: 110%; font-size: 11px; text-align: center; } #sites { margin: auto;width: 830px;text-align: center;color: #eee; } #sites h2, #sites h3 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; } #sites a { color: #FFC; } #sites a:hover { text-decoration: none;color: #FFF; } #sites .info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; } #sites ul { list-style: none;padding: 0;margin: auto;width: 820px; } #sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center; padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; } #sites ul li a { font-weight: bold; } #sites ul li p { width: 181px; font-size: 12px; font-weight: normal; margin-top:6px; height: 46px; } #sites ul li img { display: block; border: 1px solid #000;clear: both; } #sites ul li a:hover img { border: 1px dotted #fff; } #sites ul li a:hover { color: #000; } #sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; } #sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; } #sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; } /* Index bottom warning/links ------------------------------------------*/ #tdbottombox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: normal; } #tdbottombox p { line-height: normal; } #tdbottombox a { text-decoration: underline; color: #900; font-weight: normal; } #tdbottombox a:hover { text-decoration: none; color:#009; } /* Join bottom proccessor infos ------------------------------------------*/ #tdprocessorinfo { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #333; } #tdprocessorinfo a { text-decoration: underline; color: #900; } #tdprocessorinfo a:hover { text-decoration: none; color: #009; } #tdprocessorinfo p { margin-bottom: 15px; } #tdbonussitetext { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666; } #common_footer { font-weight: normal;text-align: center;font-family: Arial, Helvetica, sans-serif;width: 500px;margin: auto; } #common_footer p { margin-bottom: 15px; } #common_footer p#copy { margin-bottom: 0; } /* Global copyright ------------------------------------------*/ #tdcopyright { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #333; text-align: center; } #copy { margin: 0;text-align: center; font-size: 11px; color: #333;padding: 25px 0; }