body {
	background: #FFFFFF url(images/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F7772;
	width: auto;	
}

.wrapper { position: relative; width: 980px; margin: 0pt auto;}

.main {
	
	background-position: center top;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width:980px;
	display:table; /* FireFox hack */
	text-align:left;
}

.header {
	height:162px;
	width:980px;
	background-position: center top;
	background-image: url(images/onlinejatekvar.png);
	background-repeat: no-repeat;
	text-align: center;
}

.adtop {
	text-align:center;
}

.adside {
	position:absolute;
	top:178px;
	left: 781px;
	z-index:1;	
}

.rightside {
	float:left;
	margin: -16px 0 60px 14px;
	width:565px;
}

.leftside {
	float:left;
	margin: 0px 0 -5px 8px;
	width:191px;
	background-color: #FFFFFF;
	background-position: left top;
}

.leftside h2, .adside h2 {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 15px;
	letter-spacing: -1px;
	color: #327EBE;
	background-image: url(images/img10.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


.leftside li, .adside li {
	font-family: verdana,arial,times;
	font-size:12px;
	margin:0 5px 2px -5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	list-style-position: outside;
	list-style-image: url(images/img11.gif);	
}

.leftside li a, .adside li a {
	color: #999999;
	text-decoration: none;
	padding: 1px 2px 0px 2px;
	list-style-type: none;
	
}

.leftside li a:hover {
	color: #009900;
	text-decoration: none;	
}

.sidebarback {
	width:191px;
	max-width:191px;
	background-color: #E4F1F9;
	margin-top: -5px;
}
		

.footer {
	clear:both;
	height:107px;
	width:900px;
	margin: 0 auto;
	font-size:80%;
}

.footertext {
	color:#000000;
	padding:0 50px 0 0;
	text-align:left;
}

a img {
	border:none;
}

#blockdiv img {
	max-height: 50px;
	max-width: 50px;
	padding: 0 40px 0px 40px;
	width: expression(this.width > 50 ? 50: true);
	height: expression(this.height > 50 ? 50: true);
	position:relative;
	top:-172px;
	z-index:1;
}

#blockdiv a img {
	max-height: 80px;
	max-width: 101px;
	padding: 0 0 0 0;
	width: expression(this.width > 101 ? 101: true);
	height: expression(this.height > 80 ? 80: true);
	position:relative;
	top:-15px;
	left:33px;
}
#blockdiv {
	float:left;
	width:150px;
	height:240px;
	overflow:hidden;
	background-image: url(images/jbg.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#blockdiv h4 {
	text-align:center;
	font-size:95%;
	position:relative;
	top:0px;
}

.block {
	margin-left:auto;
	margin-right:auto;
	width:560px;
}

.bottomnav {
	margin-left:auto;
	margin-right:auto;
	float:right;
}
.bottomnav a{
	text-decoration:none;
	font-family:verdana,arial;
	font-size:20px;
	color:#000000;
	position:relative;
	top:3px;
}

#blockdiv .spacer {
	padding:0 40px 0 40px;
	margin:0;
	top:0;
}

/* SCRIPT DEPENDANT CSS (NON AMTheme 3) */

.detail {
	background:#5993eb;
	border:1px solid #333333;
	margin:0 0 -65px 0;
	padding: 5px 10px 5px 10px;
	position:relative;
	color:#000000;
}

.playnow a img{
	z-index:0;
	position:relative;
	left:471px;
	top:-3px;
}

.reviews, .article, .register form, .login form, .gameembed, .viewFavorites, .changePass, .profileInfo {
	border-top: 4px solid #3f667b;
	border-bottom: 4px solid #3f667b;
	width:556px;
	background-image: url((URL));
	background-position: left top;
}

.gameembed {
	margin-bottom:18px;
}

.reviews p, .reviews h2, .reviews h3, .reviews form, .postcat, .article h1, .article h2, .article p, form p, .gameembed h3, .viewFavorites p, .changePass p, .viewFavorites h2, .changePass h2, .viewFavorites h1, .changePass form, .profileInfo h1, .profileInfo p, .profileInfo img  {
	padding: 0 20px 0 20px ;
}

.profileInfo img {
	float:right;	
}

.individualreview {
	border: 1px solid #313131;
	background:#FFFFFF;
	padding: 10px 20px 10px 20px ;
	margin: 10px 20px 5px 20px ;
	width:400px;
	color:#000000;
}

.reviewtext {
	font-size:10px;
	color:#333333;
	text-indent:10px;
	background:#AAAAAA;
}


.addreview {
	width:200px;
	padding:15px 15px 15px 15px;
	border: 1px solid #313131;
	margin: 0 auto 0 auto;
}

h1 {
	color:#333333;
	font-size:18px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 15px;
}
h1 a {
	color:#666666;
	font-size:18px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 15px;
}

