body {
	height:100%;
}

html>body #site, html>body #siteleft html>body #siteright {height:100%;} /* 100 % height */

html>body #footerz {
	position:relative;
	bottom:0;
	clear:both;
}

html, body {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	
	background-color: #fff;
	background-image: url(img/back.png);
	background-repeat: repeat-x;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index:1;	
}

img{
	border:0px;
}

a{
	color:#0033CC;
	outline: none;
}

a:hover{
	color:#000033;
}


#site {
	text-align: left;
	margin: 0px auto;	
	padding: 0;
	width: 978px;
	height:100%;
	background-color:#FFFFFF;
	z-index:1;	
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

#siteleft {
	position:relative;
	height:100%;
	width: 1px;
	float: left;
	min-height:768px;	
	top:0px;
	clear:none;
}

#siteright {
	position:relative;
	height:100%;
	width: 1px;
	top:0px;
	min-height:768px;		
	float: left;
	clear:none;	
}

#sitemid {
	position:relative;
	width: 976px;
	float: left;	
}

#top {
	background: #356AA0 url(img/topbar.png) repeat-x;
	color: #fff;
	text-align: left;
	height: 27px;
	width: 976px;
	position: relative;
}

#topmenu{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:10px;
	text-transform: uppercase;
	vertical-align:middle;
	/*margin: 7px 5px 5px 5px; */
}

#topmenu a {
	color: #fff;	
	text-decoration:none;
	text-align:center;
	display: block;	
	float:left;	
	padding: 7px 12px 10px 10px;
}

#topmenu a:hover {
	color:#99FF00;	
	text-decoration:none;
}

#topleft {
	background: #356AA0 url(img/topbar_left.png) no-repeat 0 100%;
	float: left;
	width: 2px;
	height: 27px;	
}

#topright {
	background: #356AA0 url(img/topbar_right.png) no-repeat 0 100%;
	float: left;
	width: 2px;
	height: 27px;
}

#topmid {
	float: left;
	width: 972px;
	height: 27px;	
}

#header {
	background: #356AA0 url(img/header.png) repeat-x;
	background-color:#FFFFFF;
	color: #fff;
	height: 86px;
	width: 976px;
}

#page {
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	width: 958px;
	border-top: solid #CCCCCC 1px; 
	z-index:1;	
}

/******   MENU   ******/
#menu {
	position:relative;
	width:160px;
	float:left;
	z-index:1;
}

#menu ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 1; /* IE6 */
}

#menu li {
	margin: 0;
	margin-bottom: 2px;	
	padding: 0;
	position: relative;
	min-height: 24px;
}

#menu li a {
	padding: 4px;
	text-indent:18px;
	width: 152px;
	display: block;
	text-decoration:none !important; /*IE6 needs important*/
	font-size: 105%;
	font-weight:bold;

}

#menu li a:hover {
	text-decoration: underline;
	border-color: #516D86;
	list-style-image:url(img/arrowblue.png);
}

#menu li.red a {
	color:#f33a00;
	border: 1px solid #fe6f10;
	background: url(img/buttonred.png) 0 100% repeat-x;
}

#menu li.red a:hover {
	color:#660000; border: 1px solid #660000; background: url(img/arrowred.png) 0 100% no-repeat;
}

#menu li.blue a {
	color:#0033CC;
	border: 1px solid #78afff;
	background: url(img/buttonblue.png) 0 100% repeat-x;
}

#menu li.blue a:hover {
	color:#000033;
	border-color:#000033;
	background: url(img/arrowblue.png) 0 100% no-repeat;	
}

/******   CONTENT AREA   ******/
#content{
	position:relative;
	margin-left:12px;
	width:762px;	
	padding:6px;
	/*width:760px; padding:6px 6px 6px 6px;*/
	float:right;
	background:url(img/greenback.png) repeat-x;
}

