/* CSS Document */

* { margin:0; padding:0; }

html, body{ height: 100%; }
#wrapper { min-height: 100%; height:auto !important; height: 100%; }

body { 
  background: #222 url(../images/bg2.gif) top left no-repeat;
  font-family: verdana; 
  font-size: 10pt;
  margin: 0px;
  min-width: 1000px;
color: #eee;
}

#logo { position: absolute; top:0px; left:0px; z-index: 1;}
#hex { background: url(../images/hex.png) top right no-repeat; position: absolute; top:0px; right: 0px; z-index: -1; width:430px; height: 350px; }
#admin_hex { background: url(../images/hex.png) top right no-repeat; position: absolute; top:34px; right: 0px; z-index: -1; width:430px; height: 350px; }

#gamercard { position: absolute; top: 0px; right: 10px; z-index: 3; border: solid 2px #000;}

#menu_wrapper {
  position: absolute;
  top: 150px;
  left: 25px;
  z-index: 5;
  border: none;
  background: none;
}
#menu, li { list-style-type: none; margin: 0px; padding: 0px; font-family: courier;}
#menu { color: #c81010; width: 100px; padding-top: 40px; }
#menu li { margin: 5px; float: left; display: inline; }
#menu li a { color: #c81010; text-decoration: none; border: none; padding: 5px; display: block; font-size: 9pt; line-height: 12pt; white-space: nowrap; }
/*#menu li a.current { color: #f00; font-size: 16pt; font-family: arial; }*/
#menu li a:hover { color:#eee; background: #c81010; border: none; }

#content_wrapper 
{ 
  padding-top: 120px; 
  padding-bottom: 150px;
  background: none;
}

#content 
{ 
position: relative; 
  margin: 20px; 
  margin-left: 150px;
  border: solid 4px #c81010; 
  color: #eee; 
  background: #111;
overflow: visible;
  
  box-shadow: 5px 5px 5px #000;
  -moz-box-shadow: 5px 5px 5px #000;
  -webkit-box-shadow: 5px 5px 5px #000;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#content h2 { color: #c81010; font-family: verdana; margin: 5px; margin-left: 0px; display: inline;}
#content em { color: #555; float: right; font-size: 8pt; }
#content p { margin: 2px; }
#content hr { margin-left: 10px; margin-right: 10px; color: #eee; display: inline; }
#content_inner { margin: 20px; font-size: 8pt; }
#content div.comment_wrapper { text-align: right; color: #c81010; margin-bottom: 20px; }
#content div.comment_wrapper a { cursor: pointer; }

#content div.comment_wrapper div { display: none; text-align: center; }
#content div.comment_wrapper div input { width: 10%; }
#content div.comment_wrapper div input.input { color: #999; width: 40%; background: #111 }
#content div.comment_wrapper div textarea { color: #999; width: 50%; background: #111; }

#content a { color: #c81010; }

.comments { margin: 15px; font-size: 8pt; margin-bottom: 0px; padding: 5px; border: solid 2px #222; }
.comment { color: #eee; }
.name { color: #c81010; font-size: 7pt; text-align: right; }

#review_wall
{
  display: block;
  position: relative;
  margin: 10px;
  background: url(../images/rw.png) no-repeat top left;
}

.review_post {
  display: block; 
  width: auto; 
  height: auto; 
  padding: 2px;
  background: none;
  border: none; 
  border-right: solid 5px #c81010;
  color:#fff; 
  position: absolute;
  cursor: pointer;
  overflow: visible;
  text-decoration: none;
}
.review_post h3 { color: #fff; display: block; white-space: nowrap; font-size: 7pt; }
.review_post p { white-space: nowrap; color: #c81010; display: none; }

.review_post:hover {
 width: auto;
 height: auto;
 padding: 20px;
 overflow: visible;
 border: solid 2px #c81010;
 background: #000;
 color: #fff;
 z-index: 10;

 box-shadow: 5px 5px 5px #000;
  -moz-box-shadow: 5px 5px 5px #000;
  -webkit-box-shadow: 5px 5px 5px #000;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.review_post:hover h3 { display: block;  font-size: 12pt;}
.review_post:hover p { display: block; }

#footer_wrapper {
  background: #111;
  min-width: 1000px;
  border: none;
  border-top: solid 4px #c81010;
  height: 150px;
  margin: 0px;
  margin-top: -154px;
  padding: 0px;
  color: #c81010;
}

#footer { margin: 20px; position: relative;}

#footer h2 { color: #e00; display: inline; font-family: arial; font-size: 18pt; }
#footer #quote { margin-bottom: 25px; }
#footer #icons { font-size: 8pt; color: #999; }
#footer #icons img { border: none; }
#footer #icons a { border: none; color: #c81010; }








/* admin */
#login_wrapper
{
  position: absolute; top: 200px; left: 0px;
  width: 100%;
  height: 100px;
  text-align: center;
}
#login_wrapper table { color: #eee; font-family: arial; font-size: 10pt; margin-left: auto; margin-right: auto; }
#login_wrapper table th { font-weight: normal; text-align: right; }
#login_wrapper table td { text-align: left; }


#admin_logout {
  position: absolute;
  top: 2px;
  right: 5px;
  width: auto;
  height: auto;
}


#admin_menu 
{
  height: 30px;
  background: #c81010;
  border-bottom: solid 4px #000;
  margin: 0px;
  margin-bottom: 10px;
}

#admin_menu ul {

}

#admin_menu ul li {
 list-style: none;
 float: left;
 display: inline;
 padding: 0px;
 margin: 0px;
 margin-left: 10px;
 margin-right: 10px;
line-height: 30px;
}


#admin_menu ul li a {
 line-height: 30px;
 display: block;
 color: #fff;
 font-family: arial;
 font-size: 10pt;
 text-decoration: none;
 padding-left: 10px;
 padding-right: 10px;
}

#admin_menu ul li a:hover {
background: #AF0000;
}

#admin_content
{
 margin: 20px;
}