@charset "utf-8";
body { background: url(bg.gif) repeat #1d1d1d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; }
#wrap { width: 960px; margin: auto; background: #fff; border: 6px solid #000; border-top: none; }
.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%; }
#head img { float:left; border: none; }
#head p { float:left; width: 785px; height: 64px; background: url(main_13.gif) no-repeat; font-size: 13px; margin:0; font-weight: bold; padding: 12px 20px 0 0; position: relative; }
.table { clear:left; background: url(main_16.gif) repeat #1d1d1d; position: relative; }
.table .ratings { position: absolute; top: 8px; right: 345px; font-size: 11px; font-weight: bold;color: #888; }
.table .rating_off { background: url(rating01.gif) repeat-x; height: 31px; width: 155px; position: absolute; clear:left; right:315px;top:24px; } 
.table .rating_on { background: url(rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; } 
.table img { display: block; border: none; }
.table h1 { background: url(main_14.gif) no-repeat; width: 623px; height: 54px; font-family: "Impact", "Arial Black", Gadget, sans-serifl; text-transform: uppercase; color: #c12912; font-size: 36px; padding: 14px 0 0 23px; float:left; margin:0; display: inline; }
.table h1 span { color: #505050; }
.table p { color: #ccc; font-size: 13px; margin: 0 23px 5px 23px; font-weight: bold; clear:left; }
.table a { color: #ff7200; font-weight: bold; }
.table a:hover { color: #fff; }
.table .thumbs { margin: 0 23px; position: relative; }
.table .thumbs img { float:left; border: 1px solid #fff; }
.table .thumbs img.logo { position: absolute; top: 220px; left: 340px; border: none; }
.table .thumbs img.target { position: absolute; top: -4px; left: -10px;border: none; }
.table .bottom { background: url(main_19.gif) no-repeat top; height: 60px; }
.table .bottom a { display: block; text-align: center; padding: 20px 10px; font-size: 24px; }
.table .bottom a:hover { color: #000; }
.footer img { float:left; margin:0; border: none; }

#sites { margin: auto;width: 820px;text-align: center;color: #333; }
#sites h2, #sites h3 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #FF8A2B; }
#sites a:hover { text-decoration: none;color: #000; }
#sites .info_text { font-size: 13px;margin:0; }
#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;margin:0; }
#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 #FF8A2B; }
#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; }

ul.updates { list-style: none; margin:0 0 10px 24px; padding:0; }
ul.updates li { float:left; margin: 10px 2px 9px 2px; display: inline; text-align: center;width: 300px;overflow: hidden; }
ul.updates li a { font-weight: bold; color: #ccc;  }
ul.updates li a { font-size: 18px; }
ul.updates li img { display: block; }
ul.updates li a img { border: 1px solid #FFF;border-left:none; }
ul.updates li a:hover img { border: 1px solid #FF0;border-left: none; }
ul.updates li a:hover { color: #fff; }

ul.network {  float:left; width: 242px; list-style: none; margin:0 0 0 0; display: inline; padding: 0 0 0 16px; color: #fff; text-align: center; border-left: 3px solid #696969; } 
ul.network li { }
ul.network li img { display: block; margin: 0; border: 2px solid #000; }
ul.network li a { color: #eb5419; }
ul.network li a.j { background: #000; padding: 8px; font-weight: bold; text-align: center; display: block; width: 228px; margin-top: 10px; }
ul.network li { font-size: 12px; margin:0; padding:0; display: inline; }
ul.network li img { margin: 10px 0 0 0; }
ul.network li.head strong { font-size: 18px; margin-bottom: 4px; display: block; }

#join .left { float:left; width: 290px; padding: 0 0 0 0; font-weight: bold; font-size: 13px;text-align: left; }
#join .left strong { display: block; margin: 15px 0 2px 0; color: #c83515; font-size: 14px; font-weight: bold; }
#join .mid { float:left; width: 376px; padding-top:10px; }
#join .right { float:left; width: 260px; margin-left: 18px; padding-top: 2px; margin-bottom: 10px; }
#join .right img { border: 1px solid #000; display: block; margin-bottom: 2px; }
.join-footer { clear:left; text-align: center; border-top: 2px solid #ccc; padding: 10px; margin: 10px; font-size: 11px; color: #666; }

#common_footer { color: #fff; 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: #FF8A2B; text-decoration: underline; }
#common_footer a:hover { color: #ff0; text-decoration: none; }