/******   Blocks   ******/
.redblock{
    display: block; float: left;
	text-align:left;
	padding: 5px 5px 5px 5px;
	margin: 0px 6px 6px 0px;
    border: 1px solid #fe6f10;
	color: #f33a00;
	background:url(img/redblock.png) repeat-x;
}
.blueblock{
    display: block; float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 6px 6px 0px;
    border: 1px solid #78afff;
	color: #0033CC;
	background:url(img/blueblock.png) repeat-x;
}
.greenblock{
    display: block; float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 6px 6px 0px;
    border: 1px solid #b8f100;
	color: #759600;
	background:url(img/greenblock.png) repeat-x;
}
.transblock{
    display: block; float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 6px 6px 0px;
	border:hidden;
/*    border: 1px solid #b8f100; */
	color: #759600;
}

/******   Headers   ******/
h1{ /*grey*/
	margin:0px 0px 0px 0px;	
	color:#333333;
	text-align:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold; 
}

h1.red{ color:#f33a00; }
h1.red a{ color:#d6a693; text-decoration:none; }
h1.red a:hover{ color:#f33a00;}
h1.blue{ color:#0033CC;	}
h1.blue a{ text-decoration:none; }
h1.blue a:hover{ color:#0033CC;	}
h1.green{ color:#759600; }
h1.green a{	color:#b6c251; text-decoration:none; }
h1.green a:hover{color:#759600;	 }


h2{ /*grey*/
	margin:0px 0px 0px 0px;		
	color:#333333;
	text-align:left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold; 
}

h2 a{
	color:#0066FF;
	text-decoration:none;
}

h2 a:hover{
	color:#0033CC;
	text-decoration:underline;
}


.searchbox {
	width:200px;
	border:solid;
	border-width:1px;
	border-color:#fe6f10;
	background:url(img/redblock.png) repeat-x;
	text-align:center;
	height:60px;
	float:left;
}

/*
.pages{

}

.pages a {
	padding: 4px 8px 4px 8px;
	border:solid; 
	border-color:#CCCCCC; 
	border-width:1px;	
}

.pages a:hover{
	font-weight:bold; 
	text-decoration:underline; 
	border:solid; 
	border-color:#CCCCCC; 
	border-width:1px;
} */

/* Page Numbers */
.pages {
	font-size:11px;
	height:28px;
    display: block;
}

.pages a {
	display:block;
	float:left;
	color:#669900;
	background-color:#f1ffcb;	
	padding:2px 6px 2px 6px;
    margin-right:0.1em;
	margin-top:3px;
    border:1px solid #b4df1b;
    text-decoration:none;
	font-weight:bold;
}

.pages a.currentpage {
    border: 1px solid #669900;
    color:#000000;
	background:#ffffff;
}

.pages a:hover {
	border-color:#000;	
}

.pages a.nextprev {
	text-align:center;
	width:80px;
}

.pages a.nextprevunabled {
	width:80px;
    border: 1px solid #ddd;
    color: #999;	
	background-color:#fff;		
}

.pages a.nextprevunabled:hover {
	cursor:default;
	background:#fff;
    border: 1px solid #ddd;
    color: #999;			
}


/******   Game   ******/
.game-summary, .game-full{
	background:url(/img/itemback) no-repeat;
	padding: 0.7em 0 2em 0;
	position: relative;
	width:450px;
	float:right;
    min-height: 50px;
}

.game-full {
	margin-top: 7px;
	padding: 1px 0 2em 0; /* need 1px top padding for IE6 */
	margin-right: 220px;
}

.game-body {
	padding-left: 140px;
}

.game-img {
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: center;
	font-size: 85%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/img/shade-news.gif) no-repeat;
}

.game-details {
	position: relative;
	padding: 5px 0 0 0;
	color: #888;
}

#gamelisting {
	/*	width:620px; */
}

.gamethumb {
	float:left;
	width:200px;
	height:190px;
	margin:1px 1px 16px 1px;	
	text-align:center;		
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
	color:#669900;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	cursor:pointer;
}

.gamethumb:hover{
	border:solid;
	border-width:1px;
/*	color:#333;*/
	border-color:#b8f100;
	background-color:#f1ffcb;	
}

.gamethumb:hover a{
	color:#333;
}

.gamelink{
	color:#669900;
	text-decoration:none;
	padding: 7px 7px 7px 7px;
	line-height:22px;
	font-size:13px;
	font-weight:bold;
}

.thumb-red {
	border:solid;
	border-color:#FFFFFF;
	border-width:1px;		
	margin-right:4px;
	margin-bottom:4px;
	padding:1px 1px 1px 1px ;
}
.thumb-red:hover{
	border-color:#f33a00;
}

.thumb-green {
	margin:2px 2px 2px 2px;
	border:solid;
	border-color:#669900;	
	border-width:1px;
	left:50%;
}
.thumb-green:hover{
	border-color:#333;	
}

.thumb-blue {
	border:solid;
	border-color:#FFFFFF;
	border-width:1px;		
	margin-right:4px;
	margin-bottom:4px;
	padding:1px 1px 1px 1px ;
}
.thumb-blue:hover{
	border-color:#0033CC;
}

.smallgame{ /* dit wordt een ul li zoals menu */
	display:block;
	height:34px;
	margin-bottom:3px;
	text-decoration:none;
}
.smallgame:hover{ /* dit wordt een ul li zoals menu */
	background:#CCCCCC;
}
/** recommended bookmarks **/
.anylinkcss {
	margin-top:-120px;
	margin-left:170px;
	visibility: hidden;
	border:1px solid #111;
	border-bottom-width: 0;
	/*font:normal 12px Verdana;*/
	line-height: 18px;
	background-color: #fff;
	width: 110px;
	color:#FF6600;
}

.anylinkcss a {
	color:#000;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #111;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
}
.anylinkcss a:hover { /*hover background color*/
	background-color:#CCFF33;
	color:#FF6600;
	text-decoration: none;
}
.linksites{
	padding:2px;
	position:relative;
	/*border:solid;
	border-color:#282828;
	border-width:5px;
	background-color:#FFFFFF;*/
	color:#000000;
}

.smalltxt {
	color: #999;
	font-size: 75%;
	margin: -2px 0 0 0;
}


.smalltxt a:link, .smalltxt a:visited {
	color: #999;
}

.smalltxt a:hover {
	color: #333;
}


#abovegame{
	margin-top:0px;
	margin-left:10px;
	margin-bottom:-4px;	

	min-width:520px; 
	vertical-align:middle;
	display:table;
	clear:inherit;
	height:25px;
}

#title{
	font-size:18px;
	color:#999999;
	position:relative;
	left:21px;
	vertical-align:middle;
}

#share{
	color:#999999;
	font-size:9px;
	width:150px;
	height:20px;
	text-align:center;
	position:relative;
	left:60%;
}

#rating{
	color:#999999;
	font-size:9px;
	width:105px;
	text-align:center;
	position:relative;
	left:80%;
}

.game{
	margin-left:10px;
	margin-top:10px;
	border:hidden;
	border-width:9px;
	min-width:680px;
	
	display:table;
	clear:inherit;
}

/**** Footaaah *****/
#footer {
    clear: both;
	margin-top: 25px;
	background: url(/img/blueback.png) 100% 0 repeat-x;
	padding-right: 15px;
	position: relative;
	min-height: 160px;
	width:942px;
	text-align: left;
	color:#666;
} /*IE6*/

.footer-contents {
	float: right;
	background: url(/img/blueback.png) 0 0 repeat-x;
	padding-top: 2px;
	padding-left: 10px;
}

#footer dl {
	float: left;
	margin: 0;
	padding: 10px 20px 5px 0;
	width: 160px;
	min-height: 95px;
}

#footer dd {
	margin: 0;
	padding: 3px 12px;
	font-size: 11px;
}

#footer dd a {
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-bottom: 1px;
	color:#3399FF;
}
#footer dd a:hover {
	color:#3366FF;
}

#footer dd a span {
	text-transform: none;
}

#footer dt {
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
}

#footer .footer-feature {
	position: absolute;
	right: -12px;
	top: -10px;
}

.copyright img {
    float: left;
    margin-right: 1.5em;
}

.copyright {
	font-size: 85%;
	color: #999;
	clear: both;
	background: #fff;
	padding: 1em 0 40px 15px;
}

.copyright a {
	color: #999;
}