/*
menu:       #6FB727
main h1:    #3366cc
box h2:     #6FB727
background: #3366cc
*/

/*
** Debug
*/

/* Use as follows:<hr class="ruler"/> */
div.ruler {
  background-color:black;
  border:0;
  display:block;
  display:none;
  height:50px;
  width:1000px;
	margin:0 auto;
}

/* For retarded ad networks */
.advert img {
    display:block;
}

/*
** Wrappers
*/

html {
    background-color:#333;
}

#wrapper {
	background-color:#3366cc;
	border-bottom:1px solid white;;
	border-left:1px solid white;
	border-right:1px solid white;
	margin:0 auto;
	width:1000px;
}

body #wrapper a {
	color:#3366CC;
}

/*
** #body
*/

#body {
	padding:5px;
}

/*
** #sidebar
*/

#body #sidebar {
	background-color:white;	
	float:left;
	padding:5px;
	width:165px;	
}

#body #sidebar h2 {
	background-color:#6FB727;
	color:white;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
	padding:5px;
	margin:0;
	text-transform:uppercase;
}

#body #sidebar .delimiter {
	height:10px;
	margin:0;
	background:url(../img/line_horizontal.gif) repeat-x center; 
}

/*
** Boxes...
*/

#body .box {
	background-color:white;
	margin-bottom:5px;
	padding:5px;
}

#body .box h1 {
	background-color:#3366cc;
	color:white;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
	padding:5px;
	text-transform:uppercase;
}

#body .box h1 a {
	color:white;
}

/*
** #main
*/

#body #main {
	float:left;
	margin-left:5px;
	width:810px;
}

/*
** #main-footer
*/

#body #main #main-footer ul {
	background-color:white;
	text-align:center;
	margin-bottom:10px;
	padding:2px 0;
}

#body #main #main-footer ul li {
	color:black;
	font-size:1.2em;
	font-weight:bold;
	display:inline;
	padding:0 2px;
}

#body #main #main-footer ul li a {
	color:black;
	text-decoration:none;
}

#body #main #main-footer ul li a:hover {
	text-decoration:underline;
}

/* ############################################################################
**
** Browse Pages (categories / search)
**
** ############################################################################ 
*/

/*
** #main-content
*/

#body.play #main {
	float:left;
	width:740px;
}

#body.play #main #main-content .box #flashgame object, #body.play #main #main-content .box #flashgame embed {
	margin:0 auto;
	display:block;
}

#body.play #main #main-content .box h1 {
	margin-bottom:5px;
}

#body.play #main #main-content .box .advert {
	border-bottom:1px solid black;
	border-top:1px solid black;
	margin:10px 0;
	padding:10px 0;
}

#body.play #info #info-box-1 {
	float:left;
	margin:0 20px;
	width:200px;
}

#body.play #info #info-box-2 {
	float:left;
	margin:0 20px;
	width:200px;
}

#body.play #info #info-box-3 {
	float:left;
	width:175px;
}

#body.play #info td {
	vertical-align:top;
	width:25%;
}

#body.play #info ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.2em;
}

#body.play #info ul li {
	margin-bottom:5px;
}

#body.play #sidebar-left, #body.play #sidebar-right {
	float:left;
	width:120px;
}

#body.play #sidebar-right {
	margin-left:5px;
}

/* ############################################################################
**
** Browse Pages (categories / search)
**
** ############################################################################ 
*/

/*
** #main-content
*/

#body.browse #main-content {
	float:left;
	width:645px;
}

#body.browse #main-content table.games {
	font-size:1.2em;
}

#body.browse #main-content table.games td {
	vertical-align:top;
	width:33%;
}

#body.browse #main-content table.games td td {
	width:auto;
}

#body.browse #main-content table.games .game-thumb img {
	border:1px solid black;
	display:block;
	margin-right:5px;
}

#body.browse #main-content table.games .game-link {
	color:#3888CA;
	font-weight:bold;
	text-decoration:underline;	
}

#body.browse #main-content table.games .game-description {
	color:black;
	text-decoration:none;
}

#body.browse #main-content .leaderboard {
	background:white;
	margin-bottom:5px;
	padding:5px;
	width:635px;
}

#body.browse #main-content .leaderboard .advert {
	margin:0 auto;
	width:468px;
}

#body.browse #main-content .pagination {
	text-align:center;
	color:#333366;
	font-size:1.2em;
	font-weight:bold;
	margin:15px;
}

#body.browse #main-content .pagination strong {
	color:black;
}

#body.browse #main-content .pagination .previous-page {
	float:left;
}

