/* Body */

body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	background-color:#000000;
	text-align:center;
	color:#f2f2ff;
	background-image:url('../img/bg.png');
	/*background-image:url('../img/flakes.png');*/
	margin:0;
}


/* Anchors */

a, 
a:link {
	text-decoration:none;
	color:#f2f2ff;
}

a:visited {

}

a:hover {
	color:#4fb335;
}

a:active {
	color:#ff0000;
}


/* Container */

#container { 
	margin: 0 auto;
	width:920px;
	text-align: left;
	margin-top:10px;
}


/* Header */

#header {
	padding:26px 35px 21px 39px;
	text-align:bottom;
	vertical-align:bottom;
	height:88px;
}

#header h1 {
	float:left;
	margin:0;
	padding:0;
	width:271px;
	height:88px;
	background-image:url('../img/java4k.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#header i {
	font-size:0em;
	visibility:hidden;
}


/* Main Menu */

#mainmenudiv {
	margin:0;
	padding:0;
	margin-top:4px;
	padding:5px 28px 5px 28px;
}

#mainmenu {
	float:left;
}

#loginmenu {
	float:right;
}

#mainmenu, #loginmenu {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#mainmenu li, #loginmenu li {
	display:inline;
	margin-right:0px;
}

#mainmenu li b, #loginmenu li b {
	visibility:hidden;
}

#mainmenudiv .menuButton {
	margin:0;
	padding:2px 6px 0px 6px;
	background-repeat:no-repeat;
	background-position:center;
	border:2px solid #000;
}

#mainmenu li .menuButton:hover {
	background-color:#285a1b;
	border:2px solid #4fb335;
}

#mainmenu li .menuButtonOn {
	margin:0;
	padding:2px 6px 0px 6px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#285a1b;
	border:2px solid #4fb335;
}


#loginmenu li .menuButton:hover {
	background-color:#285a1b;
	border:2px solid #4fb335;
}

#loginmenu li .menuButtonOn {
	margin:0;
	padding:2px 6px 0px 6px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#285a1b;
	border:2px solid #4fb335;
}



#homeButton {
	background-image:url('../img/menu/home.png');
}

#gamesButton {
	background-image:url('../img/menu/games.png');
}

#randomizeButton {
	background-image:url('../img/menu/randomize.png');
}

#rulesButton {
	background-image:url('../img/menu/rules.png');
}

#aboutButton {
	background-image:url('../img/menu/about.png');
}

#getstartedButton {
	background-image:url('../img/menu/getstarted.png');
}

#resultsButton {
	background-image:url('../img/menu/results.png');
}

#signinButton {
	background-image:url('../img/menu/signin.png');
}

#registerButton {
	background-image:url('../img/menu/register.png');
}

#logoutButton {
	background-image:url('../img/menu/logout.png');
}



/* Menu */

#menu {
	margin:0;
	margin-top:30px;
	padding:0;
	float:right;
	list-style:none;	
}

#menu li {
	display:inline;
}

#menu li a {
	margin:0;
	padding:0;
	vertical-align:bottom;
	font-weight:bold;
	font-size:0.9em;
	background-image:url('../img/icon.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:8px;
	margin-left:10px;
}


/* Account Links */

#account {
	height:20px;
	padding:5px 35px 5px 35px;
	margin-top:4px;
}

#links, #loggedin {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#links li, #loggedin li {
	display:inline;
	margin-right:15px;
}

#loggedin li {
	margin-left:15px;
	margin-right:0;
}

#links {
	float:left;
}

#loggedin {
	float:right;
	margin-bottom:2px;
}


/* Search Form */

#loggedin {
	font-size:0.9em;
	display:inline;
}

#header form {
	clear:left;
	font-size:0.8em;
	float:right;
	display:inline;
	margin:0;
	margin-top:-60px;
}

#header form b {
	color:#4fb335;
	font-weight:normal;
	line-height:35px;
}

#header form input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	background-color:#285a1b;
	margin:0px 3px 0px 0px;
	padding:3px 2px 3px 2px;
	border:2px solid #4fb335;
	width:190px;
	color:#fff;
}


#header form input:focus {
	background-color:#4fb335;
	border:2px solid #ffffff;
}


