/* home.css */

div#gallery{
  background: url(img/gal_bg.gif) top no-repeat;
  width: 302px;
  font-size: 0.69em;
  position: relative;
}
div#gallery a img{
  border-left: 5px #000 solid;
  border-right: 5px #000 solid;
  display: block;
}
div#galimg{
  clear: both;
  background: #C7C7C7 url(img/gal2_bg.gif) bottom no-repeat;
  padding-bottom: 7px;
}
div#gallery p, div#latest p{
  font-size: 1.09em;
  height: 26px;
  padding: 7px 0 0 14px;
}
div#gallery p b, div#latest p b{
  color: #FFC800;
  display: block;
  font-size: 1.17em;
  position: absolute;
  top: 5px;
  left: 3px;
}
div#galnav{
  background: url(img/galimg_bg.gif) no-repeat;
  position: absolute;
  width: 118px;
  height: 20px;
  top: 31px;
  left: 138px;
  padding: 6px 0 0 40px;
  font-size: 0.91em;  
}
div#galnav a{
  color: #fff;
  text-decoration: none;
  padding-right: 7px;
}
div#galnav a:hover{
  color: #FFCD00;
}
div#gallery ul{
  position: absolute;
  top: 5px;
  right: 6px;
}
div#gallery li{
  list-style-type: none;
  float: left;
  background: #000 url(img/galli_bg.gif) left no-repeat;
  height: 26px;
  width: 16px;
  padding: 2px 1px 0 4px;
}
div#gallery li#galfirst{
  background: #000 url(img/gallif_bg.gif) left no-repeat;
  width: 16px;
  padding-left: 26px;
}
div#gallery li#gallast{
  background: #000 url(img/gallil_bg.gif) left no-repeat;
  width: 18px;
  padding-left: 5px;
}
div#gallery li a{
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  height: 17px;
  width: 16px;
  padding-top: 5px;
  text-align: center;
}
div#gallery li a:hover{
  background: #FFCD00 url(img/galiah_bg.gif) no-repeat;
  color: #000;
  font-weight: bold;
}
div#latest{
  background: url(img/gal_bg.gif) top no-repeat;
  width: 302px;
  margin-top: 4px;
  position: relative;
}
div#latest ul{
  margin-top: -3px;
  margin-bottom: 0;
  padding-bottom: 0;
}
div#latest li{
  list-style-type: none;
  background: #000;
  border-right: 2px #C7C7C7 solid;
  width: 300px;
  position: relative;
  font-size: 0.69em;
  margin-bottom: -3px;
}
div#latest li#llast{
  background: #000 url(img/gal2_bg.gif) bottom no-repeat;
  padding-bottom: 7px;
  margin-bottom: 5px;
}
div#latest li a{
  display: block;
  background: #000;
  font-size: 1.09em;
  padding-left: 5px;
  color: #fff;
  text-decoration: none;
  line-height: 2em;
  font-weight: bold;
}
div#latest li a:hover{
  color: #FFCD00;
}
div#latest li p{
  position: absolute;
  top: -5px;
  right: 4px;
  font-size: 0.83em;
}
div#latest li p a{
  font-weight: normal;
  display: inline;
  padding: 0 5px;
}
div#latest a.y{
  color: #FFCD00;
}
div#ileft{
  float: left;
  padding: 6px 0 0 11px;
}
div#imid{
  float: left;
  width: 660px;
  padding: 6px 0 0 4px;
}
div#icenter{
  float: left;
  padding: 2px 0 0 4px;
}
div#ivideos{
  width: 655px;
  float: right;
  padding: 5px 6px 0 0;
}
div#ogames{
  width: 290px;
  margin-top: 5px;
  font-size:0.7em;
  background:#fff;
  border:1px solid #ccc;
  padding:4px;  
}

div#recadded {
	background:#fff;
	padding:4px;
	width:172px;
	border:1px solid #ccc;
	font-size:0.7em;
	margin:7px; auto;
}

div#ogames h2 {
	font-size:1.2em;
	border-bottom:1px solid #eee;
	padding-bottom:3px;
	margin: 0 0 3px 0;
	font-weight:bold;
	padding-left:2px;
}
div#ogames div {
	height:52px;
}
div#ogames a.gthumb img {
	float:left;
	border:2px solid #ccc;
	padding:2px;	
	width:40px;
	height:40px;	
	margin-right:4px;
}
div#ogames a.gthumb:hover img {
	border:2px solid #FFCD00;
}
div#ogames a.gtitle {
	font-weight:bold;
	text-decoration:none;
	/*font-size:1.2em;*/
}

div#ogames span {
	color:#999;
}