#body.browse #main-content .pagination .next-page {
	float:right;
}

#body.browse #main-content .pagination .previous-page a, #body.browse #main-content .pagination .next-page a {
	color:#FF6600;
	text-decoration:underline;
	text-transform:uppercase;
}

/*
** #main-sidebar
*/

#body.browse #main #main-sidebar {
	width:160px;
	float:right;
}

/* ############################################################################
**
** Index Page
**
** ############################################################################ 
*/

/*
** #main-head
*/

#body.index #main-head {
	background-color:white;
	padding-bottom:5px;
	margin-bottom:5px;
}

#body.index #main-head-content {
	float:left;
	width:505px;
}

#body.index #main-head-content .box table#new-release {
	margin:0 auto;
	margin-top:10px;
}

#body.index #main-head-content .box table#new-release td {
	text-align:center;
}

#body.index #main-head-content .box table#new-release td.release-date {
	color:#FF6641;
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:5px;
	width:25%;
}

#body.index #main-head-content .box table#new-release td.game-thumb img {
	border:1px solid black;
	display:block;
	margin:0 auto;
}

#body.index #main-head-content .box table#new-release td.game-link a {
	color:#3888CA;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:underline
}

#body.index #main-head .advert {
	float:left;
	height:250px;
	margin:5px 5px 0.5px 0;
	width:300px;
}

#body.index #sidebar .advert, #body.index #main-sidebar .advert {
	margin:5px 0 5px 2px;
}


/*
** #main-content
*/

#body.index #main-content {
	float:left;
	width:630px;
}

#body.index #main-content table.games {
	font-size:1.2em;
}

#body.index #main-content table.games td {
	vertical-align:top;
	width:33%;
}

#body.index #main-content table.games td td {
	width:auto;
}

#body.index #main-content table.games .game-thumb img {
	border:1px solid black;
	display:block;
	margin-right:5px;
}

#body.index #main-content table.games .game-link {
	color:#3888CA;
	font-weight:bold;
	text-decoration:underline;	
}

#body.index #main-content table.games .game-description {
	color:black;
	text-decoration:none;
}

#body.index #main-content .category-link {
	color:#FF6600;
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
}

#body.index #main-content .category-link a {
	color:#FF6600;
	margin-left:5px;
	text-decoration:underline;
}

#body.index #main-content .category-link span {
	color:black;
}

/*
** #main-sidebar
*/

#body.index #main #main-sidebar {
	background-color:white;
	float:left;
	margin-left:5px;
	padding:5px;
	width:165px;	
}

#body.index #main #main-sidebar h2 {
	background-color:#6FB727;
	color:white;
	font-family:Verdana, Arial, sans-serif;
	font-size:1em;
	padding:5px;
	margin:0;
	text-transform:uppercase;
}

#body.index #main #main-sidebar .delimiter {
	height:10px;
	margin:0;
	background:url(../img/line_horizontal.gif) repeat-x center; 
}

/* ############################################################################
**
** Index Page
**
** ############################################################################ 
*/

/*
** #main-content
*/

#body.page #main-content {
	float:left;
	width:645px;
}

#body.page #main-content {
	float:left;
	width:645px;
}

#body.page #page {
	background-color:white;
	margin-bottom:5px	;
	padding:5px 20px;
}

#body.page #page #page-head {
	border-bottom:1px solid black;
	margin-bottom:1em;
	text-align:center;
}

#body.page #page #page-head p {
	margin:0;
	margin-top:1em;
	font-size:1.3em;
}

#body.page #page #page-head h1 {
	color:#238B23;
	margin-top:1em;
	font-size:1.4em;
	text-decoration:underline;
}

#body.page #page #page-head h2 {
	font-size:1.2em;
}

#body.page #page #page-content h1 {
	color:#333366;
	font-size:1.4em;
}

#body.page #page #page-content h2 {
	font-size:1.2em;
}

#body.page #page #page-content li {
	margin-bottom:1em;
}

#body.page #page #page-content h2.msg-success {
	color:green;
	text-align:center;
}

#body.page #page #page-content h2.msg-error {
	color:red;
	text-align:center;
}

#body.page #page #page-content ul.error-list {
	border:1px solid red;
	background-color:#ffdddd;
	margin:0;
	padding:1em 2em;
}

#body.page #page #page-content ul.error-list li {
	font-weight:bold;
	margin-bottom:0;
}

#body.page #page #page-content table {	
	border:0;
}

#body.page #page #page-content table td {	
	border:1px;
	vertical-align:top;
}

/*
** #main-sidebar
*/

#body.page #main #main-sidebar {
	width:160px;
	float:right;
}

