/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

table tr td, table th { padding: 5px;}

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
.cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ie7 .clearFix { min-height: 1%; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #7b0f11;
}
a:visited {
	color: #7b0f11;
}
a:link:hover, a:visited:hover {
}

body {
	font-family: Verdana, sans-serif;
	text-align: center;
	background: #5d5d5d;
}
#page {
	font-size: 1.1em;
	position: relative;
	background: #6e4d33 url(/images/page-bg.png) repeat-y 0 0;
	color: #666666;
	width: 1062px;
	margin: 0 auto;
	text-align: left;
}
	#page2 {
		background: url(/images/page-b.png) no-repeat 0 100%;
	}
		#page3 {
			background: url(/images/page-t.png) no-repeat 0 0;
			padding: 55px 73px 55px 74px;
		}


#top {
	position: relative;
	width: 915px;
	overflow: hidden;
	margin: 0 0 10px;
}
	#logo {
		float: left;
		height: 115px;
		margin: 0 0 20px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 390px;
			height: 115px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/images/logo-1.png) no-repeat 0 0;
			}
	#banner1 {
		float: right;
		margin: 30px 0 0;
	}
	#menu {
		clear: both;
		width: 100%;
		height: 37px;
		z-index: 100;
	}
		#menu ul {
		}
			#menu li {
				float: left;
				display: block;
				line-height: 37px;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					width: 100%;
					height: 37px;
					color: #FFFFFF;
					position: relative;
				}
					#menu li a:link span, #menu li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(/images/but.png) no-repeat 0 0;
					}

				#menu #b1 { width: 124px; }
				#menu #b1 a:link span, #menu #b1 a:visited span { background-position: 0 0; }
				#menu #b1 a:link:hover span, #menu #b1 a:visited:hover span,
				#menu #b1.active a:link span, #menu #b1.active a:visited span { background-position: 0 -37px; }
				#menu #b2 { width: 137px; }
				#menu #b2 a:link span, #menu #b2 a:visited span { background-position: -124px 0; }
				#menu #b2 a:link:hover span, #menu #b2 a:visited:hover span,
				#menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: -124px -37px; }
				#menu #b3 { width: 128px; }
				#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -261px 0; }
				#menu #b3 a:link:hover span, #menu #b3 a:visited:hover span,
				#menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: -261px -37px; }
				#menu #b4 { width: 142px; }
				#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -389px 0; }
				#menu #b4 a:link:hover span, #menu #b4 a:visited:hover span,
				#menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: -389px -37px; }
				#menu #b5 { width: 123px; }
				#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -531px 0; }
				#menu #b5 a:link:hover span, #menu #b5 a:visited:hover span,
				#menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: -531px -37px; }
				#menu #b6 { width: 122px; }
				#menu #b6 a:link span, #menu #b6 a:visited span { background-position: -654px 0; }
				#menu #b6 a:link:hover span, #menu #b6 a:visited:hover span,
				#menu #b6.active a:link span, #menu #b6.active a:visited span { background-position: -654px -37px; }
				#menu #b7 { width: 139px; }
				#menu #b7 a:link span, #menu #b7 a:visited span { background-position: -776px 0; }
				#menu #b7 a:link:hover span, #menu #b7 a:visited:hover span,
				#menu #b7.active a:link span, #menu #b7.active a:visited span { background-position: -776px -37px; }

#wrap {
	width: 100%;
	overflow: hidden;
	background: url(/images/content-bg.png) repeat-y 0 0;
	margin: 0 0 11px;
	padding: 10px 0;
}
	#wrap2 {
		float: left;
		width: 648px;
		overflow: hidden;
	}
		#content {
			float: right;
			width: 437px;
			padding: 0 10px 0px;
			min-height: 880px;
			background: url(/images/back-1.jpg) no-repeat 0 250px;
		}
			#content h1 {
				font-weight: bold;
				font-size: 145.45%;
				margin: 0 0 .5em;
			}
			#content h2 {
				font-weight: bold;
				font-size: 118.18%;
				margin: 0 0 .75em;
			}
			#content h3 {
				font-weight: bold;
				font-size: 109.09%;
				margin: 0 0 .5em;
			}
			#content p {
				margin-bottom: 1em;
			}
		#side2 {
			float: left;
			width: 162px;
			padding: 0 9px;
			line-height: 1.1;
		}
	#side1 {
		float: right;
		width: 232px;
		padding: 0 12px;
	}


#bot {
	text-align: left;
	background: #9c0000 url(/images/bot-bg.gif) repeat-x 0 0;
	color: #FFFFFF;
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 90.91%;
	line-height: 24px;
}
	#bot .copyright {
		padding: 0 0 0 10px;
		background: url(/images/logo-game-creative.png) no-repeat 99% 0;
	}



