@charset "utf-8";
ul,li,p,img,h1,h2,h3,h4,h5,h6 { 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 { background: url(../bg.gif) repeat-y center center #660000; margin: 0; font-family: Arial, Helvetica, sans-serif; }
a { color: #333; }
a:hover { color: #000; }
#wrap { width: 1000px; margin: auto; background: #fff4df; border: 3px solid #000; border-top: none; margin-bottom: 20px; }
#wrap #head { margin-bottom: 5px; }
#wrap #head .right { float:left;display:inline; width: 424px; }
#wrap #head h1 a { float:left;display:inline; background: url(../somc_01.gif) no-repeat; width: 360px; height: 274px; text-indent: -9999px; }
#wrap #head img { float:left;display:inline;border: none; }
#wrap .intro .left { float:left;display:inline; width: 415px; }
#wrap .intro .left p { clear:left; background: url(../somc_15.gif) no-repeat; color: #fff; padding: 15px 25px; height: 272px; line-height: 23px; font-size: 17px; text-shadow: 1px 1px 2px #000;  }
#wrap .intro .trailer { background: url(../somc_14.gif) no-repeat; width: 585px; height: 463px; float:left;display:inline;padding-top: 26px; }
#wrap .intro .trailer h3 { text-align: center; color: #ccc;border: none;font-size: 16px; }
#wrap .intro .trailer h3 a { color: #FFDF08; }
#wrap .intro .trailer h3 a:hover { text-decoration: none;color: #FFF; }

#head .trailer_inner { width: 558px;height: 372px;border: 1px solid #000; }

h2 { text-align: center; }
h2 a { display: block; text-align: center; padding: 10px 5px; color: #660000; }

.tbl { clear: both; }
.tbl { position: relative; }
.tbl .download { position: absolute; top: 13px; left: 360px; width: 320px; height: 35px;text-indent: -9999px; }
.tbl .head { background: url(../somc_18.gif) no-repeat #210e0e; position: relative; padding-bottom:10px; border-bottom: 1px solid #474654; }
.tbl .head h3 { position: absolute; top:6px; left:0px; color: #ffdf08; font-size: 26px; font-weight: bold; border: none; }
.tbl .head p { color: #ccc; font-size: 15px; padding: 55px 20px 0 20px; line-height: 19px; }
.tbl .head p strong {  }
.tbl .head .rating { background: url(../rating.gif) no-repeat 0 -32px; width: 160px; height: 32px; position: absolute; top:10px; right:40px; }
.tbl .head .rating div { background: url(../rating.gif) no-repeat 0 0; height: 32px; }
.tbl .thumbs { background: #210e0e; padding: 4px; background: url(../tblbg.gif) repeat-y; }
.tbl .thumbs img { float:left;display:inline; margin: 2px; border: 2px solid #444; }
.tbl .thumbs a:hover img { border: 2px solid #666; }
.tbl img.logo { border: none; position: absolute; top:460px; left:210px; }
.tbl a:hover img.logo { border: none; }


 h3 { margin: 5px 14px; border-bottom: 2px  dotted #ffe6b7; padding: 5px; clear: both; }
#updates ul { list-style: none; margin-left: 7px; }
#updates ul h4 { font-size: 22px; font-weight: normal; text-align: center; }
#updates ul li { float:left;display:inline; margin: 12px; width: 304px; position: relative; }
#updates ul li img { display: block; border: 2px solid #333; }
#updates ul li img.hd { position: absolute; border: none; bottom:-5px; right:-5px; }

#join { padding: 10px 0; clear:left; }
#join #left { float:left;display:inline;width: 546px; margin-left: 10px;  }
#join #left div { border: 2px solid #fff; padding: 5px; margin-bottom: 8px; }
#join #left img { float:left;display:inline; margin: 0 10px 0 0; border: 2px solid #ccc; }
#join #left p { font-size: 13px; line-height: 18px; }
#join #left h5 { font-size: 24px;color: #660000; background: #ffe6b7; padding: 0 5px; margin: 0 0 7px 0; font-style:italic  }
#join #frm { width: 412px; padding: 2px; border: 3px solid #660000; float:left;display:inline; margin: 0 0 0 10px; }

#footer { clear:left; }

#footer2 { clear:left; width: 1000px; background: #ccc; border: 3px solid #000; border-bottom: none; padding: 20px 0; text-align: center; margin: auto; font-size: 13px; }

#sites { margin: 20px auto; width: 830px; text-align: center; color: #333; }
#sites h2, #sites h4 { clear: both; text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; }
#sites a { color: #9E0404; }
#sites a:hover { text-decoration: none; color: #000; }
#sites .info_text { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none; padding: 0; margin: 0; width: 830px; }
#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 #666; clear: both; }
#sites ul li a:hover img { border: 1px dotted #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; }

#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;font-weight:normal; }
#common_footer a:hover { color: #009; text-decoration: none; }