/*-----------------------------------------------------------------------------
 * colors
/*-----------------------------------------------------------------------------*/

/* 
colors:
	mg blue: #7b95af 
	saturated blue: #4f81bd
*/

/*-----------------------------------------------------------------------------
 * default rules
/*-----------------------------------------------------------------------------*/

body {
	font-family: arial;
	/*font-size: 100%;*/
	color: #000000;

	/*background:#FFFFFF url(images/bg_fade.png) repeat-x	scroll center top;*/
	margin:	0;
}

a {
	font-family: arial;
	color: #4f81bd;
}
a:hover {
	color: gray;
}

img {
	border: 0;
}

/*-----------------------------------------------------------------------------
 * specific rules
/*-----------------------------------------------------------------------------*/

.image-highlight {
	border: 1px solid #DDDDDD;
}
.image-highlight:hover {
	border: 1px solid #4f81bd;
}

.game {
	margin: 0;
	padding: 0;
	/*border: 2px solid #4f81bd;*/
}

.copyright {
	color: #888888;
}

.date {
	font-family: verdana;
	font-size: 0.8em;
	color: #666666;
	padding: 0;
	margin-top: 0.33em;
}

.separator {
	border-bottom: 5px solid #4f81bd;
	clear: both;
}
.separator-gray {
	border-bottom: 1px solid #444444;
	clear: both;
}

.separator-dotted {
	border-bottom: 1px dashed #4f81bd;
}

.img-border {
	background-color: #222222;
	padding: 1.0em;
	border-top: 4px solid #444444;
	border-bottom: 4px solid #444444;
}

/*-----------------------------------------------------------------------------
 * header
/*-----------------------------------------------------------------------------*/

#header-outer-wrapper {
	border-top: 10px solid #4f81bd;

	padding-bottom: 0;
	margin-bottom: 0;
}
#header-wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#header {
	padding: 1.33em 0 0 0;			
	/*margin-bottom: 3.0em;*/
	/*border-top: 1px solid #4f81bd;
	border-bottom: 1px solid #4f81bd;*/
}

#main-wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding-top: 10px;
}

/*-----------------------------------------------------------------------------
 * nav bar
/*-----------------------------------------------------------------------------*/


#nav-wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#nav {
	text-align: right;
}
#nav ul {
	padding: 0;
	margin: 0.66em;
}
#nav li {
	display: inline;
}
#nav img {
	border: none;
	padding: 0.0em 1.0em 0em 1.0em;			
}
#nav a {			
	color: #222222;
	text-decoration: none;
}
#nav a:hover {
	color: #666666;
}
#nav h1 {
	font-family: "century gothic", "arial";
	font-size: 1.66em;
	display: inline;
	padding: 0em 0em 0em 0.66em;
	margin: 0;
}

/*-----------------------------------------------------------------------------
 * featured game
/*-----------------------------------------------------------------------------*/

#feature-outer-wrapper {
	/*margin-top: 1.0em;*/
	/*background-color: #EEEEEE;*/
	background: url(images/gradient-blue-480.png) repeat-x;
	padding-top: 1.0em;
}
#feature-wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding-bottom: 0;
	/*padding: 1.0em;*/
}
#feature {		
	background-color: #222222;
	color: #BBBBBB;
	width: 100%;
	border: 3px solid #444444;

	padding-top: 1.0em;
	padding-bottom: 1.0em;
	text-align: center;
}
#feature h1 {
	color: #EEEEEE;
	font-family: "century gothic", "arial";
	padding-top: 0em;
	margin-top: 0.0em;
	margin-bottom: 0.66em;
	/*border-top: 1px solid #EEEEEE;*/
	/*border-bottom: 1px solid #EEEEEE;*/
}
#feature-image-container {
	/*float: left;*/
	padding: 1.0em 1.0em 1.0em 2.0em;
}
#feature-description {
	text-align: left;
	vertical-align: top;
	padding: 1.0em 2.0em 1.0em 1.0em;
}
/*#feature-description a:hover {
	color: #4f81bd;
	text-decoration: overline;
}
#feature-description a:hover h1 {
	text-decoration: underline overline;
}*/

#feature-description-title a {
	text-decoration: none;
}
#feature-description-title a h1 {
	color: #EEEEEE;
	text-decoration: none;
	border-bottom: 1px solid #4f81bd;
	margin-bottom: 0.33em;
}
#feature-description-title a:hover h1 {
	text-decoration: none;
	/*text-decoration: overline underline;*/
	border-bottom-style: dashed;
}

/*-----------------------------------------------------------------------------
 * game list
/*-----------------------------------------------------------------------------*/

#gamelist-outer-wrapper {
	background-color: #EEEEEE;
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

#gamelist-wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding: 0.33em 1.0em 0.33em 1.0em;
	margin-top: 0.66em;
}


#gamelist {
	display: inline;	
	/*border-spacing: 1em; /*0em 1.66em 0em 1.66em; */
	margin: 0em;
	padding: 0em;
	width: 1024px;

	color: #222222;
}
#gamelist td {
	padding: 0em 1.0em 0em 1.0em;
	text-align: center;
	vertical-align: top;
}
#gamelist h1 {
	font-family: "century gothic", "arial";
	margin-bottom: 0.33em;
}
#gamelist h1 a {
	font-family: "century gothic", "arial";
	color: #222222;
	text-decoration: none;
}
#gamelist h1 a:hover {
	color: #666666;
	text-decoration: none;
}
#gamelist a img {
	border: 0;
}
#gamelist a:hover img {
	border: 0;
}

/*-----------------------------------------------------------------------------
 * footer
/*-----------------------------------------------------------------------------*/

#footer {
	padding: 0.75em 0 0.5em 0;
	margin-bottom: 2.0em;
}

.footer {
	color: #444444;
}

.footer a {
	color: #444444;
	text-decoration: none;
}
.footer a:hover {
	color: #666666;
	text-decoration: underline;
}