div#news, div#reviews, div#newgames{
  background: url(img/news_bg.gif) repeat-y;
  width: 325px;
}
div#downloads {
  background: url(img/news_bg.gif) repeat-y;
  width: 300px;
}
div#news{
  float: left;
}
div#newgames{
  float: left;
}
div.head select{
  font-size: 0.92em;
  width: 120px;
  padding: 1px 0;
  position: absolute;
  top: 3px;
  right: 5px;
}
div#daynews{
  font-size: 0.88em;
  color: #FFCD00;
  font-weight: bold;
  padding: 2px 2px 0 10px;
}
div#daynews h1{
  font-size: 1em;
  color: #000;
  padding: 0;
  margin: 0;
  display: inline;
}
div#daynews p{
  font-size: 0.79em;
  color: #000;
  font-weight: normal;
}
div#daynews a{
  color: #FFCD00;
  text-decoration: none;
}
div#daynews a:hover{
  text-decoration: underline;
}
div#news ul{
  width: 323px;
  padding-top: 8px;
  padding-right: 2px;
  background: url(img/newsf_bg.gif) bottom no-repeat;
  padding-bottom: 4px;
}
div#news li{
  clear: both;
  list-style-type: none;
  height: 24px;
  border-left: 10px #EDEDED solid;
  background: #F6F6F6;
  line-height: 2em;
  padding-left: 8px;
  font-size: 0.75em;
}
div#news li.nlw{
  border-left: 10px #fff solid;
  background: #fff;
}
div#news li a{
  width: 255px;
  color: #000;
  text-decoration: none;
  float: left;
  display: block;
  height: 24px;
  overflow:hidden;
}
div#news li a:hover{
  color: #BE0000;
}
div#news li p{
  float: right;
  background: #FBFBFB;
  color: #AAAAAA;
  font-size: 0.75em;
  padding: 0 10px 0 0;
  height: 24px;
}
div#news li.nlw p{
  background: #fff;
}
div#login{
  margin-top: 0px;
  background: url(img/login_bg01.gif);
  width: 325px;
  height: 50px;
  position: relative;
  font-size: 0.92em;
  color: #fff;
}
div#account{
  margin-top: 1px;
  background: url(img/account_bg01.gif) top repeat-y;
  width: 325px;
  height: 120px;
  position: relative;
  font-size: 0.92em;
  color: #fff;
}
a#account img {
padding:4px;
}
table#account {
font-size: 0.85em;
color: #fff;
}
table#account a {
font-size: 0.7em;
color: #FFCD00;
}
table#account a b {
color:white;
font-weight:bold;
}
div#login label input{
  display: block;
  border: 0;
  color: #AAAAAA;
  padding: 3px 3px;
  width: 105px;
  height: 13px;
}
div#login label#luname{
  position: absolute;
  top: 5px;
  left: 9px;
}
div#login label#lpass{
  position: absolute;
  top: 5px;
  right: 82px;
}
div#login input#slogin{
  position: absolute;
  top: 0px;
  right: 5px;
}
div#reviews{
  margin-top: 4px;
  background: #000 url(img/news_bg.gif) repeat-y;
}
div#reviewshead{
  height: 22px;
}
div#reviews ul{
  font-size: 0.75em;
  width: 323px;
  padding-top: 2px;
  background: #000 url(img/rev_bg.gif) repeat-y;
}
div#reviews div#rft{
  background: #000 url(img/revft_bg.gif) bottom no-repeat;
  margin-top: 4px;
  width: 325px;
  height: 7px;
}
div#reviews li{
  list-style-type: none;
  background: url(img/revt_bg.gif) left top no-repeat;
  width: 325px;
  padding-top: 1px;
  clear: both;
  position: relative;
}
div#reviews li.brev{
  background: url(img/revf_bg.gif) left top no-repeat;
  padding-top: 2px;
}
div#reviews li a{
  display: block;
  background: #fff;
  height: 70px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  margin-right: 2px;
}
div#reviews li a:hover{
  background: #FFCD00;
  color: #FFCD00;
}
div#reviews li span{
  display: block;
  background: #484848;
  float: left;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 2px;
  width: 217px;
  height: 69px;
  cursor: pointer;
  font-size: 1.17em;
}
div#reviews li.brev span{
  background: #000;
}
div#reviews li img{
  display: block;
  float: left;
  padding: 3px;
  border-top: 4px #5B5B5B solid;
  border-bottom: 4px #5B5B5B solid;
  border-left: 5px #5B5B5B solid;
  border-right: 5px #5B5B5B solid;
}
div#reviews li.brev img{
  border-color: #4D4D4D;
}
div#reviews li p{
  color: #C8C8C8;
  font-size: 0.83em;
  position: absolute;
  top: 20px;
  padding-top: 10px;
  padding-left: 10px;
  width: 206px;
  padding-right: 10px;
  height: 50px;
}
div#iright{
  float: right;
  font-size: 0.75em;
  padding: 6px 9px 0 0;
}
div#newgames{
  margin-left: 4px;
}

div#newgames div#nft{
  background: #000 url(img/revft_bg.gif) bottom no-repeat;
  /*margin-top: 4px;*/
  width: 325px;
  height: 7px;
}


/* NEW */

div#newgames table {
font-size: 0.75em;
border-right:2px solid #ccc;
}

div#newgames a {
text-decoration:none;
}

div#newgames a span#name {
  display:block;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1.17em;
  color:#fff;
  font-weight:bold;
}

div#newgames a:hover span#name {
  color: #FFCD00;
}

