@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 { background: #a0a0a0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px; }

#head { background: url(bg.gif) repeat-x; height: 128px; }
#head h1 { background: url(logo.gif) no-repeat; width: 396px; height: 102px; margin: 0 0; padding:0; text-indent:-9999px; }
#head h1 a { display: block;width: 396px;height: 102px; }
#head .wrap { width: 925px; margin: auto; position: relative; }
#head p { border: 1px solid #333; background: #222; padding: 10px; color: #fff; position: absolute; width: 480px; right:0; top: 14px;   filter:alpha(opacity=80);  opacity:0.8; font-size: 12px; line-height: 17px; font-weight: bold; }
#head p span {filter:alpha(opacity=100);  opacity:1; }
#head p a { color: #FF6; }
#wrap { width: 925px; margin: auto; border: 10px solid #ccc; background: #fff; border-top: none; padding-top: 20px; }

#dvd { position: relative; padding: 1px 0; padding: 0 0; margin: 0 20px 20px 40px; width: 413px; float:left; display: inline; }
#dvd .cover { background: url(pcom_04.gif) no-repeat; width: 137px; height: 193px; position: relative; float:left; margin: 0 0 6px 0; }
#dvd .cover img {position: absolute; border: none; top: 7px; left: 7px;  }
#dvd .left { float:left; width: 264px; margin-left: 12px; }
#dvd h3 { color: #005aa1; font-size: 15px; width: 130px; font-size: 13px; line-height: 15px; margin-bottom: 4px; text-decoration: none; }
#dvd h3 a { color: #005aa1; text-decoration: none; }
#dvd h3 a:hover { color: #000; }
#dvd p { margin: 0 0 10px 0; line-height: 16px; font-size: 12px; color: #444; padding-left: 17px; border-left:4px solid #ccc; min-height: 274px; }
#dvd .details { position: absolute; top: 194px; left: 00px; font-size: 12px; color: #666; line-height: 22px; font-weight: bold; }
#dvd .details a { color: #444; }
#dvd a.j { display: block; margin: 6px 0 0 0; font-size: 20px; color: #fff; background: url(pcom_01.gif) no-repeat; width: 376px; height: 34px; text-align: center; padding: 6px 24px 0 0; clear:left; }
#dvd a.j span { font-weight: bold; }
#dvd a.j:hover { color: #ffd800; }

.playerwrap { margin-left:40px; width: 382px; display: inline; margin-top:18px; float:left; padding: 4px 10px; background: #e7e7e7; text-transform: uppercase;-webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 20px;font-size: 11px; }
.top {margin-left:11px; margin-top:5px; }
.playerwrap img { border: 1px solid #000; }
.playerwrap p { margin: 4px 0; font-weight: bold;font-size: 13px; }
.playerwrap a { color: #333; margin: 4px 0; display: block; font-weight: bold; font-size: 13px; }
.playerwrap a.r { float:right; color: #c30000; margin:0; }
.player { width: 380px;height: 254px; }

#stats { float:left; margin-left:32px; margin-top: 18px; width: 412px; }
#stats .box { background: url(pcom_03.gif) no-repeat; width: 412px; height: 126px; margin-bottom:8px; }
#stats .box h4 { color: #fff; font-size: 14px; padding: 12px 0 10px 30px; }
#stats .box p { width: 180px; float:left; display: inline; margin-left: 10px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #fff; margin-bottom: 2px; padding-bottom:2px; border-bottom: 1px solid #333; text-align: right; }
#stats .box p.bottom { border-bottom: none; }
#stats .box p span { color: #777; float:left; width: 114px; text-align: left; }
#stats img { float:left; margin-left: 5px; margin-bottom:3px; }

a.join { font-size: 30px; font-weight: bold; display: block; text-align: center; color: #005aa1; padding: 0 0 5px 0; clear:left; font-family: Georgia, "Times New Roman", Times, serif; }
a.join2  { display: block; color: #333; text-decoration: none; font-size: 18px; text-align: center; padding-bottom: 15px; }
a.join:hover { text-decoration: none; color: #000; }

a.join-big { clear:left; display: block; background: url(pcom_02.gif) no-repeat; width: 815px; height: 54px; text-align: center; padding: 6px 30px 0 0; margin: auto; color: #fff; font-size: 36px; }

#footer { padding: 30px;text-align: center;font-size: 11px;color: #444; }
#footer a { color: #900; }
#footer a:hover { color: #000;text-decoratoin: none; }