/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.gif) 0 0 repeat-x; color:#848484; font:10px/12px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0;}

p a{font:10px/12px Tahoma, sans-serif; color:#60b13b; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Tahoma, Trebuchet MS, sans-serif; color:#464646; font-weight:bold}
p.subtitle{font:11px/12px Tahoma, Arial, Helvetica, sans-serif; color:#b2b2b2; text-transform:uppercase; display:block; border-bottom:#b2b2b2 1px dotted; padding-bottom:10px; padding-left:3px}

#container{width:775px; margin:0 auto; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat}

/* HEADER */

#header{height:184px; position:relative; margin:0 auto}

#logo{position:absolute; top:14px; left:51px}

#searchForm{position:absolute; top:21px; left:473px}

#searchForm img#h_search{float:left; margin-right:5px; padding-top:1px}
#searchForm input{width:112px; height:14px; background:#4a4a4a; float:left; margin-right:5px; font:10px/12px Tahoma, sans-serif; color:#fff; border:none}
#searchForm img#submit{float:left; padding-top:1px}

#header ul.menu{position:absolute; top:58px; left:63px; width:675px}
#header ul.menu li{float:left; width:97px; height:97px; margin-right:11px}
#header ul.menu li a{ width:97px; height:97px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{ width:97px; height:97px;}

#header ul.menu li.home a{ background:url(../images/btn_1.jpg) 0 0 no-repeat; }
#header ul.menu li.home a:hover{background:url(../images/btn_1_over.jpg) 0 0 no-repeat;}

#header ul.menu li.previews a{background:url(../images/btn_2.jpg) 0 0 no-repeat; }
#header ul.menu li.previews a:hover{background:url(../images/btn_2_over.jpg) 0 0 no-repeat;}

#header ul.menu li.reviews a{background:url(../images/btn_3.jpg) 0 0 no-repeat; }
#header ul.menu li.reviews a:hover{background:url(../images/btn_3_over.jpg) 0 0 no-repeat;}

#header ul.menu li.new a{background:url(../images/btn_4.jpg) 0 0 no-repeat; }
#header ul.menu li.new a:hover{background:url(../images/btn_4_over.jpg) 0 0 no-repeat;}

#header ul.menu li.top a{background:url(../images/btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.top a:hover{background:url(../images/btn_5_over.jpg) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{background:url(../images/btn_6.jpg) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{background:url(../images/btn_6_over.jpg) 0 0 no-repeat;}

/* CONTENT */

#content{
	width:695px;
	min-height: 700px;
	position:relative;
	margin:0 auto;
	clear:both;
}

#leftPan{width:188px; margin:17px 0 0 0; float:left;}
#rightPan{width:468px; float:right;}

#leftPan2{width:315px; float:left;}
#rightPan2{width:380px; float:right;}

#leftPan3{width:125px; float:left;}
#rightPan3{width:550px; float:right;}

#leftPan4{width:345px; float:left; padding-bottom: 10px;}
#rightPan4{width:345px; float:right; padding-bottom: 10px;}

#welcome{
  width:670px; 
  margin-left:11px; 
  margin-bottom:30px;
}

#welcome div{
  height: 60px;
  margin-bottom: 27px;  
}

#welcome h2{
  /*height:60px;*/ 
  position:relative; 
  /*background:url(../images/h_welcome.gif) 0 0 no-repeat;*/ 
  margin-bottom:17px;
  color: #0DB9E1;
  text-transform: uppercase;
  font-size: 36px;
  padding-top: 10px;
}
#welcome h3{
  color: #878787;
  text-transform: uppercase;
  font-size: 26px;
}

#welcome p.subtitle{margin-bottom:15px}

#welcome ul, #gamesmenu ul, , #fgamesmenu ul{width:135px; float:left;}
#welcome ul li, #gamesmenu ul li{font:10px/14px Tahoma, Geneva, sans-serif; background:url(../images/check.gif) 0 0 no-repeat; padding-left:22px; height:20px;}
#welcome ul li a, #gamesmenu ul li a, #fgamesmenu ul li a{color:#878787; text-decoration:underline;}
#welcome ul li a:hover, #gamesmenu ul li a:hover, #fgamesmenu ul li a:hover{color:#000; text-decoration:none;}
#welcome ul#list01, #gamesmenu ul#list01, #fgamesmenu ul#list01{margin:0 10px -0 3px}

