/* STANDARD TAG REDEFINITIONS */
body{ color: #CDCDCD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #060606; margin: 0; padding: 0;  line-height: 1.5em;                 }
td {font-size: 10pt;  }
p { font-size: 10pt;  margin-bottom: 7px; margin-top: 0; }
a{ color: white; text-decoration: none; }
a:hover{	text-decoration: underline;  color: White;   }
form, img, div{	margin:0; padding:0; border:none; }

/* LAYOUT */
#Logo{ background-color: Black; margin-top:20px; border-top:1px solid #333333; background-image: url(bg_logo.gif); background-repeat: repeat-x; height: 118px;  background-position: center;  }
	#Logo h1{ background-image: url(logo.gif); background-repeat: no-repeat; width: 514px; height: 137px; margin: 0; margin-left: auto; margin-right: auto; }
	#Logo h1 b{ display: none; }
#Topdiv{ background-color: #989898;  background-image: url(bg_platform.gif);  background-repeat: repeat-x;  height: 15px;  line-height: 10px;  background-position: center;      }
#Mainnav{ position: absolute; top: 0; height: 18px; padding-top:2px; overflow:hidden; width: 100%; background: #000000; }
#Nav{ text-align: right;  font-size: 10px; font-family: "MS Sans Serif", Geneva, sans-serif; background-image: url(bg_nav.gif);  background-repeat: repeat-x;  height: 31px;   text-align:center;    }
#Topad{ height: 90px; padding: 12px 0; padding-bottom: 20px;text-align: center; background-color: #060606; }
#Content{  float: left; width: 100%; background-image: url(bg_page.jpg); background-repeat: repeat-x;  background-position: top center;  }
	#Content .wrap{ width:970px; margin-left:auto; margin-right:auto;  }

#Main{ padding: 24px 20px 0 20px; float: left; width: 550px; min-height:500px; background: url(bg_main.jpg) no-repeat;   }
* html #Main{ height: 500px; }
#MainGame{ padding: 100px 20px 0 20px; float: left; width: 740px;  background: url(bg_maingame.jpg) no-repeat;   }
#Left{ width: 180px; float: left; margin-right:10px; padding-top:33px;   }
#Right{ width: 180px; float: right;  padding-top:33px; }

/* CONTENT */
#Mainnav .wrap{ margin: 0 auto; width: 970px; text-align:center; }
#Mainnav ul{ list-style: none; margin:0 auto; font-size:11px; }
#Mainnav li{ padding: 0 18px; margin:0; display:inline; }
#Mainnav a{ color: #666666; }
#Mainnav a:hover{ color: #FFFFFF; }

#Nav ul{ padding: 0; margin: 0; }
#Nav li{ padding: 0 20px 0 20px; margin:0; line-height: 28px; display: inline;  border-left: 1px solid #5E5E5E;  border-right: 1px solid #5E5E5E;   }
#Nav a{ color: #8D8D8D; font-weight: bold; font-size: 11px; }
#Nav a:hover{color:white; text-decoration: none;}

.clear{ clear: both; font-size:1px; height:1px; line-height:1px; }
.small{	font-size: 11px;}
.hidden{ display: none; }
.left{ float: left; }
.right{ float: right; }
.tc{ text-align: center; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.width100{ width: 100%; }

h2{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 10pt; border-bottom: 1px solid #838383;  margin: 0 0 5px 0;  padding: 0 0 2px 0;  color: #CCCCCC;    }
h2.Large{ font-size: 13pt; }
h2.sidecaption{ font-weight: normal; line-height: 22px; height: 26px; color: white; font-size: 9pt;   margin-top: 2em;  background-image: url(bg_sidecaption.gif);  background-repeat: no-repeat;  padding: 0 0 0 14px;  text-transform: uppercase;  font-family: "MS Sans Serif", Geneva, sans-serif;  border-bottom: none;        }
h3{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 11pt;   margin: 0 0 5px 0;  padding: 0 0 2px 0;  color: White;    }
p.Rating{ text-align:right; margin: 10px 0 0 0; font-family: "MS Sans Serif", Geneva, sans-serif; font-weight: bold; }
.AD{ height: 60px; text-align:center; padding: 9px 0 9px 0; background-color: Black; border-bottom: 1px solid #313131;  clear: both; float: left; width: 100%; }

/* Path */
p.Path{ margin: 0 0 20px 0;padding-left: 11px; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px;  color: white;  }
	p.Path span{ color: #9b9b9b; }
	p.Path a{text-decoration: none; color: #b5b5b5; padding-right: 11px; margin-right: 1px;  background-image: url(ico_path.gif);  background-position: right;  background-repeat: no-repeat;    }
	p.Path a:hover{ color: white; border-bottom:none;	}

/* Featured game */
.Featured{ clear:both; padding-bottom:30px; float:left; width:100%;	}
	.Featured h2{ border-bottom:none;	}
	.Featured a{ color: white; text-decoration: none; }
	.Featured img.Thumb{ float:left; margin: 0 10px 5px 0;  border: 1px solid #D3D3D3;  }	
	.Featured p{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
	.Featured p.Description{ display: block; overflow: auto; scrollbar-base-color: Black; scrollbar-3dlight-color: #404040; scrollbar-shadow-color: Black; scrollbar-face-color: #232323; scrollbar-darkshadow-color: #232323; scrollbar-track-color: Black; scrollbar-arrow-color: #6A6A6A;  scrollbar-highlight-color: #272727;  padding: 0;  text-align: justify;  font-family: "MS Sans Serif", Geneva, sans-serif;  color: #D4D4D4;  height: 6em;        }
	.Featured a:hover{ text-decoration: none; }
	
/* Games list on the front page */
div.GamesRow{	float:left;	margin: 9px 0 0px 0;}
div.mask {	position: absolute;  top: 0;  left: 0; width:111px; height:90px;  cursor: hand;  }
div.mask[class] {  background: url(game_frame.png) no-repeat;  }
.Category{ clear:both; padding:0px 0 20px 0; float:left; width:100%;	}
	.Category .Game{ width: 270px; float: left; margin: 7px 0 7px 0;  } 
	.Category a{ color: white; text-decoration: none; }
	.Category a:hover{ color: #CCCCCC; }
	.Category div.Thumb {  position: relative;  float:left; display: block; font-size:8px; width: 111px; height: 90px; margin:0 8px 3px 0;}
	.Category img.Thumb{ position:absolute; top: 3px; left: 3px; width: 105px; height: 72px; }
	.Category .Desc{ padding-right: 10px;  font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #9B9B9B; }
	.Category .All{ float:left; width:100%; text-align: right; background-image: url(bg_all_in.gif); height: 31px; line-height: 18px;  background-repeat: no-repeat;  background-position: right;   }
	.Category .All a{ font-weight: bold; margin-right: 42px; text-transform: uppercase; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
	.Category .All a:hover{ text-decoration: none; position:relative; left:1px; }
	.Category .Title{ margin-bottom:4px; font-size: 13px;  font-weight: bold;  text-transform: uppercase;  font-family: Tahoma, Arial, Helvetica, sans-serif;  letter-spacing: -0.005em;               }
	.Category .Title a{ text-decoration: none;   }

	/* Rating on the front or category page */
div.Rating{ width: 63px; height: 14px; position: absolute;  top:76px; left:5px; background-repeat: no-repeat;  }
	div.starna{ background-image: url(starna.gif); }
	div.star10{ background-image: url(star10.gif); }
	div.star15{ background-image: url(star15.gif); }
	div.star20{ background-image: url(star20.gif); }
	div.star25{ background-image: url(star25.gif); }
	div.star30{ background-image: url(star30.gif); }
	div.star35{ background-image: url(star35.gif); }
	div.star40{ background-image: url(star40.gif); }
	div.star45{ background-image: url(star45.gif); }
	div.star50{ background-image: url(star50.gif); }

	
.combo{ width: 176px; background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; }
input.search{ width: 142px; height:14px; background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; }
input.btnsearch{ width:28px; height:20px; font-size:11px; background-color: black; color: #CCCCCC; border: 1px outset black; 	}
ul.list{ list-style: none; padding: 0; margin:0; }
	ul.list li{ padding: 0 0 0 16px; margin: 0 0 4px 0; background: url(ico_news.gif) no-repeat 1px 4px;}
	ul.hot li{ background: url(ico_fire.gif) no-repeat 0 0; }
	ul.top li{ background: url(ico_toprate.gif) no-repeat 2px 3px; }
ul.news li{margin-bottom:7px; }
	ul.news .title{ font-size: 11px; display: block; display: block; font-weight: bold;  color: #CCCCCC;  }
	ul.news .date{ font-weight: normal; }
	ul.news .more{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold;  }

	/* Feedback form and comments */
#feedbackread{ display: block; }	
#feedbackpost{ display: none; }
#feedbacknav_in{	position:absolute; left:0; top:0; width:180px; height:23px; background-image: url(inbox_post.gif);	background-repeat: no-repeat;  display: none; }
#feedbacknav_out{	position:relative; width:180px; height:23px; background-image: url(inbox_read.gif);	background-repeat: no-repeat;}
	#feedbacknav_out a{ position: absolute; top:1px; font-weight:bold; text-decoration: none; display:block; color: #bbbbbb;  }
	#feedbacknav_out a.Read{ left:30px; }
	#feedbacknav_out a.Post{ left:122px; }
	#feedbacknav_out a:hover{ color: #ffffff; }
#feedbackread{padding:10px 3px 0 3px;  }
	#feedbackread p{ background: url(ico_comments.gif) no-repeat 0 10px;  padding: 8px 4px 0 20px;     }
	#feedbackread .User{ text-align:right; display:block; font-style: normal; font-size:11px; padding-left:15px; }
#feedbackpost{ padding: 10px 0px 0 0px; }
#feedbackpost textarea{ border: 1px inset black;  overflow: auto; width: 172px; padding:3px;  background-color: black;  color: #e1e1e1;    }
#feedbackpost input.Button{ font-size:11px; line-height: 15px; width: 65px; height: 20px; padding: 0; border:none; background-image: url(btn_side_short.gif);  background-repeat: no-repeat;  background-color: black;  color: white;  font-weight: normal;     }

/* Form styles */
Form{ margin: 0 0 1em 0; width:100% }
Form.Form{ }
div.Block{ padding:0 0 10px 0;  }
.Block .Title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-size: 0.85em; font-weight: bold;   	}
.Block .Title b{ color: #FB0000;  margin-left: 0.3em;  }
.Error{ display: block; font-size:0.85em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: Red; font-weight: bold; }
.Message{ display: block; font-size: 1.2em; 	font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;  font-weight: normal;  text-align: center;  }
input.Text{ width: 278px; height: 18px; background-color: black; border: 1px inset #343434;   padding: 2px;  color: #CCCCCC;   }
textarea{ width: 255px; height: 125px; border: 1px solid; border-color: #222222 #686868 #686868 #222222; background-color: black; color: #CCCCCC; overflow: auto; }
select{	background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; }

/* GAME PAGE */
#MainGame p.Path{	float:left; width:550px;}
#star-rating{ background: url(star_rating.gif) repeat-x left -1000px; float:right; height:20px; width:70px;}
	#star-rating a:hover,
	#star-rating a:active,
	#star-rating a:focus,
	#star-rating .current-rating{ background: url(star_rating.gif) repeat-x left -1000px; }
	#star-rating{ position: relative; width: 70px; height: 20px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
	#star-rating li{ display: inline; line-height:20px; }
	#star-rating a,
	#star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 20px; line-height: 20px; outline: none; overflow: hidden; border: none; }
	#star-rating a:hover,
	#star-rating a:active,
	#star-rating a:focus{ background-position: left bottom; }
	#star-rating a.one-star{ width: 20%; z-index: 6; }
	#star-rating a.two-stars{ width: 40%; z-index: 5; }
	#star-rating a.three-stars{ width: 60%; z-index: 4; }
	#star-rating a.four-stars{ width: 80%; z-index: 3; }
	#star-rating a.five-stars{ width: 100%; z-index: 2; }
	#star-rating .current-rating{ z-index: 1; background-position: left center; }

	#Game{ float:left; width:736px; padding:0 2px 150px 2px; text-align:center;  color: #454545;    }

	h3.comments{ color: #d3d3d3; font-size: 15px;  font-weight: normal; margin-bottom:15px; }
	div.comments{ width: 420px; float: left; padding: 0 0 30px 0; }
	p.comments{ color: #a6a6a6; margin: 0 0 9px 0; font-size: 10pt; text-align: justify;  background: url(ico_comments.gif) no-repeat 0 2px;  padding-left: 20px;      }
		p.comments span{ font-size: 11px; color: #d0d0d0;     }	
	.addcomment{ font-size: 9pt; float:right; width: 300px; padding-bottom:30px; }
		.addcomment span{ display: block; }
		.addcomment textarea{ width: 300px; height: 125px;  }
		.addcomment .btn{ font-size: 11px; line-height: 20px; width: 85px; height: 25px; padding: 0; border: none; background-image: url(btn_medium.gif); background-repeat: no-repeat; background-color: #272a2e; color: #d9d9d9; font-weight: bold; }
	
	
#Footer{	float:left; width:100%; height:117px; padding-top:8px; background: url(bg_footer.gif) repeat-x top center;  }
	#Footer .wrap{ width: 970px; margin: 0 auto; padding-bottom: 15px; }
	#Footer .left{ width: 650px; padding-top: 9px; }
	#Footer p{ font-size: 11px; line-height: 14px; margin: 0;  color: #CCCCCC; }
	#Footer a{ font-size: 11px; font-weight: normal; text-decoration: none; color: #8F8F8F; }
	#Footer a:hover{ color: white; text-decoration: underline; }