@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */
html {
    background-color:#0B0708;
}
body
{
    
	background:url(../images/background.jpg) no-repeat;
	background-position:center top;
	color:#eeeeee;
	font-family:Arial;
    font-size:12px;
}

h2
{
	font-size:22px;
	font-weight:bold;
}

p
{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
a
{
	color:white;
	text-decoration:none;
}
input {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 0 1px 1px #000000;
  font-size: 14px;
  padding: 2px;
}

table {
  border-spacing: 2px;
  margin: 0 auto;
}

.floating
{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
}

.clear
{
	clear:both;
}


.clickable
{
	cursor:hand;
	cursor:pointer;	
}

#signup_error
{
	color:red;
	padding:5px;
}




#top-spacer
{
	height:220px;
}

#header
{
	margin:0 auto;
	margin-top:30px;
	width:750px;
	height:60px;
    position:relative;
}

#footer
{
	margin:0 auto;
	margin-top:300px;
	width:600px;
	font-size:9px;
    position:relative;
    
}

#registerbox
{
    width:250px;
    height:200px;
    left:340px;
    top:-130px;
    text-align:right;
    margin: 0 auto;
    font-size:12px;
    padding-top:5px;
    padding-right:10px;
    position:relative;
}

#loginbox
{
    width:250px;
    height:200px;
    left:340px;
    top:-130px;
    text-align:right;
    margin: 0 auto;
    font-size:12px;
    padding-top:5px;
    padding-right:10px;
    position:relative;
}


#content
{
	width:650px;
	height:500px;
	text-align:center;
	margin: 0 auto;
}

#content2
{
	font-size:12px;
	line-height:1.5em;
	padding:20px;
}

#thegame
{

}

#content-header
{
	height:200px;
}
#playnow
{
	margin: 0 auto;
	cursor:hand;
	cursor:pointer;
	width:231px;
	height:112px;
	background:url(../images/play_btn.png) no-repeat;
}

#playnow:hover
{
	margin: 0 auto;
	
	width:231px;
	height:112px;
	background:url(../images/play_btn_mo.png) no-repeat;
}

.button_register
{
    margin: 0 auto;
    width:266px;
    height:71px;
    top:-152px;
    left:340px;
    position:relative;
    background:url(../images/button_register.jpg) no-repeat;
}

.button_login
{
    margin: 0 auto;
    width:266px;
    height:71px;
    top:-152px;
    left:340px;
    position:relative;
    
    background:url(../images/button_login.jpg) no-repeat;
}

.go_button
{
    background: none repeat scroll 0 0 #AA0000;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
}

.messagebox{

    background:#aaaaaa;
    color:#000;
    text-align:left;
    width:250px;
    padding:2px;
    top:0px;
    left:240px;
    margin: 0 auto;
    position:absolute;
    z-index:10000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:0px 0px 28px #000;
    -webkit-box-shadow:0px 0px 28px #000;
    box-shadow:0px 0px 28px #000;
}
.messagebox div
{
    
    padding:4px;
    padding-bottom:16px;
}
#messagebox_content
{
    height:30px;
}

.link_button
{
    background:#333;
    cursor:pointer;
    border-radius: 2px;
    box-shadow: 0 0 1px 0px #000000;
    padding:10px;    
    color:#fff;
}

#screenshots
{
    cursor:pointer;
}

#lightbox {
  background-image: url("../images/screen01.jpg");
  box-shadow: 0 0 18px 11px #000000;
  height: 510px;
  position: absolute;
  top: -160px;
  width: 800px;
  z-index: 10;
  cursor:pointer;
}

#beta_stamp
{
    background:url(../images/closed_beta.png);
    width:196px;
    height:193px;
    left: 140px;
    position: absolute;
    top: -610px;
}

#lightbox_closer
{
    background:url(../images/child_close.png);
    width:32px;
    height:32px;
    position:absolute;
    top:-15px;
    right:-15px;
}