#fgamesmenu ul li{font:10px/14px Tahoma, Geneva, sans-serif; background:url(../images/fcheck.gif) 0 0 no-repeat; padding-left:22px; height:20px;}

#previews h2{height:23px; position:relative; background:url(../images/h_previews.gif) 14px 0 no-repeat; margin-bottom:13px}

#previews p span.headline{display:block; margin-bottom:2px}

.previewItem01{display: block; height:76px; background:#f7f7f7; margin-bottom:5px; }
.previewItem01 img{float:left; margin:4px 14px 0 18px;}
.previewItem01 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem01 .score{width:47px; height:47px; background:url(../images/b_score.gif) 0 0 no-repeat; margin:5px 0 0 0; float:left}
.previewItem01 .score p{ text-align:center; font: 11px/20px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem01 .score p span{ font: 14px/20px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

.previewItem02{display: block; height:76px; margin-bottom:5px; }
.previewItem02 img{float:left; margin:4px 14px 0 18px;}
.previewItem02 .previewText{width:147px; margin-right:6px; float:left; margin-top:7px}
.previewItem02 .score{width:47px; height:47px; background:url(../images/b_score.gif) 0 0 no-repeat; margin:5px 0 0 0; float:left}
.previewItem02 .score p{ text-align:center; font: 11px/20px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-top:3px }
.previewItem02 .score p span{ font: 14px/20px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold }

#ad{margin-bottom:20px;}
#ad img#mainImg{margin:0; height:199px}
#description{height:85px; background: url(../images/back_feat.gif) 0 0 no-repeat; position:relative}
#title{width:225px; margin:11px 0 0 22px; }
#title h2{height:19px; background:url(../images/name_feat.gif) 0 0 no-repeat; margin-bottom:10px}

#stars{width:80px; position:absolute; top:11px; left:281px}
#stars img{margin-bottom:5px; clear:both}
#stars p{text-align:right; font:11px/14px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#stars p span{ font-weight:bold}

#description ul{width:90px; height:29px; position:absolute; top:56px; left:277px; background:url(../images/b_btn_feat.gif) 0 0 no-repeat; }
#description ul li{text-align:center; padding-top:8px}
#description ul li a{font:11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase}
#description ul li a:hover{color:#c0e4f6}

#new{width:350px; margin-left:21px; margin-bottom:10px}
#new h2{height:23px; position:relative; background:url(../images/h_new.gif) 0 0 no-repeat; margin-bottom:17px}
p.moremore{
  text-align: right;
}
p.moremore a{
  /*color: #FA8911;*/
  color: #51382C;
  font-weight: bold;
}

p.moremore a:hover{
  color: #CD1A15;
}

.new3{
  width: 100%;
  margin-left:18px; 
  margin-bottom:10px;
}

.new3 h2{
  height:23px;
  position: relative;  
  /*background:url(../images/h_new.gif) 0 0 no-repeat;*/ 
  padding-bottom:7px;
  padding-top: 17px;
}

.newItem {width:165px; float:left; margin-right:10px; margin-bottom:13px}
.newItem img{float:left; margin-right:10px}
.newItem p{width:85px; margin-bottom:10px; padding-top:0px; float:left}
.newItem ul.btn_more{float:left; height:14px}
.newItem ul.btn_more li{ height:14px; background:url(../images/arrow.gif) 0 0 no-repeat; padding-left:22px}
.newItem ul.btn_more li a{font:11px/12px Tahoma, Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; text-transform:uppercase}
.newItem ul.btn_more li a:hover{color:#000}


.newItem3 {width:160px; float:left; margin-right:10px; margin-bottom:13px}
.newItem3 img{float:left; margin-right:10px}
.newItem3 p{width:85px; margin-bottom:10px; padding-top:0px; float:left}
.newItem3 ul.btn_more{float:left; height:14px}
.newItem3 ul.btn_more li{ height:14px; background:url(../images/arrow.gif) 0 0 no-repeat; padding-left:22px}
.newItem3 ul.btn_more li a{font:11px/12px Tahoma, Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; text-transform:uppercase}
.newItem3 ul.btn_more li a:hover{color:#000}


#wanted{width:340px; margin-left:21px;}
#wanted h2{height:23px; position:relative; background:url(../images/h_wanted.gif) 0 0 no-repeat; margin-bottom:6px}
#wanted p.subtitle{margin-bottom:10px}
#wanted img{float:left; margin-right:10px}
#wanted p span.headline{display:block; margin-bottom:2px; padding-top:2px}

/* FOOTER */

#footer{
  height:135px; 
  clear:both; 
  margin:15px auto 0 auto; 
  background:url(../images/b_footer.gif) 0 0 repeat-x;
}
#footer p{padding: 25px 0 0 0; font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:12px/16px Tahoma, Geneva, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}
#sponsor{
	width:756px;
	margin:0 auto;
	text-align: center;
	padding: 0px 0px 15px 0px;
}

/* Gradient */

.gradient1 {
	background: #fff;
	padding: 30px 0 0px 30px;
	margin: -29px 0 20px;
	height: 88px;
}
.gradient1 h1 {
	font: bold 330%/100% Tahoma, "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #464646;
}
.gradient1 h1 span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

.gradient1 h2 {
	font: normal 150%/100% Tahoma, "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #464646;
}

.gradient4 {
	background: #000 url(../images/gradient4-bg.png) repeat-x left bottom;
	padding: 30px 0 30px 30px;
	margin: -30px 0 20px;
}
.gradient4 h1 {
	font: normal 340%/100% Tahoma, "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
}
.gradient4 h2 {
	font: normal 150%/100% Tahoma, "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #b7b7b7;
}
.gradient4 span {
	background: url(../images/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
} 

/* image border*/
div#gameinfo {
  /*width: 204px;*/
  float: left;
  padding: 0 10px 5px 0;
}
div#gameinfo div#gameposter img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}
div#gameshort{
  padding: 10px 0;
}
div#gamebuy{
  /*background: url(../images/download_button.gif) no-repeat center bottom;*/
	width:203px;
	height:47px;
}
div#screenshots h2{
  padding: 5px 0;
}
div#screenshots ul{
  text-align: center;
}
div#screenshots ul li{
  display: inline;
  list-style-type: none;
  padding-right: 50px;
}
div#screenshots ul li img{
  padding-bottom: 20px;
}

