/* COMMON */

body {
margin: 0px;
background-color: black;
font-family: Tahoma;
color: white;
margin-bottom: 5px;
}

a {
color: #ffdc00;
text-decoration: none;
font-weight: normal;
}

a:visited {
color: #f70;
}

a:hover {
background-color: #ffdc00;
color: black;
}

img {
border: 0;
}

p {
margin: 0px;
font-size: 75%;
padding: 5px;
}

/* BARS */

.everybar {
background-color: #444;
border-top: 1px solid #777;
}

.smallbar { /* all .newbar .catbar .widebar */
height: 25px;
font-size: 75%;
}

.newbar { /* new games frontpage only */
width: 714px;
margin-top: 5px;
margin-bottom: 0px;
margin-right: auto;
margin-left:  auto;
}

.left { /* to both smallbar and newbar */
padding-top: 5px;
padding-left: 5px;
float: left;
font-weight: bold;
}

.right {
padding-top: 5px;
float: right;
padding-right: 5px;
}

.widebar { /* everything but frontpage new games, ie. dates on updates */
width: 100%;
margin-top: 5px;
margin-bottom: 0px;
margin-right: auto;
margin-left:  auto;
}

.insbar {
border-bottom: 1px solid #777;
border-top: none;
}

.catbar { /* CATEGORY FRONTPAGE: check in categories */

}



/* FRONTPAGE */

.h1bar {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
font-size: 180%;
text-transform: uppercase;
padding: 5px;
text-align: center;
}

h1 {
font-size: 100%;
display: inline;
}

.prop {
margin-bottom: 5px;
text-align: center;
}

.prop img {
vertical-align: text-bottom;
}

.prop a:hover {
background-color: transparent;
}

	/* TOP GAMES */
          
       
	.topgamesall {
	background: #000000 url(backy.gif) center center no-repeat;
	}

	.topgamesrow {
	width: 720px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	}

	.topgamesrow a img {
	vertical-align: text-bottom; 
	/* IE6/7 good without; FF/SF/etc need bottom; IE8 needs text-bottom  */
	}


	/* SEARCH */

	.search {
	margin-left: auto; 
	margin-right: auto; 
	width: 720px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #000;
	}

	.search form {
	margin: 0px; /* IE6 produces bottom margin */
	}

	.search table {
	margin-left: auto;
	margin-right: auto;
	}


	/* CATEGORIES */

	.quicklinks {
	font-size: 75%;
	padding-bottom: 2px;
	padding-right: 5px;
	text-align: right;
	}

	.withcol {
	width: 720px;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	}

	.categorieswrapper {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	}

	.categoriescol {
	float: left;
	}

	.catbar {
	margin-top: 5px;
	width: 235px;
	margin-right: 5px;
	}
	
	a.catbar {
	display: block;
	}

	a.catbar:visited, a.catbar:link {
	color: white;
	}
	
	a.catbar:hover {
	border-top: 1px solid #ffdc00;
	color: black;
	}


	.subcat a  {
	display: block;
	width: 160px;
	height: 45px;
	font-size: 75%;
	font-weight: bold;
	padding-left: 70px;
	padding-top: 5px;
	padding-right: 5px;
	background-color: #2a2a2a;
	background-repeat:no-repeat;
	background-position: 5px 5px;
	}

	.subcatnum {
	color: #aaa;
	font-weight: normal;
	font-size: 90%;
	position: relative; /* IE6 text appear error */
	}

	.subcat a:hover, .subcat a:hover * {
	color: black;
	background-color: #ffdc00;
	}



/* TABLES */

table.allgames {
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
font-size: 75%;
border-top: none;
}

td.iconlink {
width: 60px;
padding: 1px;
border: 1px solid #2a2a2a;
vertical-align: top;
text-align: center;
background-color: #2a2a2a;
}

td.iconlink img {
width: 60px;
height: 45px;
}

td.iconlink a {
width: 60px;
display: block;
overflow: hidden;
}

