body {
background:#000 url('/images/background_home.png') repeat-x;
text-align:center;
margin:0;
padding:0;
}
img {
border:0;
}
.tan {
color:#FFCC66;
font-size:12px;
font-family:Arial;
font-weight:700;
text-decoration:none;
}
.bold {
font-weight:700;
}
ul, li {
margin:0;
padding:0;
}
.wrapper {
margin:auto;
width:1003px;
}
.wrapper_content {
margin:auto;
width:978px;
}
.header_div {
text-align:left;
height:193px;
background:url('/images/home_pg_hdr.jpg') no-repeat;
}
.login_div {
text-align:left;
position:relative;
top:42px;
left:765px;
width:230px;
height:103px;
background:#000 url('/images/logingrad.png') repeat-x;
}
.login_div .member_span {
letter-spacing:-1px;
color:#000;
font-family:Arial Black;
font-size:15px;
text-transform:uppercase;
position:relative;
top:7px;
left:10px;
}
.login_div .signup_span {
text-decoration:none;
color:#FFF;
font-size:11px;
font-weight:700;
font-family:Arial;
position:relative;
top:2px;
}
.login_div form {
position:absolute;
top:33px;
left:15px;
}
.login_div label {
color:#999;
font-size:11px;
font-weight:700;
font-family:Arial;
width:63px;
float:left;
display:block;
position:relative;
line-height:2.1;
}
.login_div .text_input {
margin:2px;
width:135px;
}
.login_div .submit_input {
color:#999;
font-size:11px;
font-weight:700;
font-family:Arial;
background:#000;
border:0;
padding:2px;
width:70px;
position:relative;
top:5px;
left:76px;
}
.menu_div {
background:#000 url('/images/menugrad.png') repeat-x;
}
.menu {
margin-left:-2px;
width:100%;
text-align:center;
height:38px;
}
.menu li {
margin-right:-6px;
display:inline;
}
.menu li a {
display:table-cell;
vertical-align:middle;
padding:10px 16px;
height:38px;
border-top:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
color:#7C7C7C;
font-family:Arial;
font-size:14px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
}
.menu li .selected {
background:#000 url('/images/menuhover.png') repeat-x center;
}
.menu li a:hover {
color:#CECECE;
background:#000 url('/images/menuhover.png') repeat-x center;
}
.last_element {
border-right:1px solid #000;
}
.leaderboard_div {
padding:5px 0;
margin-top:12px;
background:#770808;
height:85px;
}
.wrapper_rest {
text-align:left;
}
.top10_div {
float:left;
background:url('/images/top10char_home.png') no-repeat;
margin-top:16px;
height:360px;
width:660px;
}
.top10_head {
height:37px;
margin-top:12px;
margin-left:4px;
margin-right:4px;
}
.top10_head span {
padding-left:15px;
font-size:14px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.top10_head .section {
position:relative;
top:-1px;
left:320px;
color:#999;
font-size:9px;
font-weight:700;
font-family:Arial;
text-decoration:none;
}
.top10_div .blank {
float:left;
background-color:#7F5658;
background-repeat:no-repeat;
background-position:center;
width:245px;
height:180px;
margin-left:15px;
margin-top:13px;
margin-right:15px;
}
.top10_div .rightcol {
float:left;
width:376px;
height:230px;
}
.top10_div .name {
font-family:Arial;
font-size:17px;
}
.top10_div .top_list {
margin-top:15px;
display:table;
}
.top10_div .top_list li {
float:left;
display:block;
background-color:#C6BABA;
background-repeat:no-repeat;
width:120px;
height:68px;
margin-right:5px;
}
.top10_div .top_list a {
color:#C6BABA;
display:block;
width:120px;
height:68px;
}
.red {
background-color:#CC0000 !important;
}
.red a {
color:#CC0000 !important;
}
.top10_div p {
color:#FFF;
font-family:Arial;
font-size:12px;
}
.top10_div .bottom_list {
margin-left:17px;
padding-top:20px;
clear:both;
}
.top10_div .bottom_list li {
text-align:center;
float:left;
display:block;
margin-right:3px;
opacity:0.8;
filter:alpha(opacity=80);
background-color:#634040 !important;
background-repeat:no-repeat !important;
}
.bottom_list .character_hover {
border:#FFF 2px solid !important;
width:56px !important;
height:41px !important;
}
.top10_div .bottom_list .overlap {
border:#FFF 2px solid;
width:56px;
height:41px;
}
.top10_div .bottom_list a {
color:#634040;
display:block;
width:60px;
height:45px;
}
.newsletter_div {
margin-top:16px;
margin-left:8px;
float:left;
width:310px;
height:90px;
background:url('/images/newsletter.png') no-repeat;
}
.newsletter_text {
position:relative;
top:4px;
left:7px;
letter-spacing:-1px;
font-size:24px;
font-family:Verdana;
font-weight:700;
text-transform:uppercase;
color:#CCCC66;
}
.newsletter_desc {
display:block;
width:160px;
position:relative;
top:2px;
left:8px;
font-size:11px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.newsletter_input {
width:175px;
position:relative;
top:3px;
left:8px;
}
.newsletter_submit {
width:28px;
border:0;
position:relative;
top:4px;
left:12px;
background:url('/images/newsletter_button.gif') no-repeat center;
cursor:pointer;
}
.newsletter_character {
position:relative;
top:-101px;
left:200px;
width:105px;
height:89px;
background:url('/images/newsletter_man.png');
}
@media all and (min-width:0px) {
.box_div {
position:relative;
top:-90px !important;
}
.topgame_div  {
position:relative;
top:-80px !important;
}
.episodes_div, .news_div, .join, .forum {
position:relative;
top:-95px !important;
}
.footer {
position:relatve;
top:-50px !important;
margin:0 !important;
padding:0 !important;
}
}
.box_div {
text-align:center;
margin-left:8px;
margin-top:9px;
float:left;
background:#952222;
width:310px;
height:260px;
}
.topgame_div {
clear:both;
position:relative;
top:12px;
height:250px;
background:url('/images/topgames.png') no-repeat center;
}
.topgame_head {
position:relative;
top:12px;
height:37px;
margin-left:4px;
margin-right:4px;
}
.topgame_head span {
padding-left:15px;
font-size:14px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.topgame_head .section {
position:relative;
left:710px;
color:#999;
font-size:9px;
font-weight:700;
font-family:Arial;
text-decoration:none;
}
.topgame_div .container {
text-decoration:none;
clear:both;
}
.topgame_div ul {
display:table;
padding:0;
margin:auto;
list-style-type:none;
white-space:nowrap;
margin-right:12px;
}
.topgame_div li {
padding-top:20px;
padding-left:6px;
display:table-cell;
}
.topgame_div a {
color:#FFF;
font-family:Arial;
font-size:12px;
font-weight:700;
text-decoration:none;
}
.topgame_div img {
margin-top:10px;
}
.episodes_div {
float:left;
background:url('/images/newspanel.png') no-repeat;
margin-top:24px;
height:360px;
width:325px;
}
.episodes_div .pad {
padding:3px 15px;
height:280px;
color:#FFF;
font-family:Arial;
font-size:12px;
}
.episodes_div img {
padding-top:5px;
margin-left:-5px;
}
.episodes_div .synopsis {
margin-top:5px;
}
.episodes_head {
height:37px;
margin-top:12px;
margin-left:4px;
margin-right:4px;
}
.episodes_head span {
padding-left:15px;
font-size:14px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.episodes_div .seemore {
padding-left:15px;
}
.news_div {
float:left;
background:url('/images/newspanel.png') #000 no-repeat;
margin-top:24px;
margin-left:8px;
height:360px;
width:325px;
}
.news_head {
height:37px;
margin-top:12px;
margin-left:4px;
margin-right:4px;
}
.news_head span {
padding-left:15px;
font-size:14px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.news_div .pad {
padding:3px 15px;
height:280px;
color:#FFF;
font-family:Arial;
font-size:12px;
}
.news_div .pad p {
margin-top:0;
}
.news_div .pad a {
color:#FFF;
font-family:Arial;
font-size:12px;
font-weight:700;
text-decoration:none;
}
.news_div .seemore {
padding-left:15px;
}
.join {
margin-top:24px;
margin-left:8px;
float:left;
}
.forum {
margin-top:9px;
margin-left:8px;
float:left;
}
.footer {
position:relative;
top:80px;
margin-left:20px;
padding-bottom:30px;
height:35px;
clear:both;
color:#FFF;
font-family:Arial;
font-size:12px;
font-weight:700;
}
.footer .produced {
padding-top:17px;
float:left;
}
.footer ul {
float:left;
}
.footer li {
padding-left:15px;
display:inline;
}
.footer .copyright {
padding-top:17px;
padding-left:207px;
float:left;
}