/* ############################################################################
**
** Pages
**
** ############################################################################ 
*/

/*
** .help-us
*/

#body.page #page.help-us {
	font-weight:bold;
}

#body.page #page.help-us #page-content textarea {
	display:block;
	font-weight:normal;
	height:2em;
	line-height:1em;
	margin:0 auto;
}

#body.page #page.help-us #page-content div {
	border-bottom:1px solid black;
	display:block;
	padding-bottom:2em;
	margin-bottom:1.5em;
	text-align:center;
}

#body.page #page.help-us #page-content img {
	margin:0 auto;
	margin-bottom:1em;
	display:block;
}

#body.page #page.help-us #page-content input {
	display:block;
	font-weight:normal;
	margin-bottom:0.5em;
}

/*
** .contact-us
*/

#body.page #page.contact-us #page-content table {
	margin:0 auto;
	border:1px solid grey;
}

#body.page #page.contact-us #page-content table td #send-mail {
	float:right;
}

/* ############################################################################
**
** Sideboxes
**
** ############################################################################ 
*/

#sidebox-suggestions table {
	font-size:1.2em;
}

#sidebox-suggestions table td {
	vertical-align:top;
}

#sidebox-suggestions .game-thumb {
  border:1px solid black;
	width:80px;
	height:80px;
	margin-right:5px;
}

#sidebox-suggestions .game-link {
	color:#3888CA;
	font-weight:bold;
	text-decoration:underline;	
}

#sidebox-suggestions .game-thumb img {
	border:1px solid black;
	display:block;
	height:80px;
	margin-right:5px;
	width:80px;
}

#sidebox-suggestions .game-description {
	color:black;
	text-decoration:none;
}

#sidebox-suggestions .game-description
{
	color:black;
	text-decoration:none;
	margin-top:5px;
	display:block;
	text-align:left;
}

#sidebox-cp {
	line-height:1.2em;
}

#sidebox-cp p, #sidebox-cp table, #sidebox-cp form {
	margin:0;
	margin-bottom:5px;
}

#sidebox-cp table {
	border:0;
	width:100%;
}

#sidebox-cp table td {
	border:0;
	padding:0;
}

#sidebox-cp form {
	margin:0;
	margin-bottom:5px;
	text-align:right;
}

#sidebox-cp form label {
	display:block;
	margin-bottom:2px;
	margin-top:2px;
	text-align:left;
}

#sidebox-cp form, #sidebox-cp input {
	padding:2px 0;
	vertical-align:middle;
}

#sidebox-cp form #id {
	width:140px;
}

#sidebox-cp form #username, #sidebox-cp form #password {
	width:160px;
}

#sidebox-cp form #submit {
	margin-top:5px;
}

#sidebox-top-games ol, #sidebox-top-rated ol, #sidebox-latest-games ol, #sidebox-top-gamers ol {
	color:#336699;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:0;
	margin-top:5px;
}

#sidebox-top-games ol a, #sidebox-top-rated ol a, #sidebox-latest-games ol a, #sidebox-top-gamers ol a {
	font-weight:normal;
}

#sidebox-quickplay select {
	width:100%;
}

#sidebox-affiliates ul {
	list-style:none;
	margin:5px 0 0 5px;	
}

/* ############################################################################
**
** Masterhead
**
** ############################################################################ 
*/

#masterhead {
    background:white url(../img/header.png) top left;
    height:150px;
}

#masterhead #logo {
    float:left;
    width:272px;
    height:150px;
    overflow:hidden;
}

#masterhead #logo img {
    display:block;
    height:150px;
    width:260px;
}

#masterhead #after-logo {
    float:left;
    position:relative;
    width:728px;
}

#masterhead #page-links {
    margin:15px 10px 0 0;
}

#masterhead #page-links ul {
    text-align:right;
}

#masterhead #page-links ul li {
	color:white;
	display:inline;
	font-size:1.4em;
	padding:0 2px;
}

#masterhead #page-links ul li a {
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#masterhead #page-links ul li a:hover {
	text-decoration:underline;
}

#masterhead .advert {
    position:absolute;
    top:45px;
    width:728px;
    height:90px;
    overflow:hidden;
}


#navigation ul {
	background-color:#6FB727;
	padding:10px 0;
	text-align:center;
}

#navigation ul li {
	color:white;
	display:inline;
	font-size:1.3em;
	padding:0 2px;
}

#navigation ul li h1 {
	display:inline;
}

#navigation ul li h1 a {
	padding:10px 0;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}

#navigation ul li h1 a:hover {
	background-color:#B5D368;
}