@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: url(bg.gif) repeat-x top #3f3f3f; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
#wrap { width: 860px; margin: auto; position: relative; padding-top: 14px; }
#wrap h1 { background: url(logo.gif) no-repeat; width: 207px; height: 69px; margin: 0 0 14px 20px; text-indent: -9999px; }
#wrap h1 a { display: block;width: 207px;height: 69px; }
#wrap .box {position: absolute; top: 10px; right: 220px; border: 1px solid #3e3e3e; padding: 4px 14px 8px 14px; width: 360px; text-align: center; background: #202020;-webkit-border-radius: 5px; -moz-border-radius: 5px; }
#wrap h2 { color: #fff; font-size: 18px; font-weight: normal; }
#wrap .box p { font-weight: normal; font-size: 11px; line-height: 13px; color: #fff; }
#wrap img { display: block; }
#content { background: url(dp_01.gif) no-repeat top #fff; padding-top: 20px; margin-bottom: 20px; }

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

#dvd { clear:left; position: relative; padding: 1px 0; border: 4px solid #ccc; border-right: none; border-left: none; padding: 10px 0; margin: 0 20px 20px 20px; }
#dvd .cover { background: url(dp_03.gif) no-repeat; width: 137px; height: 193px; position: relative; float:left; margin: 0 0 6px 0; display: inline; }
#dvd .cover img {position: absolute; border: none; top: 7px; left: 7px;  }
#dvd .left { float:left; width: 378px; margin-left: 20px; display: inline; }
#dvd h3 { margin: 0px 0 0 0;color: #333; font-size: 15px; }
#dvd h3 a { color: #c30000; text-decoration: none; border-bottom: 1px solid #666; }
#dvd h3 a:hover { color: #000; }
#dvd p { margin: 7px 0 10px 0; line-height: 16px; font-size: 13px; color: #444; }
#dvd .details { position: absolute; top: 210px; left: 10px; font-size: 12px; color: #666; line-height: 22px; font-weight: bold; }
#dvd .details a { color: #444; }
#dvd a.j { clear:left; display: block; margin: 6px 0 0 160px; font-size: 20px; color: #fff; background: url(dp_05.gif) no-repeat; width: 640px; height: 33px; text-align: center; padding: 5px 20px 0 0; }
#dvd a.j span { font-weight: bold; }
#dvd a.j:hover { color: #ffd800; }
#dvd #similar { float:left; width: 264px; margin-left: 20px; display: inline; }
#dvd #similar img { border: none; float:left; margin: 0 0 2px 2px; display: inline; }
#dvd #similar h4 { font-size: 15px; margin-bottom: 4px; color: #333; }

#counter { position: absolute; top: 12px; right:10px; width: 200px; font-family: Arial, Helvetica, sans-serif; }
#counter p { color: #fff; font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 5px; }
#counter .numbers { width: 163px; margin: auto; }
#counter .numbers-short { width: 133px; margin: auto; }
#counter .number { width: 28px; background: url(numbers.gif) no-repeat 0 0; height: 60px; float:left; display: inline; margin-left: 2px; }
#counter .n1 { background-position: 0 -0; }
#counter .n2 { background-position: -30px -0; }
#counter .n3 { background-position: -60px -0; }
#counter .n4 { background-position: -90px -0; }
#counter .n5 { background-position: -120px -0; }
#counter .n6 { background-position: -150px -0; }
#counter .n7 { background-position: -180px -0; }
#counter .n8 { background-position: -210px -0; }
#counter .n9 { background-position: -240px -0; }
#counter .n0 { background-position: -270px -0; }
#counter .comma { background: url(numbers.gif) no-repeat -308px -0; height: 60px; width: 13px; float:left; }



#stats { background: url(dp_04.gif) no-repeat; width: 805px; height: 106px; margin: auto; color: #fff; clear: both; padding: 0 7px; margin-bottom: 14px; }
#stats h3 { font-size: 16px; text-align: center; color: #ffd800; padding-top:9px; height: 24px; }
#stats .stat { float:left; width: 133px; text-align: center; margin-left: 1px; font-size: 13px; font-weight: bold; padding-top: 4px;  }
#stats .stat p { font-size: 26px; margin-top: 8px; }


a.join { font-size: 32px; font-weight: bold; display: block; text-align: center; color: #c30000; padding: 0 0 5px 0; clear:left; }
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; }

#footer { padding: 30px;text-align: center;font-size: 11px;color: #fff; }
#footer a { color: #FF9; }
#footer a:hover { color: #FFF;text-decoratoin: none; }