/* games page */
#gamesmenu, #fgamesmenu{
  width:185px; 
  margin-left:11px; 
  margin-bottom:30px;
}
#gamesmenu h4, #fgamesmenu h4{
  height:23px; 
  position:relative; 
  background:url(../images/genres.gif) 0 0 no-repeat; 
  margin-bottom:2px;
}

#new2{
  width:490px; 
  margin-left:21px; 
  margin-bottom:10px;
}
#new2 h2{
  height:23px; 
  position:relative; 
  /*background:url(../images/h_new.gif) 0 0 no-repeat;*/ 
  margin-bottom:17px;
}
#new2 h3{
	padding-bottom: 3px;
}

/* FOR PC GAMES*/
.gamesitem {
  width:480px;
  margin-right:10px;
  margin-bottom:13px;
  text-align: left;
}
.gamesitem img{
  float:left; 
  margin-right:10px;
}
.gamesitem img.mid{
  padding:1px;
  border:1px solid #021a40;
  background-color:#f3f3f3;
}
.gamesitem p a{
  font-size: 16px;
  text-align: left;
}
.gamesitem p{
  margin-bottom:10px;
  text-align: left;
  width: 100%;
}

/*
.gamesitem ul.btn_more{height:14px}
.gamesitem ul.btn_more li{ height:14px; background:url(../images/arrow.gif) 100% 100% no-repeat; padding-right:22px; text-align: right;}

.gamesitem ul.btn_more li a{font:11px/12px Tahoma, Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; text-transform:uppercase;}
.gamesitem ul.btn_more li a:hover{color:#000}
*/
/*
gamesitem ul.btn_more li a img{
  text-align: right;
  border: 0;
  padding-left: 60px;
}
*/





/* FOR FLASH GAMES*/
.gamesitem2 {
  width: 100px;
  height: 100px;
  margin-right:10px;
  position:relative;
  float: left;
}

.gamesitem2 .gtitle{
	position:absolute;
	background:rgba(243,243,243,.8);
	width:100%;
	bottom:0;
	left:0;
}
.gamesitem2 .gtitle span{
	display:block;
	padding:2px;
	padding-left: 4px;
	color:#000;
	font-weight:bold;
}

.partnerships{
	padding-bottom: 10px;
	color: #000;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.partnerships ul.btn_more{
	text-align: right;
	color: #000;
	text-decoration: underline;
}
.partnerships ul.btn_more li a{
	color: #000;
	text-decoration: underline;
}

