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 22px;
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:#666a4c;
height:85px;
}
.wrapper_rest {
text-align:left;
}
.newsletter_div {
text-align:left;
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:0) {
.box_div {
position:relative;
top:0 !important;
}
.join, .box_div2, .forum {
position:relative;
top:5px !important;
}
.footer {
position:relative;
top:5px !important;
margin:0 !important;
padding:0 !important;
}
}
.box_div {
text-align:center;
margin-left:8px;
margin-top:9px;
float:left;
background:#666a4c;
width:310px;
height:260px;
}
.forum_div {
float:left;
background:url('/images/character_bg.png') no-repeat;
margin-top:16px;
width:660px;
font-family:Arial;
color:#FFF;
font-size:12px;
}
.forum_div ul a {
color:#FFF;
}
.forum_pad {
margin:15px 10px;
min-height:1050px;
}
.forum_head {
height:37px;
margin-top:12px;
margin-left:4px;
margin-right:4px;
}
.forum_head span {
padding-left:15px;
font-size:14px;
font-family:Arial;
font-weight:700;
text-transform:uppercase;
color:#FFF;
}
.forum_div .board_index {
width:100%;
color:#FFF;
font-size:12px;
font-family:Arial;
border-collapse:collapse;
}
.forum_div .board_index img {
float:left;
margin-right:10px;
}
.forum_div .board_index td {
border-top:1px #333 solid;
border-bottom:1px #333 solid;
padding:15px 10px;
}
.forum_div .board_index th {
padding-bottom:15px;
}
.forum_div .board_index .section_td {
width:370px;
}
.section_header {
color:#FFF;
font-size:14px;
font-family:Arial;
font-weight:700;
text-decoration:none;
}
.numbers_bottom {
text-align:right;
margin-left:7px;
margin-right:5px;
margin-top:-7px;
}
.numbers_bottom li {
display:inline;
margin-right:10px;
cursor:hand;
}
.numbers_bottom li a {
font-size:15px;
font-family:Arial;
text-transform:uppercase;
font-weight:700;
color:#666;
text-decoration:none;
}
.numbers_bottom a {
color:#666;
text-decoration:none;
}
.numbers_bottom .active, .numbers_bottom a:hover {
color:#FFF !important;
}
.join {
margin-top:16px;
margin-left:8px;
float:left;
}
.forum {
margin-top:9px;
margin-left:8px;
float:left;
}
.box_div2 {
text-align:center;
margin-left:8px;
margin-top:9px;
float:left;
background:#666a4c url('/images/boxdiv2grad.png') repeat-x;
width:310px;
height:260px;
}
.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;
}
.forum_head span {
float:left;
}
.forum_head .section {
float:right;
margin-right:10px;
}
.characters_bottom {
position:relative;
top:9px;
}
.characters_div,.characters_pad {
height:auto!important;
}