/* Body */

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


/* Anchors */

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

a:visited {

}

a:hover {
	color:#00ff00;
}

a:active {
	color:#ff0000;
}


/* Container */

#container { 
	margin: 0 auto;
	width:890px;
	text-align: left;
}


/* Header */

#header {
	padding:25px 35px 25px 35px;
	text-align:bottom;
	vertical-align:bottom;
	height:62px;
	background-color:#0c0c18;
}

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

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


/* 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 {
	background-color:#0c0c18;
	height:20px;
	padding:5px 35px 5px 35px;
	margin-top:10px;
}

#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 */

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

#header 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:190px;
}


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


#header form input.submit {
	cursor:pointer;
	background-color:#f2f2ff;
	border:none;
	margin:0;
	padding:3px 0px 2px 0px;
	width:80px;
	font-size:0.85em;
}
#header form input.submit:hover {
	background-color:#00ff00;
	color:#ffffff;
}
#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:#00ff00;
	color:#ffffff;
}
#account form input.submit:active {
	background-color:#ff0000;
	color:#ffffff;
}

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




/* Main */

#main {
	padding:25px 35px 25px 35px;
	background-color:#0c0c18;
	/*background-color: rgba(0,0,0,0.75);*/
}

#main h2 {
	position:absolute;
	margin:0;
	margin-top:-34px;
	margin-left:-5px;
	padding-right:5px;
	padding-left:5px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.2em;
	background-color:#0c0c18;
	display:inline;
}

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

#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 #00ff00;
}


/* Main table */
#main table td, th {
	border-bottom:1px solid #00ff00;
	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 #00ff00;
	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 #00ff00;
	margin-right:10px;
}

#main a.playnowbutton:hover {
	background-color:#00ff00;
	color:#ffffff;
}
#main a.playnowbutton:active {
	background-color:#ff0000;
	color:#ffffff;
}



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






/* Box */
.box {
	clear:both;
	border:2px solid #00ff00;
	margin-top:20px;
}


.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;
}