.pagination{
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
.pagination a
    {
    padding: 2px 5px;
    font-size: 9pt;
    background: #f7f7f7;
    border: 1px solid #c7c7c7;
    color: #000000;
    text-decoration: none;
    margin: 0px 1px;
    font-weight: bold;
    }

.pagination a:hover
    {
    background: #cccccc;
    border: 1px solid #666666;
    text-decoration: none;
    }

.pagination a.active
    {
    background: #666666;
    border: 1px solid #666666;
    color: #ffffff;
    font-weight: bold;
    }

.pagination a.active:hover
    {
    background: #666666;
    }

.pagination span
    {
    font-weight:bold;
    padding:0 5px;
    }

#fgame{
  width:100%;
  text-align: center;
}
.flashbody{
  margin:0 auto;
  text-align: center;
}
#fgame{
  border: solid 1px #4A4A4A;
}

.box-left {
	margin: 0 0 40px 0;
}

#screenshots h2, #comments h2{
  padding-top: 10px;
}

/*	##################################
   	COMMENTS
	################################## */
	
h4#comments, h4#respond {
	margin:10px 0 20px 0;
}	
	
.comment {
	margin:0 0 20px 0;
	padding: 10px;
	background: #f7f7f7;
	border-top: 1px solid #ccc;
}

.comment-1{
  display: block;
  padding: 5px 0 10px 5px;
  margin-bottom:5px; 
  background:#f7f7f7;
}

.comment-2{
  display: block; 
  padding: 5px 0 10px 5px; 
  margin-bottom:5px;
}

.avatar {
	float: left;
	margin:0 10px 0 0!important;
}

.comment-details {
	margin: 0 0 10px 0;
}

.comment-text p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

/** COMMENT FORM */

#commentform label {
	display: block;
	margin: 0 0 5px 0;
}

input.text {
	width: 390px;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
}

textarea {
	width: 390px;
	height: 100px;
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
}

.red_text{
	background-color: Red;
	color: White;
	padding: 5px;
	font-weight: bold;
}

.green_text{
	background-color: Green;
	color: White;
	padding: 5px;
	font-weight: bold;
}

.ssp{
  padding-top: 20px;
  clear: both;
}
.ssp a{
  color: #848484;
}
#fulldesc{
	font-size: 12px;
}
.jscreen{
	float: left;
	width: 128px;
	border: 3px solid #D9D9D9;
	background-color: #D9D9D9;
}
.jscreen2{
	float: left;
	width: 180px;
}
.jdesc{
	padding-left: 138px;
}
.jdesc h1{
	font-weight: bold;
	padding-top: 0;
	margin-top: 0;
	line-height: 20px;
}
.jdesc p{
	font-size: 12px;
}
table.freejava2{
	width: 100%;
	padding-top: 30px;
}
table.freejava2 tr td{
	width: 33%;
}
table.freejava2 tr td.buy{
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #3F76E6;
	border-top: solid 1px #3F76E6;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}
table.freejava2 a{
		color: #3E9722;
}
table.freejava2 a:hover{
		text-decoration: none;
}
table.freejava2 tr td.buy strong{
	background-color: #F6D773;
	color: #000;
}
.jdown a{
	font-weight: bold;
	font-size: 12px;
}
.jdown{
	text-align: center;
	padding-top: 15px;
}
#jimages{
	padding-left: 82px;
}
#jimages .jscreen2{
	padding-bottom: 10px;
}
#jimages p{
	width: 555px;
}
#sms{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: solid 1px #3F76E6;
	border-top: solid 1px #3F76E6;
	margin-top: 5px;
	line-height: 14px;
}
#sms strong{
	background-color: #F6D773;
	color: #000;
}

#subcont{
  position: absolute;
  top: 280px;
  left: 740px;
}
.init{
	text-align: center;
}
.interest{
	text-align: center;
	padding-top: 7px;
}
#leftcont{
  position: absolute;
  top: 280px;
  left: -125px;
}
.left{
	float: left;
	width: 49%;
}
.right{
	float: right;
	width: 50%;
}
#oyunreklam{
	text-align: center;
}
table.table, table.table tr,table.table tr th,table.table tr td{
	border: 1px solid #000;
}
.share{
	text-align: center;
}