div#newgames a img{
  border: 2px solid #fff;
  max-height:60px;
  text-align:center;
  margin:2px 0 2px;
}
div#newgames a:hover img{
  border-color: #FFCD00;
}

div#newgames div#brief {
color: #C8C8C8;
font-size: 0.83em;
}
div#newgames div#score{
  color: #FFCD00;
  font-size: 0.83em;
  width: 56px;
  text-align: center;
}
div#newgames big{
  margin: 0;
  padding: 0;
  margin-top:7px;
  display: block;
  font-weight: bold;
  font-size: 3.00em;
  color: #fff;
}

/* ------- */




div#login{
  font-size: 0.75em;
}
div#loginr{
  background: url(img/loginr_bg.gif) no-repeat;
  height: 47px;
  width: 329px;
  padding-top: 3px;
  font-size: 0.92em;
  font-weight: bold;
  color: #fff;
}
div#loginr li{
 list-style-type: none;
 padding-left: 5px;
}
div#loginr a{
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
div#loginr a:hover{
  text-decoration: underline;
}
div#downloads{
font-size:0.6em;
  margin: 6px 0 0 0;
}
div#downloads div.head{
  font-size: 1.3em;
}
div#downloads div.head h2{
  color: #000;
}
div#downloadshead{
  height: 22px;
}
div#downc{
  border-right: solid #C7C7C7 2px;
  /*background: url(img/dowu_bg.gif) bottom no-repeat;*/
   background: url('img/top-downloads01.jpg') top repeat-x;
  border-bottom: solid #C7C7C7 2px;
  /*padding-bottom: 9px;*/
}
dvi#downloads ul{
  background: #C4C4C4;
  width: 300px;
}
div#downloads li{
  list-style-type: none;
  float: left;
  width: 298px;
  font-size: 1.17em;
  padding-bottom: 1px;
  /*background: url(img/dowl_bg.gif) bottom no-repeat;*/
}
div#downloads li#dllast{
  background: none;
  padding-bottom: 0px;
}
div#downloads li a{
  display: block;
  text-decoration: none;
  color: #7F590D;
  height: 27px;
  width: 298px;
  /*background: url(img/dow_bg.gif) repeat-y;
  border-bottom: 1px #FFA800 solid;*/
  border-top: solid #ffe931 1px;
  border-bottom: solid #ff9c11 1px;
  line-height: 1.93em;
}
div#downloads li#dllast a{
  border-bottom: none;

}
div#downloads li a:hover{
  background: #000;
  border-color: #000;
  color: #808080;
}
div#downloads ul b{
  display: block;
  float: left;
  width: 212px;
  cursor: pointer;
  color: #fff;
  margin-top: 3px; 
  padding-left: 3px;
}
div#downloads span.dcat{
  display: block;
  float: right;
  width: 52px;
  font-size: 0.79em;
  cursor: pointer;
  margin-top: 3px;  
  text-align:center;
}
div#downloads span.dsize{
  display: block;
  float: right;
  width: 50px;
  font-size: 0.79em;
  padding-right: 1px;
  cursor: pointer;
}
div#downloads span.dnr{
  display: block;
  float: left;
  width: 20px;
  padding-left: 3px;
  margin-right: 2px;
  margin-top: 3px;
  cursor: pointer;
  color: #fff; 
}
div#cheats{
  float: right;
  width: 654px;
  margin: 4px 9px 0 0;
  background: url(img/chs_bg.gif) repeat-y;
}
div#cheats ul{
  font-size: 0.75em;
}
div#cheats li{
  list-style-type: none;
  height: 26px;
  background: url(img/chli_bg.gif) no-repeat;
  width: 652px;
  color: #aaa;
  padding: 0;
  margin: 0;
  font-size: 0.92em;
  line-height: 2.36em;
  float: left;
}
div#cheats li.chli{
  background: #fff;
}
div#cheats li div{
  float: left;
  height: 12px;
  padding-left: 24px;
  width: 223px;
}
div#cheats li a{
  font-size: 1.09em;
  color: #aaa;
  text-decoration: none;
  font-weight: bold;
}
div#cheats li a:hover{
  color: #000;
}
div#cheats li div a{
  color: #000;
}
div#cheats li div a:hover{
  color: #BE0000;
}
div#cheats li p{
  float: left;
  width: 121px
}
div#chbg{
  clear: both;
  background: url(img/chu_bg.gif) no-repeat;
  height: 3px;
  width: 652px;
}
div#screenshots {
  margin-top: 5px;
  width: 300px;
}
div#screenshots table {
font-size: 0.75em;
border-right:2px solid #ccc;
}

div#screenshots a {
text-decoration:none;
}

div#screenshots a span#name {
  display:block;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1.17em;
  color:#fff;
  font-weight:bold;
}

div#screenshots a:hover span#name {
  color: #FFCD00;
}

div#screenshots a img{
  border: 2px solid #fff;
  max-height:60px;
  max-width: 90px;
  text-align:center;
  margin:2px 0 2px;
}
div#screenshots a:hover img{
  border-color: #FFCD00;
}

div#screenshots div#brief {
color: #C8C8C8;
font-size: 0.83em;
}
div#screenshots div#nft{
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
}