h1 a:hover, a:hover {
	color:#ff5400;
}

h2 {
	color:#333333;
	font-size:18px;
}

a {
	color:#999999;
}

.gamedetails {
	color:#FFFFFF;
	height:225px;
	min-height:225px;
	background-color: #a6d44f;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-right: 8px;
	
}
.ul,li{
	color:#666666;
	font-size:12px;
}
.gamedetails p{
	margin: 0 0 0 70px;
}
.gamedetails img{
	float:left;
	margin: 5px 5px 5px 5px;
}

.register form, .login form {
	font-size: 14px;
	display:table;
}

.register input, .login input {
	width: 400px;
	height: 22px;
	margin: -20px 0 20px 0;
	font-size: 18px;
	font-family:Verdana,Arial,Times;
	background:#ededed;	
	float:right;
	position:relative;
	left:-20px;
}

.register input:hover, .register input:hover:active, .login input:hover, .login input:hover:active{
	background:#FFFFFF;
}

#regsubmit, #submit, #tafbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #aaa;
	width:30%;
	margin:0 10px 0 0;
}

#regsubmit:hover, #submit:hover, #tafbutton:hover {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

#agree, #sponsored, #rememb {
	width: 15px;
	background:transparent;
	margin:-10px 0 0 0;	
}

#tafbutton {
clear:both;
}

.tellafriend label {
    display:block;
}

.register textarea, .gameembed textarea {
	width: 492px;
	height: 100px;
	margin: 0 0 20px 0;
	font-size: 11px;
	font-weight: normal;
}

.gameembed textarea {
margin: 0 5px 10px 30px;
}

.welcomebox, .featuredgame, .suggestedgames {
	background: url('images/bigback.gif') top left no-repeat;
	width:275px;
	height:240px;
	min-width:275px;
	min-height:240px;
	float:left;
}

.welcomebox p, .featuredgame p, .suggestedgames p, .tellafriend p, .tellafriend label {
	padding:10px 10px 10px 10px;
	overflow:hidden;
}

.welcomebox h2, .featuredgame h2, .suggestedgames h3, .tellafriend h3{
	padding:10px 10px 0px 10px;
	text-align:center;
	margin:0 0 0 0;
}

.suggestedgames, .tellafriend {
	margin-top:15px;
}

.tellafriend form {
	margin:-40px 0 0 65px;
}

.tellafriend label {
	display:block;
	margin-bottom:-8px;
}

.featuredgame {
	background: url('images/featuredgame.gif') top left no-repeat;
	margin-left:7px;
}

.featuredgame img {
	float:left;
	padding:10px 10px 10px 10px;
}

.featuredgame a{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	float:right;
}

.featuredgame a:hover{
	color:#041a00;
}

.tellafriend {
	width:274px;
	height:240px;
	min-width:274px;
	min-height:240px;
	float:right;
	position:relative;
	left:-10px;
	background-position: left top;
}


#searchbox {
	position:absolute;
	top:20px;
	left:812px;
}

.topcategory {
	width:558px;
	float:left;
	display:block;
	margin-top: 4px;
	margin-right: 3px;
	margin-bottom: 5;
	margin-left: 0px;
	background-image: url(images/tbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
}

.topcategory h2 a, .topcategory h2 {
	font-size:16px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

.topcategory img {
	height: 90px;
	width: 90px;
	margin-top: 15px;	
}

.topcategory ul, .topcategory a {
	margin:0px 5px 0 0;
	color:#ffffff;
	line-height:12px;
	text-decoration:none;
	width:120px;
	
}

.topcategory li {
height:13px;
overflow:hidden;
position:relative;
left:5px;
}

.toplogin {
	position:absolute;
	top:135px;
	left:332px;
	text-align:right;
	width:600px;
	font-variant : small-caps;	
}

.toplogin a {
	text-decoration:none;
}

/* Code added for 2.7 compatibility*/
#gameRating {
	position:relative;
	top:-16px;
	left:126px ;
}

#thegamediv {
	position:relative;
	z-index:0;
}

.tip {
margin-left:-100px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    

    
.animatedtabs{
	
	font-size: 14px;
	position: absolute;
	top: 85px;
	left:28px;
	
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */

margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;

padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.post .story {
	padding: 0 20px;
	width:560px;
}
.gameInCategory {
	float:left;
	width:150px;
	height:240px;
	overflow:hidden;
	background-image: url(images/jbg.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.gameInCategory img {
	margin: 0 auto;
	text-align:center;
	width:80px;
	height:80px;
	width: expression(this.width > 80 ? 80: true);
	height: expression(this.height > 80 ? 80: true);	
}
.linkcsere_box {
	float:left;
	width:150px;
	height:240px;
	overflow:hidden;
	background-image: url(images/jbg.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
