/*
Author: David B. Howe
*/

/* GLOBAL */

body
{
	background-color: #2E2E2E;
	color:						#FFFFFF;
	font-family:			verdana, sans-serif;
}

a:link		{	text-decoration: none; }
a:visited { text-decoration: none; color: #0000FF; }
a:hover		{ text-decoration: none; color: #454545; }
a:active	{ text-decoration: none; color: #454545; }

p.portalText
{
	background-color: #FFFFFF;
	color:						#2E2E2E;
	font-size:				0.8em;
	text-align:				left;
}

img
{
	border:	none;
}

.footerText
{
	font-size:	0.6em;
	color:			#DDDDDD;
}

.whiteBG
{
	background-color: #FFFFFF;
	color:						#000000;
	width:						900px;
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:		1px;
	border:						1px solid #000000;
}

.contentBox
{
	background-color: #DDDDDD;
	border:			  		1px solid #808080;
	margin:			  		2px;
}

.header
{
	width:	 894px;
	height:	 150px;
}

.headerMenu
{
	float:								left;
	padding:							0px;
	margin:								10px 0px 0px 0px;
}

.miniMenu
{
	list-style:	none;
	margin:     0px 0px 0px 0px;
}

.miniMenu li
{
	list-style:	none;
	margin:     0px 0px 0px 0px;
	display:		inline;
}

.thinGrayLine
{
	background-color: #DDDDDD;
	height:						2px;
}

.mainWhiteBox
{
	background-color: #FFFFFF;
	color:			  		#000000;
	height:						680px;
	border-top:				1px solid #808080;
	padding:		  		0px 15px 0px 15px;
	margin:						0px 0px 0px 0px;
}

.grayGradFooter
{
	background-image:	url(img/bg_graygrad.gif);
	color:			  		#FFFFFF;
	text-align:		  	center;
	border-bottom:	  1px solid #808080;
	padding:		  		2px 2px 2px 2px;
}

.headerIcon
{
	float:						left;
	width:						150px;
	height:						150px;
}

.headerRight
{
	float:								right;
	width:								744px;
	height:								95px;
}

.grayBox
{
	background-color: #DDDDDD;
	color:			  		#000000;
	padding:		  		0px 0px 1px 0px;
	margin:						0px;
}

.grayBoxCentered
{
	background-color: #DDDDDD;
	color:			  		#000000;
	padding:		  		0px 0px 1px 0px;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
}

.viewWebsiteButton
{
	margin-top: 5px;
}

.defaultBlackText
{
	color:			#000000;
	font-size:	0.8em;
}

/* MAIN SECTION */

.mainHeaderIcon
{
	background-image: url(img/main_header_icon.gif);
	float:						left;
	width:						150px;
	height:						150px;
}

.mainHeaderRight
{
	background-image:			url(img/main_header_right.gif);
	float:								right;
	width:								744px;
	height:								95px;
}

.mainLeftPortal
{
	float:				left;
	width:				400px;
	margin-left:	auto;
	margin-right: auto;
	text-align:		center;
}

.mainLeftPortalText
{
	width:				95%;
	margin-left:	auto;
	margin-right: auto;
	text-align:		center;
}

.mainRightMenu
{
	float:  right;
	width:  430px;
	height:	auto;
}

.mainMenu
{
	list-style:	none;
}

.mainMenu li
{
	list-style:	none;
	padding:    5px 0px 5px 0px;
}

/* NEWS SECTION */

.newsGraphicTop
{
	width:								894px;
	height:								200px;
}

.newsGraphicBottom
{
	float:								right;
	width:								250px;
	height:								200px;
	margin-left:					10px;
	margin-bottom:				10px;
}

.newsBox
{
	margin-top:		10px;
	margin-left:	auto;
	margin-right: auto;
	text-align:		center;
}

.newsTextBox
{
	font-size:		0.8em;
	margin-top:		5px;
	margin-left:	45px;
	margin-right: 35px;
	text-align:		left;
}

.newsCommentBox
{
	font-size:		0.8em;
	width:				650px;
	margin-top:		5px;
	margin-left:	auto;
	margin-right: auto;
	text-align:		left;
	display:			none;
}

.newsCommentContainer
{
	background-color: #CCCCCC;
	width:						550px;
	border:			  		1px solid #555555;
	margin:			  		8px;
	margin-left:			auto;
	margin-right:			auto;
}

.newsCommentHeader
{
	background-color: #909090;
	color:			  		#FFFFFF;
	text-align:				left;
	border-bottom:	  1px solid #555555;
	padding:		  		5px 5px 5px 5px;
}

.newsCommentDateText
{
	background-color: #909090;
	color:			  		#FFFFFF;
	text-align:				right;
	margin-right:			5px;
}

.newsCommentTimeText
{
	background-color: #909090;
	color:			  		#000000;
	font-size:				0.6em;
	text-align:				right;
	margin-right:			5px;
}

.newsComment
{
	background-color: #C5C5C5;
	color:			  		#000000;
	font-size:				0.8em;
	text-align:				left;
	padding:		  		10px 15px 10px 15px;
}

/* WEBDEV SECTION */

.websiteDescription
{
	font-size:			0.8em;
	margin-top:			5px;
	margin-left:		100px;
	margin-right:		125px;
	margin-bottom:	10px;
	text-align:			left;
}

.websiteThumb
{
	float:		right;
	margin:		0px 0px 5px 10px;
	border:		1px solid #000000;
}

.webdevText
{
	font-size:			0.8em;
	padding-top:		1px;
	margin-left:		100px;
	margin-right:		125px;
	margin-bottom:	15px;
	text-align:			left;
}

/* GAMESPORT SECTION */

.gamesportText
{
	font-size:			0.8em;
	padding-top:		1px;
	margin-left:		100px;
	margin-right:		125px;
	margin-bottom:	15px;
	text-align:			left;
}

.gamesportDescription
{
	font-size:			0.8em;
	margin-top:			5px;
	margin-left:		80px;
	margin-right:		90px;
	margin-bottom:	10px;
	text-align:			left;
}

.gamesportImages
{
	width: 300px;
	/*float: right;
	height: 100%;*/
}

.gamesportGameDescription
{
/*float: left;*/
	width: 420px;
}

.gamesportThumb
{
	margin:		0px 0px 5px 10px;
	border:		1px solid #000000;
}

.gamesportSectionHead
{
	background-color: #858585;
	color:						#FFFFFF;
	font-size:				1em;
	font-weight:			bold;
	padding:					5px;
	margin:						10px 10px 10px 0px;
	border:						1px solid #000000;
}

.gamesportSection
{
	color:					#000000;
	font-size:			0.8em;
	margin:					10px 25px 10px 10px;
	text-align:			left;
}

.gamesportStatsTable
{
	font-size: 1em;
	width:		 401px;
}

.gamesportLinks
{
	margin: 2px 0px 10px 0px;
}

.gamesportStatsTable th
{
	background-color: #AAAAAA;
	color:						#000000;
	width:						50%;
	text-align:				left;
	vertical-align:		top;
	border:						1px solid #000000;
	padding:					2px 5px 2px 5px;
}

.gamesportStatsTable td
{
	background-color: #CCCCCC;
	color:						#000000;
	width:						50%;
	border:						1px solid #000000;
	padding:					2px 5px 2px 5px;
}

/* RESUME SECTION */

.resumeText
{
	font-size:			0.8em;
	padding-top:		0px;
	margin-top:			0px;
	margin-left:		100px;
	margin-right:		125px;
	margin-bottom:	15px;
	text-align:			left;
}

.resumeContainer
{
	font-size:			0.8em;
	margin:					5px 90px 10px 80px;
}

.resumeSectionHead
{
	background-color: #858585;
	color:						#FFFFFF;
	font-size:				1em;
	font-weight:			bold;
	text-align:				left;
	padding:					5px;
	margin:						10px 10px 10px 0px;
	border:						1px solid #000000;
}

.resumeSection
{
	color:					#000000;
	font-size:			1.0em;
	margin:					10px 25px 10px 25px;
	text-align:			left;
}

.resumeList
{
	color:					#000000;
	font-size:			1.0em;
	margin-top:			0px;
	margin-bottom:	0px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
}

.resumeTable
{
	color:					#000000;
	width:					650px;
	font-size:			1.0em;
	margin-left:		auto;
	margin-right:		auto;
}

.resumeTable td
{
	background-color: #BBBBBB;
	padding:					7px;
	border:						1px solid #959595;
}

.resumeTable th
{
	background-color: #858585;
	color:						#FFFFFF;
	font-size:				1em;
	font-weight:			bold;
	text-align:				left;
	padding:					5px;
	margin:						10px 10px 10px 0px;
	border:						1px solid #000000;
}

.rightTD
{
	width:	13%;
	font-size: 0.75em;
}

.leftTD
{
	width:	18%;
	font-size: 0.75em;
}

.resumeDescription
{
	padding-top:	5px;
}