#header form input.submit {
	border:none;
	cursor:pointer;
	font-weight:normal;
	background-color:#4fb335;
	margin:0;
	padding:3px 2px 3px 2px;
	width:70px;
	font-size:1em;
}
#header form input.submit:hover {
	background-color:#ffffff;
	color:#4fb335;
}
#header form input.submit:active {
	background-color:#ff0000;
	color:#ffffff;
}

#header form input.checkbox {
	width:0%;
}



/* Account Login Form */

#account form {
	font-size:0.8em;
	float:right;
	display:inline;
	margin:0;
}

#account form input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	background-color:#f2f2ff;
	margin:0px 3px 0px 0px;
	padding:3px 2px 3px 2px;
	border:0;
	width:120px;
}


#account form input:focus {
	background-color:#ffffff;
}


#account form input.submit {
	cursor:pointer;
	background-color:#f2f2ff;
	border:none;
	margin:0;
	padding:3px 0px 2px 0px;
	width:55px;
	font-size:0.85em;
}
#account form input.submit:hover {
	background-color:#4fb335;
	color:#ffffff;
}
#account form input.submit:active {
	background-color:#ff0000;
	color:#ffffff;
}

#account form input.checkbox {
	width:0%;
}




/* Main */

#main {
	margin-top:4px;
	padding:25px 40px 25px 40px;
}

#main h2 {
	margin-top:-15px;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:4px 4px 4px 10px;
	
	background-color:#285a1b;
	border:2px solid #4fb335;
	-moz-border-radius: 8px;
	border-radius:8px;
}

#main h3 {
	margin:0;
	padding-top:15px;
	font-size:1.1em;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #4fb335;
}

#main p a {
	text-decoration:underline;
	font-weight:bold;
}

#main p, li {
	font-size:0.8em;
}

#main p {
	line-height:1.6em;
}

#main ul, ol {
}

#main ul li {
	list-style:square;
}


/* Main Image */
#main img {
	padding:2px;
	border:1px solid #4fb335;
}


/* Main table */
#main table td, th {
	border-bottom:1px solid #4fb335;
	font-size:0.8em;
	padding:5px;
}

#main table th {
}

#main table thead {
	color:#f2f2ff;
	background-color:#21212a;
	font-size:0.8em;
	text-transform:uppercase;
	letter-spacing:0.2em;
	
}

#main table {
	border:1px solid #4fb335;
	border-bottom:none;
	width:100%;
	margin-bottom:20px;
}

#main table tbody tr:hover {
	background-color:#21212a;
}

#main table td.gametitle {
	font-weight:bold;
	font-size:1em;
}

#main table tr.required {
	font-weight:bold;
	background-color:#3d0a13;
}
#main table tr.required:hover {
	background-color:#3d0a13;
}

#main table td.gamedownloads {
	text-align:right;
}

#main table td.gameauthor {
	text-align:center;
}

#main table td.gamedescription {
	font-size:0.75em;
	font-style:italic;
	padding-left:10px;
	padding-right:10px;
}

#main a.playnowbutton {
	text-align:center;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	display:block;
	font-weight:bold;
	border:1px solid #4fb335;
	margin-right:10px;
}

#main a.playnowbutton:hover {
	background-color:#285a1b;
	color:#ffffff;
}
#main a.playnowbutton:active {
	background-color:#ff0000;
	color:#ffffff;
}
#main a.playnowbuttonOn {
	background-color:#285a1b;
	text-align:center;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	display:block;
	font-weight:bold;
	border:1px solid #4fb335;
	margin-right:10px;
}


/* Footer */
#footer {
	margin-top:4px;
	padding:10px 35px 10px 35px;
	font-size:0.6em;
	line-height:1.6em;
	margin-bottom:20px;
}






/* Box */
.box {
	clear:both;
	border:3px solid #4fb335;
	-moz-border-radius: 8px;
	border-radius:8px;
	background-color:#000000;
}
.topbox {
	background-color:#000;
	border-bottom:2px solid #4fb335;
	margin:0;
	margin-bottom:15px;
	padding:10px 5px 10px 5px;
}


.box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html .box {display: inline-block;}

html .box {display: block;}


/* Hides from IE-mac \*/
/* * html .box {height: 1%;} */
/* End hide from IE-mac */


h4 {
   font-size:0.9em;
   margin-bottom:-10px;
   padding-bottom:0px;
}