* {
margin: 0;
padding: 0;
}

body, html {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
min-width: 960px;
background: #613810;
color: #EEB660;
}

a {
outline: none;
color: #fff;
}

input, select, textarea {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

#gameTitle {
position: absolute;
z-index: 1;
width: 240px;
top: 150px;
left: 50%;
margin-left: -120px;
padding: 5px 0;
color: #eeb660;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #000;
background: rgba(0,0,0,0.5);
text-shadow: 0px 2px 1px #000;
-moz-text-shadow: 0px 2px 1px #000;
-webkit-text-shadow: 0px 2px 1px #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.announcement {
position: absolute;
width: 268px;
top: 195px;
left: 336px;
background: #e03838;
padding: 10px;
margin: 15px 0;
font-size: 11px;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 5px #fff;
-moz-box-shadow: 0px 0px 5px #fff;
-webkit-box-shadow: 0px 0px 5px #fff;
color: #FFFFFF;
}

.announcement h2 {
font-size: 14px;
padding: 0 0 5px 0;
}

#topMenu {
position: absolute;
top: 15px;
left: 250px;
z-index: 50;
}

#topMenu ul li {
float: left;
display: inline;
list-style-type: none;
margin: 0 10px 0 0;
}

#topMenu ul li a {
display: block;
text-decoration: none;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('buton.jpg') repeat-x;
border: 1px solid #ca9442;
padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#topMenu ul li a:hover{
display: block;
text-decoration: none;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('buton.jpg') repeat-x;
border: 1px solid #ffffff;
padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#topMenu ul li a:active{
display: block;
text-decoration: none;
line-height: 11px;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #724718 url('buton_over.jpg') repeat-x;
border: 1px solid #ffffff;
padding: 3px 6px;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#bodyWrapper {
background: url('bg.jpg') repeat-x;
}

#mainWrapper {
width: 850px;
padding: 165px 55px 30px 55px;
position: relative;
margin: 0 auto;
min-height: 430px;
}

#mainWrapper.index1 {
background: url('body.jpg') center 0 repeat-x;
}

#mainWrapper.index2 {
background: url('body2.jpg') center 0 repeat-x;
}

#mainWrapper.index3 {
background: url('body3.jpg') center 0 repeat-x;
}


#registerBox {
float: left;
width: 268px;
min-height: 400px;
}

#registerBox .boxTitle,
#loginBox .boxTitle {
height: 35px;
line-height: 35px;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

#registerBox .boxContent,
#loginBox .boxContent {
padding: 10px 30px 30px 30px;
}


.boxContent .row {
padding: 0 0 4px 0;
}

.boxContent .row label {
display: block;
color: #eeb660;
font-size: 11px;
}

.boxContent .row.terms {
font-size: 11px;
}

.boxContent .row.terms label {
display: inline;
}

.boxContent .row input, textarea,
.boxContent .row select {
background: #eeb660;
border: 2px solid #75470f;
padding: 4px;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.boxContent .row input:focus,
.boxContent .row select:focus {
border-color: #fff;
}

.boxContent .buttonrow {
padding: 5px 0 0 0;
}

.boxContent .buttonrow input {
background: #a16021 url('buton.jpg') repeat-x;
border: 1px solid #a16021;
color: #eeb660;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 20px;
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-shadow: 0 2px 1px #633c12;
-moz-text-shadow: 0 2px 1px #633c12;
-webkit-text-shadow: 0 2px 1px #633c12;
}

.boxContent .buttonrow input:hover {
border-color: #fff;
color: #fff;
}

.boxContent .buttonrow input:active {
background: #a16021 url('buton_over.jpg') repeat-x;
border-color: #fff;
color: #fff;
}

#loginBox {
float: right;
width: 268px;
height: 200px;
text-align: right;
}

#loginBox a {
font-size: 11px;
color: #B56D28;
}

#loginBox a:hover {
color: #fff;
}

#loginBox form {
margin: 0 0 10px 0;
}

.dialogBox {
width: 883px;
position: absolute;
top: 100px;
left: 35px;
z-index: 9999;
}

html>body .dialogBox span.shadowTop {
display: block;
height: 34px;
background: url('dialog_shadow_top.png') no-repeat;
}

html>body .dialogBox span.shadowBottom {
display: block;
height: 34px;
background: url('dialog_shadow_bottom.png') no-repeat;
}

.dialogBox .wrapper {
border: 5px solid #eeb660;
padding: 15px;
position: relative;
}

.dialogBox a.closeLink {
display: block;
position: absolute;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
color: #eeb660;
text-decoration: none;
}

.dialogBox a.closeLink {
right: 5px;
top: 5px;
background: url('dialog_close.gif') right 0 no-repeat;
padding: 0 25px 0 0;
}

.dialogBox a.closeLink:hover {
background-position: right -20px;
color: #FFFFFF;
}

.dialogBox .registration {
padding-top: 30px;
color: #FFFFFF;
background: #573718 url('bg.jpg') repeat-x;
}

.dialogBox .registration dl.worldsList {
overflow: hidden;
}

* html .dialogBox .registration dl.worldsList {
height: 1%;
}

.dialogBox .registration dl.worldsList dd {
float: left;
margin: 5px;
width: 257px;
height: 156px;
}

.dialogBox .registration dl.worldsList dd a {
display: block;
cursor: pointer;
width: 220px;
height: 143px;
border: 1px solid #eeb660;
background: #573718 url('wrap.jpg') repeat-x;
text-decoration: none;
padding: 11px 0 0 35px;
position: relative;
}

.dialogBox .registration dl.worldsList dd a:hover {
border-color: #FFFFFF;
background: #573718 url('wrap_over.jpg') repeat-x;
}

.dialogBox .registration dl.worldsList dd a span {
display: block;
height: 16px;
line-height: 16px;
font-size: 14px;
font-weight: bold;
color: #eeb660;
padding: 4px 0;
}

.dialogBox .registration dl.worldsList dd a span small {
font-weight: normal;
font-size: 12px;
}

.dialogBox .registration dl.worldsList dd a:hover span {
color: #FFFFFF;
}

#aboutBox {
clear: both;
padding: 30px;
overflow: hidden;
}

#linksTeaser {
background: #522f0c;
border: 1px solid #522f0c;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 15px 0;
padding: 10px;
position: center;
color: #8b5b2d;
}

#linksTeaser .socialLinks {
overflow: hidden;
}

#linksTeaser .socialLinks a {
display: block;
float: left;
background: #613810;
border: 1px solid #613810;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
color: #c38850;
margin: 0 5px 0 0;
text-decoration: none;
line-height: 16px;
}

#linksTeaser .socialLinks a:hover {
background-color: #8a5119;
color: #FFFFFF;
border-color: #FFFFFF;
}