/*---------------------------------------*/
/*         CSS by Tomas Sardyha          */
/*            (  Darsain  )              */
/*     (  http://www.darsain.net/  )     */
/*---------------------------------------*/


/* ------ RESET ------- */

* { margin: 0;padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; text-decoration: none; outline: 0; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }

ul { list-style: none; }

label { cursor: pointer; }


/* ------ Global tags ------- */

body {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
  color: #9e9e9e;
  text-decoration: none;
  background: url('style/body-bg.jpg') #000;
}

h1, h2, h3 { color: #fff; }

h1 { font-size: 22px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

a, a:link, a:visited { color: #cfcfcf; text-decoration: underline; }
a:hover { text-decoration: none; }

/* ------ Global classes ------- */

.left { float: left; }

.right { float: right; }

.ffix { position: relative; clear: both; margin: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; }


/* ------ WRAPPERS ------- */

#headerbg { margin: 0 auto; text-align: center; background: url('style/header.png') no-repeat center top; }

#mainwrapper { position: relative; width: 1000px; margin: 0 auto; padding-bottom: 30px; overflow: auto; }


/* ------ Server Status ------- */

ul.serverstatus { position: absolute; display: block; top: 60px; right: 70px; }

ul.serverstatus li { display: block; height: 20px; margin: 8px 0; padding-left: 70px; }
ul.serverstatus li.login { background: url('style/server-status.png') no-repeat left 0px; }
ul.serverstatus li.game { background: url('style/server-status.png') no-repeat left -20px; }

ul.serverstatus li span { display: block; width: 20px; height: 20px; }
ul.serverstatus li span.on { background: url('style/server-status.png') no-repeat left -40px; }
ul.serverstatus li span.off { background: url('style/server-status.png') no-repeat left -60px; }


/* ------ Side Menu ------- */

div.sidemenu { position: relative; float: left; width: 209px; margin: 308px 0 0 55px; text-align: center; background: url('style/sidemenu.png') repeat-y left top; }

div.sidemenu div.links { padding: 8px 0; }
div.sidemenu div.links a { display: block; height: 24px; margin: 3px 0 3px 5px; padding-left: 40px; font-size: 12px; line-height: 24px; font-weight: bold; color: #ccc8bc; text-align: left; text-decoration: none;
                           background: url('style/sidemenu-link.png') no-repeat left top; }
div.sidemenu div.links a:hover { color: #000; background-position: left bottom; }
div.sidemenu div.links a:active { opacity: 0.6; }

div.sidemenu div.bottom { position: absolute; width: 209px; height: 15px; left: 0px; bottom: -15px; background: url('style/sidemenu.png') no-repeat right bottom; }


/* ------ Content ------- */

div.content { position: relative; float: right; width: 531px; margin: 331px 113px 0 0; padding: 0 20px; text-align: justify; background: url('style/content.png') repeat-y left top; }

div.content p { padding: 10px 0; }

div.content div.bottom { position: absolute; width: 571px; height: 15px; left: 0px; bottom: -15px; background: url('style/content.png') no-repeat right bottom; }


/* ------ Footer ------- */

#footer { width: 965px; height: 203px; margin: 0 auto 15px auto; background: url('style/footer.png') no-repeat center top; }

#footer > span { margin: 30px 25px; }