/*-------
// sides
//-----*/

.menu1 {
	padding: 0 0 1px;
	margin: 0 0 5px;
	width: 100%;
	overflow: hidden;
}
	.menu1 li {
		margin: 0 0 7px;
		float: left;
		width: 100%;		
	}
		.menu1 li a:link, .menu1 li a:visited {
			display: block;
			background: url(/images/item-1.jpg) no-repeat 0 0;
			text-align: center;
			color: #4a3320;
			font-size: 109.09%;
			line-height: 25px;
			text-transform: uppercase;
		}

#side2 h3 {
	width: 161px;
	height: 25px;
	margin: 0 0 7px;
}
#side2 #tSponsors {
	width: 133px;
	height: 15px;
	margin: 25px auto 15px;
}

.logos {
}
	.logos li {
		margin: 0 0 15px;
		text-align: center;
	}

#featuredGame {
	background: #820000;
	border: solid 1px #2a0000;
	padding: 10px;
	margin: 0 0 15px;
	color: #FFFFFF;
}
	#featuredGame h3 {
		width: 134px;
		height: 15px;
		margin: 0 auto 15px;
	}
	#featuredGame .img {
		text-align: center;
		margin: 0 0 10px;
	}

#uploadVideo {
	background: #5c5050;
	border: solid 1px #2a0000;
	padding: 10px 7px;
	margin: 0 0 15px;
	color: #FFFFFF;
}
	#uploadVideo h3 {
		width: 185px;
		height: 15px;
		margin: 0 auto 15px;
	}
	#uploadVideo .img {
		text-align: center;
		margin: 0 0 10px;
	}

#news {
	margin: 0 0 5px;
}
	#news h3 {
		width: 151px;
		height: 18px;
		margin: 0 0 10px;
	}
		#news li a:link, #news li a:visited {
			font-weight: bold;
		}


/*-------
// titles
//-----*/

#tNewGames span {
	background: url(/images/titles/new-games.png) no-repeat 0 0;
}
#tTopScores span {
	background: url(/images/titles/top-scores.png) no-repeat 0 0;
}
#tActionGames span {
	background: url(/images/titles/action-games.png) no-repeat 0 0;
}
#tSportGames span {
	background: url(/images/titles/sport-games.png) no-repeat 0 0;
}
#tSponsors span {
	background: url(/images/titles/sponsors.png) no-repeat 0 0;
}
#featuredGame h3 span {
	background: url(/images/titles/featured-game.png) no-repeat 0 0;
}
#uploadVideo h3 span {
	background: url(/images/titles/upload-video.png) no-repeat 0 0;
}
#news h3 span {
	background: url(/images/titles/news.png) no-repeat 0 0;
}
#news2 h2 span {
	background: url(/images/titles/news2.png) no-repeat 0 0;
}

/*-------
// homepage
//-----*/

#swap {
	background: #373637;
	padding: 12px;
	margin: 0 0 20px;
}
	#swap .img {
		margin: 0 0 12px;
	}
	#swap ul {
		width: 413px;
		overflow: hidden;
	}
		#swap li {
			float: left;
			margin: 0 9px 0 0;
		}
		#swap li.last {
			margin: 0;
		}
			#swap li a:link, #swap li a:visited {
				display: block;
				float: left;
				width: 96px;
				height: 64px;
				overflow: hidden;
				position: relative;
			}
				#swap li a:link img, #swap li a:visited img {
				}
			#swap li.active a:link, #swap li.active a:visited {
				border: solid 4px #ed1c24; 
				width: 88px;
				height: 56px;
			}
				#swap li.active a:link img, #swap li.active a:visited img {
					position: absolute;
					left: -4px;
					top: -4px;
				}

#news2 {
}
	#news2 h2 {
		width: 136px;
		height: 21px;
		margin: 0 0 15px;
	}
	#news2 ul {
	}
		#news2 li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 10px;
		}
			#news2 li img {
				float: right;
				margin: 0 0 5px 10px;
			}
			#news2 li a:link, #news2 li a:visited {
				font-weight: bold;
			}


/* Signup page */

.dob input { width: 7em;}

.username input,
.mobile input { width: 8em;}

.password input, .confirm-password input { width: 10em;}

/* High Scores*/
tr th { font-size: 16px;}
tr.Position1 { font-size: 16px; }
tr.Position2 { font-size: 14px; }
tr.Position3 { font-size: 12px; }

/* Login */
div#Login h2 { padding: 10px;}
div#Login table th { padding: 2px; font-size: 10px;}
table td.Remember input.button { float: right;}

table td.Remember input.button { float: right;}

table td.Remember input.button { float: right;}
div#Login tr a { font-size: 16px;}