table.monthly td.iconlink {
width: 45px;
vertical-align: middle;
}

table.monthly td.iconlink a {
width: 45px;
}


/* EVERYTHING BUT FRONTPAGE */

.navbar {
width: 100%;
font-size: 100%;
margin-top: 0px;
margin-bottom: 5px;
font-weight: bold;
text-transform: uppercase;
height: 45px;
}

.navbar a {
font-weight: bold;
}

.navbar img {
vertical-align: middle;
height: 45px;
}

.breadcrumbs {
position: absolute; 
background-color: #444; 
padding-right: 5px;
padding-left: 5px;
}

	/* GAME PAGES */

	.floater {
	float: right;
	height: 45px;
	}

	.floater a {
	height: 45px;
	display: block;
	float: left;
	}
	
	#gamepage h1 {
	font-size: 100%;
	display: inline;
	}
	
	#gamepage h2 {
	font-size: 100%;
	display: inline;
	font-weight: bold;
	}
	
	#gamepage p {
	display: inline;
	font-size: 100%;
	}
	
	#gamepage .widebar {
	text-align: center;
	height: auto;
	font-size: 100%;
	}
	 
	#gamepage .widebar img {
	vertical-align: text-bottom;
	}
	
	#gamepage .left {
	font-weight: normal;
	float: none;
	display: block;
	padding: 5px;
	}
	
	.advert {
	width: 728px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.advert img {
	vertical-align: text-bottom;
	}

	.advert a:hover {
	background-color: transparent;
	}
	
	.game {
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
	}
	
	ul { /* old games with lists */
	display: inline;
	padding: 0;
	margin: 0; /* IE 6*/
	}
	
	li { /* old games with lists */
	display: inline;
	padding-left: 12px;
	background: url(bullet.gif) 0% 50% no-repeat;
	}



.toplinks {
margin: 0px 0px 0px 0px;
font-size: 75%;
text-align: center;
margin-top: 5px;
padding: 5px;
padding-top: 6px; /* stupid IE bug */
}

.toplinks a, .bookmark {
border: 1px solid #777;
border-bottom: none;
background-color: #444;
padding: 5px;
display: inline; /* for the bookmark */

}

.toplinks a:hover {
background-color: #ffdc00;
}


.bottomlinks {
margin: 0px 0px 0px 0px;
font-size: 75%;
text-align: center;
padding: 5px;
padding-bottom: 6px; /* stupid IE bug */
}

.bottomlinks a, .bookmarkbottom {
border: 1px solid #777;
border-top: none;
background-color: #444;
padding: 5px;
display: inline; /* for the bookmark */

}

.bottomlinks a:hover {
background-color: #ffdc00;
}


/* TOOLTIPS */
 
#tooltip {
position: absolute; /* required */
display: none; /* required */
border: 1px solid #000;
background:#ffffe1;
padding: 5px;
color:#000;
font-family: Tahoma;
font-size: 75%;
font-weight: bold;
width: 168px;
}


#tooltip2 {
position: absolute; /* required */
display: none; /* required */
background-color: transparent;
padding: 2px 5px;
width: 69px;
height: 55px;
color: #333;
white-space: nowrap;
overflow: hidden;
}

#tooltip2 img {
border: 1px solid #000;
padding: 5px;
background-color: #f7f5d1;
width: 60px;
height: 45px;
}


/* MESSAGE BOX */

.messagewrapper {
width: 720px; 
margin: 0px auto 5px auto;
}

.message {
font-size: 75%;
margin: 0px;
padding: 5px 5px 5px 65px;
border: 1px #8ba2d6 solid; /* fc3 */
background-color: #385caf; /* ffc */
background:#385caf url('moar.png') no-repeat 1% 50%;
font-weight: bold;
color: white;
}

.messagewrapper a {
color: white;
text-decoration: underline;
font-weight: bold;
}

.messagewrapper a:visited {
color: white;
}

.messagewrapper a:hover {
text-decoration: underline;
color: #385caf;
background-color: white;
}