/* the css for making round boxes */
@import url(roundbox-blue-orange.css);
/* global styles, general stuff */
body {
	background: #000000;
	text-align: center;
	font-size: 80%;
	padding: 0px;
	margin: 5px;
}
h2 {
	margin: 0em; padding: 0em;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid  #000000;
}
h3 {
	font-size: 2em; color: #B2B2B2;
	text-align: left;
	padding: 0px 0px 20px 5px;
	margin: 0px;
	text-decoration: underline;
}
h4.toptxt {
	font-size: 1.3em;
	margin: 0px;
	padding: 3px 5px 3px 10px;
	color: #FFFFFF;
}
	h4.toptxt a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	h4.toptxt a:hover {
		color: #000000;
	}
.right {
	float: right;
	text-align: right;
	width: 49%;
}
.left {
	float: left;
	text-align: left;
	width: 49%;
}
a:link {
	color: #FFFFFF;
}
a:hover {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:active {
	color: #FFFFFF;
}
/* fix for the floated elements being removed from the flow */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	color: #000000;
}
/* Hides from IE5/Mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE5/Mac */
.spacer {
	height: 20px;
	clear: both;
}
#header {
	background: #EC3C00 url(../images/blue-orange-logo.gif) no-repeat left center;
	height: 120px;
	padding: 0em; margin: 0em 0em 2.3em;
}
	#header p {
		font-size: 2em; font-weight: bold;
		color: #333333;
		text-align: right;
		margin: 0px; padding: 25px 30px 0px 0px;
	}
	#header #navcontainer {
	margin: 0; padding: 45px 20px 0px 0px;
	color: #FFFFFF;
	float: right;
	overflow: hidden;
}
	#header #navcontainer ul {
		list-style-type: none;
		margin: 0; padding: 0;
		font-size: 1.2em;
	}
	#header #navcontainer ul li {
		border-left: 1px solid #FFFFFF;
		float: left;
		margin: 0 .5em 0 -.5em;
		padding: 0 .5em 0 .5em;
	}
	#header #navcontainer ul li a { color: #FFFFFF; }
/* big grey box around everything */
#mainblock {
	background: #EC3C00;
	margin: 0 auto; padding: 0;
	width: 51em;
	text-align: left;
}
/* the box containing info pertaining to the user */
#userinfo {
	background: #0039FF;
	margin: 0px; padding: 0px;
	width: 24.5em;
	float: left;
}
	#userinfo #userpic {
		background: #CCCCCC;
		width: 15.7em;
		margin: 0 auto;	padding: 8px;
	}
	#userinfo #userblurb {
		background: #CCCCCC;
		margin: 5px auto 0;	padding: 10px;
		width: 15.7em;
		text-align: center;
	}
	#userinfo #userlinks {
		background: #CCCCCC;
		margin: 5px auto 0; padding: 10px;
		width: 15.7em;
		text-align: left;
	}
	#userinfo #userlinks ul {
		margin: 0.5em; padding: 0.7em;
		list-style: square;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	#userinfo #userlinks ul li { margin-left: 1em; padding: 0.1em; }
	#userinfo #userlinks ul li a {
		color: #000000;
		text-decoration: none; font-weight: bold;
	}
	#userinfo #userlinks ul li a:hover { color: #333333; }
/* block below user info showing one game */
#mainblock #singlegamebox {
	background: #0039FF;
	clear: both;
	width: 106%;
	margin: 0em -2em 0em 0em; padding: 0;
	position: relative;
	bottom: -5px;
}
#mainblock #singlegamebox .gamelist li {
	padding: 0;	margin: 0;
}
/* bottom section of page displaing other games */
#mainblock #moregames {
	clear: both;
	padding: 0px;
	margin: 0px;
	background: #0039FF;
}
	#mainblock #moregames #left {
		float: left;
		text-align: left;
		width: 49%;
		padding: 0px;
		margin: 0px;
	}
	#mainblock #moregames #right {
		float: right;
		text-align: left;
		width: 49%;
	}
