/* Global settings */

* {
	font-size: 10pt;	/* default font size */
	font-family: arial;
}

table.content-layout tr {
	vertical-align: top;
}

/* Basic HTML elements */

body {
	text-align: center;
	margin: 0px;
	background-image: url('images/BGtile.jpg');
	background-repeat: repeat-x;
	background-color: #003772;
}

body.festive {
	background-image: url('images/BGtile_back_to_school_sale.jpg');
}

h1 {
	margin:0 0 0 0;
	font-size:18pt;
	font-weight:bold;
	color:#003772;
}

h2 {
	margin:0 0 0 0;
	font-size:14pt;
	font-weight:bold;
	color:#003772;
}

h3 {
	margin:0 0 0 0;
	font-size: 11pt;
	font-weight: bold;
	color: #003772;
}

img {
	border-style: none;
}

a {
	color: #636363;
}

p {
	margin-top: 0px;
}

hr {
	color: #003772;
	background-color: #003772;
	height: 1px;
	border: 0;
}

/* Frame */

#frame {
	width: 813px;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
}

/* Header */

#header { 
	margin-bottom: 0px; 
}

/* Headers for genres and top 10 */
.block-header, .block-header * {
	background-color: #D8D8D8;
	color: #003772;
	font-size: 14pt;
	text-decoration: none;
}

.block-header .round-box-content {
        text-align: left;
        padding-left: 5px;
}

/* Global classes */

a.genre-link {
	color: white;
	font-weight: bold;
	font-size: 11pt;
}

.emphasize {
	font-style: italic;
}

.icon {
	margin: 2px 2px 2px 2px;
}

.promotion {
	font-size: small;
}

/* Feature */

#feature-extra {
	text-align: center;
}

.promotion {
	color: red;
	font-weight: bold;
}

/* Sub-features */

.feature-cat img {
	margin-right: 2px;
}

.feature-cat table tr {
	vertical-align: middle;
}

/* Ads */

#ad-footer {
	text-align: center;
}

#ad-footer h3 {
	font-size: 14pt;
	font-style: italic;
}

#ad-footer .legal {
	color: black;
}

#ad-image {
	height: 250px;
	width: 300px;
}

/* Genre box */

table.genres-table {
	height: 100%;
}

table.genres-table td {
	width: 33%
}

table.genre {
	height: 100%;
	width: 100%;
}

table.genre tr {
	vertical-align: top;
}

td.more-games {
	text-align: right;
	vertical-align: bottom;
}

table.genre td {
	padding: 4px;
}

/* Top 10 */

#top10 td {
	height: 100%;
	vertical-align: middle;
}

.game-number {
	font-weight: bold;
}

/* Footer */

#footer {

}

#footer a {
	color: white;
}

#footer td {
	color: white;
}

/* Unsorted */

.feature-title {
	font-size: 12pt;
	font-weight: bold;
	color: #636363;
}

.mini-feature {
	font-size: 10pt;
}

#feature-text {

}

#divider {
	margin-top: 20px;
	margin-bottom: 10px;
}

.feature-cat {
	float: left;
	width: 215px;
}

.feature-cat h3 {
	text-align: center;
}

.legal {
	color: white;
	font-size: 9pt;
}

#genre-label {
	font-style: italic;
}

ul.toc {
	list-style-type: none;
}

ul.toc ul {
	list-style-type: none;
}

ul.toc table tr {
	vertical-align: top;
}

div.editor h1 {
	font-size: 14pt;
}

/* Box definition */

.box {
	border-spacing: 0px 0px;
	color: black;
	width: 100%;
	height: 100%;
}

.box-top-left {
	width: 13px;
	height: 13px;
	background-image: url('images/wndwtopleft2.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.box-top {
	height: 13px;
	background-image: url('images/wndwtop2.gif');
}

.box-top-right {
	width: 13px;
	height: 13px;
	background-image: url('images/wndwtopright2.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.box-left {
	width: 13px;
	background-image: url('images/wndwleft2.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.box-center {
	background-color: white;
	background-image: url('images/wndwbtm2.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 13px;
}

.box-right {
	width: 13px;
	background-image: url('images/wndwright2.gif');
	background-repeat: repeat-y;
	background-position: left;
}

.box-bottom-left {
	width: 13px;
	height: 13px;
	background-image: url('images/wndwbtmleft2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.box-bottom-right {
	width: 13px;
	height: 13px;
	background-image: url('images/wndwbtmright2.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

/* Rounded box */

.round-box {margin: 0; }
.round-box-top, .round-box-bottom{display:block; background: #FFFFFF; }
.round-box-top *, .round-box-bottom *{display: block; height: 1px; overflow: hidden; }
.round-box-r1{margin: 0 5px;}
.round-box-r2{margin: 0 3px;}
.round-box-r3{margin: 0 2px;}
.round-box-r4{margin: 0 1px; height: 2px}