/* main content, global styles */
body { font: 100% Verdana, Arial, Helvetica, sans-serif; }
a:link { color: #16008d; }
a:visited { color: #000000; }
a:hover {
	color: #000000;
	background-color: #cccccc;
}
a:active { color: #b3b4b4; }
strong { font-weight: bold; }
p { padding: 0.5em 0; }

.nobr { white-space: nowrap; }
.errors { color: #d70000; }
.discs { list-style: disc inside; margin-left: 1em; }
.centered { display: block; margin: 0 auto; }

#maincontainer {
	height: 600px;
	width: 970px;
	padding: 0.5em;
}
	#maincontainer #leftside {
		width: 240px; height: 100%;
		float: left;
		background: transparent url(images/left-panel.jpg) no-repeat top;
		border: 3px solid #16008d;
	}
	#maincontainer #rightside {
		width: 721px; height: 100%;
		float: left;
		border: 3px solid #16008d; border-left: none;
		background: transparent url(images/right-panel.gif) no-repeat;
	}
		#maincontainer #rightside #content {
			margin: 45px 45px 0;
			overflow: scroll;
			height: 500px;
			/*text-align: center;*/
		}
	#maincontainer #topbar {
		width: 100%; height: 15px;
		border-bottom: 3px solid #16008d;
		margin: 0 0 15px;
		color: #16008d;
		font-weight: bold; font-size: 77%;
	}
		#maincontainer #topbar span.left {
			float: left;
			text-align: left;
			width: 60%;
		}
		#maincontainer #topbar span.right {
			float: right;
			text-align: right;
			width: 39%;
		}
	#maincontainer #footer {
	background: url(images/footer.gif) no-repeat left top;
	height: 43px;
	width: 100%;
	float: left;
	text-indent: -9000px;
	margin-top: 10px;
	}

/* vertical nav */
#menu {
	margin: 170px auto 0;
	width: 90%;
}
	#menu ul {
		font-size: 122%;
		color: #fff;
	}
	#menu li {
		padding: 0.2em 0 0 0.4em;
	}
	#menu li.header {
		padding-left: 0;
		margin-top: 1em;
		font-weight: bold;
		color: #b3b4b4;
	}
	#menu a:link { color: #fff; }
	#menu a:visited { color: #000; }
	#menu a:hover { color: #000; }
	#menu a:active { color: #b3b4b4; }

/* content pages */
#content #genrelist {
	font-size: 16px;
	color: #16008d;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 30px;
}
/*#content #genrelist a:link, a:visited, a:active {
	text-decoration: none;
}*/
#maincontainer #rightside #content .toptxt {
	padding: 0 0 30px;
	text-align: left;
}
div.row {
	clear: both;
	padding-top: 7px;
}
div.row span.label {
	float: left;
	width: 45px;
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
}
div.row span.formw {
	float: left;
	width: 270px;
	text-align: left;
	padding-left: 10px;
} 
#maincontainer #rightside #content h1 {
	color: #16008d;
	text-decoration: underline;
	text-align: center;
}
#maincontainer #rightside #content #gmname {
	color: #16008d;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	vertical-align: top;
}
#maincontainer #rightside #content #gmdesc {
	color: #16008d;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: 330px;
	width: 500px;
	font-size: 13px;
}
#maincontainer #rightside #content #gmimg {
	float: left;
	clear: right;
	height: 330px;
	width: 270px;
	padding: 3px;
	text-align: center;
}
#maincontainer #rightside span.left {
	float: left;
	text-align: left;
	position: relative;
	top: 150px;
	/*width: 49%;*/
}
#maincontainer #rightside span.right {
	float: right;
	text-align: right;
	vertical-align: bottom;
	top: -180px;
	position: relative;
	/*width: 49%;*/
}
#maincontainer #rightside #content .bodyHeadings {
	font-size: 122%;
	text-align: left;
	font-weight: bold;
}
#maincontainer #rightside #content .sitelist {
	padding: 0;
	margin: 0 0 0 20px;
	text-align: left;
}
#maincontainer #rightside #content .float {
	float: left;
	padding: 5px;
	margin: 10px 0 0;
}
#maincontainer #rightside #content .float p {
	text-align: center;
	margin: 0;
	padding: 7px 0 0;
}
#maincontainer #rightside #content .spacer {
	clear: both;
}
#maincontainer #rightside #content .container {
	margin: 0 0 0 60px;
	padding: 10px;
}
#maincontainer #rightside #content .container .float img {
	padding: 0;
}
#maincontainer #rightside #content .container .float a:link, 
#maincontainer #rightside #content .container .float a:active, 
#maincontainer #rightside #content .container .float a:visited, 
#maincontainer #rightside #content .container .float a:hover {
	font-weight: bold;
	font-size: 13px;
}
/* game dev section */
#custom-game-development h1 {
	font-size: 122%;
	font-weight: bold;
	margin-bottom: 20px;
}
#custom-game-development span.left a:hover { background-color: transparent; }
#custom-game-development span.right  a:hover { background-color: transparent; }