#topgames {
	background: #0039FF;
	padding: 0;	margin: 0 0 0 -2px;
}
/* for the listing of games on the page */
.gamelist {
	list-style: none;
	padding: 3px; margin: 0px;
	color: #A6A6A6;
}
	.gamelist p {
		text-align: center;	font-size: 1.5em;
		background: #FF9595; color: #000000;
		border: 1px dashed #FFFFFF;
	}
	.gamelist li {
		clear: both;
		padding-top: 7px;	margin: 0px;
		width: 100%;
		overflow-x: hidden;
	}
	.gamelist li img {
		vertical-align: middle;
		margin-left: 3px;
	}
	.gamelist li span.left a:link {
		color: #009900;
	}
	.gamelist li span.left a:visited {
		color: #009900;
	}
	.gamelist li span.left {
		float: left;
		text-align: left;
		width: 39%;
		padding: 0px;	margin: 0px;
	}
	.gamelist li span.right {
		float: right;
		text-align: left;
		width: 59%;
		padding: 0px;
		margin: 0px;
	}
#footer {
	color: #FFFFFF;
	margin: 2em 0em 1em; padding: 0em;
}
/* signup pages */
ul.gallery {
	float: left;
	list-style: none;
	padding: 0px; margin: 0px;
	border: thin solid #FFFFFF;
	background: #B2B2B2;
}
	ul.gallery li {
		float: left;
		width: 90px;
		height: 90px;
		/*border: 1px solid #000000;*/
		margin: 2px; padding: 0px;
		/*background-color: #6666FF;*/
	}
	ul.gallery li img {
		padding: 0px; margin: 0px;
		width: 95%; height: 95%;
	}
	ul.gallery li input {
		display: inline;
		margin: 0px 10px 0px 0px;
		padding: 0px;
		position: relative;
		top: 1px; left: 5px;
	}
#msg {
	height: 0em;
	background: #FF9595;
	text-decoration: underline; font-weight: bold;
	/*border: thin solid #FFFFFF;*/
	margin: 2em 0em 0em 1em; padding: 0em;
}
.formerror {
	border: 1px solid red;
	background-color: #FFCCCC;
	width: auto;
	padding: 5px 0;
}
.errortext {
	padding-left: 80px;
	font: bold smaller sans-serif;
}
#mytop5, #myfavs {
	float: left;
	color: #999999;
	width: 100%;
	text-align: left;
}
	#mytop5 ul, #myfavs ul {
		list-style: none;
		text-align: left;
		padding: 0em; margin: 0em;
	}
	#mytop5 ul li, #myfavs ul li {
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		font-size: 1.2em;
		padding: 0.2em;
	}
#nextstepbar {
	text-align: right;
	font-size: 1.7em;
	padding-right: 1em; margin: 0.5em;
}
	#nextstepbar a {
		padding: 0.3em;
	}
	#nextstepbar a:hover {
		background-color: #333333;
	}
/* step 1 form */
#joinform {
	padding: 0em; margin: 0em 0em 0em 1em;
}
	#joinform input {
		padding: 0.1em; margin: 0.1em;
		color: #000000; background-color: #B2B2B2;
		border: 1px solid #000000;
	}
	#joinform label {
		width: 6em;
		text-align: right;
		float: left;
		color: #FFFFFF;
		margin-right: 0.4em;
	}
/* step 2 form */
#favform {
	color: #FFFFFF;
}
	#favform input, #favform select {
		padding: 0.1em; margin: 0.1em;
		color: #000000;	background-color: #B2B2B2;
		border: 1px solid #000000;
	}
	#favform .steppanels {
		border: 1px solid #CCCCCC;
		background: #0052A4;
		margin: 0.5em 0em 0em; padding: 0.4em;
	}
	#favform p {
		margin: 0em;
		padding: 0em;	
		font-size: larger;
		color: #FFFF00;
	}