/* CSS Document */

/* HTML Elements */

* { margin:0;  padding:0; }
body,html {	min-height:101%; }
body { background: #3c3c3c; color: #545454; padding: 0px; height:100%; }
body, select, input, textarea { font: 100% Arial, Verdana, Sans-Serif; }
p {	margin: 10px 0; }
img, a:link img, a:visited img { border:0; margin: 0; }

a { color: #0066ff; TEXT-DECORATION: none; }
a:link, a:visited, a:active { color: #0066ff; TEXT-DECORATION: none; }
a:hover { color: #0099ff; TEXT-DECORATION: underline; }

a.whitelink:link, a.whitelink:visited, a.whitelink:active { color: #ffffff; TEXT-DECORATION: none; font-weight:bold; }
a.whitelink:hover { color: #ffffff; TEXT-DECORATION: underline; font-weight:bold; }


.center { text-align:center; }


hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
}


/* tooltip stuff */

a.info {
    position:relative; /*this is the key*/
    z-index:24; 
	  background-color:#000;
    color:#000;
    text-decoration:none;
}

a.info:hover { z-index:25; }
a.info span { display: none; }

a.info:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
	top: 1em; 
	left:-5em; 
	width: 15em;
	border:1px solid #ccc;
  background-color:#333; 
	color:#fff;
  text-align: center
}


/* Structure */

#page {
	width:780px !important;
	height: 100%;
	margin:0 auto;
	font-size:0.75em;
	background:#FFF;
	border-left: 2px black solid; 
	border-right: 2px black solid;
	font-style: normal;
}

#header	{ 
	width:780px !important; 
	height:100px !important; 
	background-image:url('images/logo.jpg'); 
	background-position:top left; 
	background-repeat:no-repeat; 
}

#header_ads {
	position: relative;
	float: right;
	margin: 20px;
	margin-left: 0px;
}

#header_swf {
	position: relative;
	float: left;
	margin: 10px;
}

#gamestrip {
	background-color:#000;
	padding-top: 7px;
	padding-bottom: 5px;
}

img.gameicon {
	padding-right: 5px;
	width: 60px;
	height: 60px; 
}

#gamestrip-top {
	height: 1px !important;
	border-top: 2px black solid;
}

#gamestrip-bottom {
	height: 1px !important;
	border-bottom: 2px black solid;
	margin-bottom: 10px;
}

.gap { height:15px; }

.left {	float:left; }
.right { float:right; }


#footer { background-color: #000000; font-size: 10px; color: #fff; padding:10px; width: 760px !important; }



/* MAIN PAGE - break out into seperate css? */

/* main page sidebars */

#sidebar {
	position: relative;
	margin-right: 10px;
	width:170px;
	height:100% !important;
	float:right;
}

#about_us {
	background-color:#3399FF; 
	color:#FFFFFF; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: 8px; 
	width: auto;
	height:auto;
	position: relative;
}

#affiliates { 
	margin-top:10px;
	padding: 10px;
	padding-top:5px;
	padding-bottom:20px;
	background-color: #ddeff9;
	font-size:11px; 
	width: auto;
	height: 100%;
	position: relative;
}

.affiliate_link { margin: 5px; border: 5px solid black; }
	 
#side_links {
	margin-top: 10px;
	padding: 10px;
	font-size: 11px;
	position: relative;
	background-color:#0000CC;
	color:#FFF;
}

	 
/* main page news */	 
	 

#news { font-family: Helvetica, Arial, sans-serif; background-color: #eeeeee; }
#news_title { position:relative; color: #ffffff; font-size: 22px; letter-spacing: -1px;  font-weight:bolder; text-align:center; background-color:#fb9d23; }
#news_content { position:relative; padding-left: 15px; padding-right: 15px; 12px; padding-top:5px; padding-bottom: 5px; }
#news_time { position:relative; font-size:10px; float: left; margin-left:5px; margin-top: 3px; }
#news_author { position:relative; font-size:10px; float: right; margin-right:5px; margin-top: 3px; }
#news_comments_line { position:relative; text-align: right; font-weight:bold; padding:10px; }
	
a.maillink:link, a.maillink:visited, a.maillink:active { font-size:10px; color: #ffffff; TEXT-DECORATION: none; }
a.maillink:hover { font-size:10px; color: #ffffff; TEXT-DECORATION: underline; }


/* comments stuff */
.comment { width:70%; background-color: #ffffff; padding:10px; border-bottom: 1px black solid; } 
.comment2 { width:70%; background-color:#eeeeee; padding:10px; border-bottom: 1px black solid; }
table#comments_table { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 5px;}
table#submit_comment_table { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#fb9d23; color:#FFFFFF; }

.comment_poster { text-align:left; }
.comment_time { text-align:right; }

.smalltext { font-size: 10px; font-weight:bold; }
.comment_section_header { background-color:#000000; color: #FFFFFF; font-weight:bolder; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 12px; padding: 4px; }
.comment_username { color:#CC0000; font-weight:bold; }
.add_comment_header { font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.comment_body { margin-top: 10px; }

#comments_strip { font-weight: bold; color:#FFF; background-color:#000; padding-top: 7px; padding-bottom: 5px; }


/* game page stuff */
table#fullscreen_table { background-color:#FFFFFF; }

#game_credits_bar { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; }
a.fullscreen_link { float: right; font-weight:bold; font-size: 12px; padding-right: 15px; vertical-align:top; }

.game_info {color: #000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.game_flash_panel { padding: 20px; }

#game_info_header { padding:10px 50px 0px 50px; }
#game_info_footer { padding:20px 50px 30px 50px; }