/***************************
*  FutureGamers v2
*  (c) 2009 Fg Entertainment
*  Designed by: Fg Designs (fgdesigns.net)
***************************/

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
hr {
	color: #1D1D1D;
	height: 1px;
	margin: 8px 8px 0px 8px;
	padding: 0px;
	line-height: 1px;
	border-bottom: 1px dotted #666666;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

/*** Frame ***/
#frame {
	background-color: #3e3e3e;
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#frame:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/*** Navigation ***/
#navigation {
	width: 950px;
	height: 30px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image: url(template/images/nav.png);
	background-repeat: repeat-x;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	height: 30px;
	font-size: 14px;
	width: 950px;
}
#navigation ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#navigation a, #navigation a:link, #navigatoin a:active, #navigation a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	background-image: url(template/images/nav_div.png);
	background-repeat: no-repeat;
	background-position: right;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
}
#navigation a:hover {
	background-image: url(template/images/nav_hov.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a.home, #navigation a.home:link, #navigation a.home:visited, #navigation a.home:active, #navigation a.home:hover {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	background-image: url(template/images/nav_home.png);
	background-repeat: repeat-x;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

/*** Sub Navigation ***/
#subnav {
	width: 950px;
	height: 25px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#subnav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 25px;
	font-size: 12px;
	color: #FFFFFF;
	list-style: none;
	line-height: 25px;
	width: 950px;
}
#subnav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	float: left;
	vertical-align: middle;
}
#subnav a:hover {
	text-decoration: underline;
}

/* Sub Nav Page Backgrounds */
#subnav ul.home {
	background-image: url(template/images/subnav_home.png);
	background-repeat: repeat-x;
}

/*** Search / Login ***/
#slog {
	width: 950px;
	height: 80px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* Search */
#search {
	width: 605px;
	height: 80px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(template/images/search_bg.png);
	background-repeat: no-repeat;
}
input.search {
	height: 18px;
	margin: 15px 0px 0px 30px;
	padding: 0px 0px 0px 5px;
	float: left;
	background-color: #333333;
	border: 1px solid #000000;
	color: #FFFFFF;
}
input.searchBtn {
	background: url(template/images/search_btn.png) no-repeat top left;
	border: none;
	cursor: pointer;
	height: 20px;
	overflow: hidden;
	padding: 0px;
	margin: 14px 50px 0px 0px;
	width: 77px;
	float: right;
	line-height: 20px;
	font-weight: bold;
}
h1.searchLinks {
	font-size: 14px;
	font-weight: normal;
	margin: 50px 10px 0px 10px;
	padding: 0px;
	text-align: center;
	color: #DDDDDD;
}
h1.searchLinks a, h1.searchLinks a:visited, h1.searchLinks a:active, h1.searchLinks a:link {
	text-decoration: none;
	color: #0099CC;
}
h1.searchLinks a:hover {
	color: #FFFFFF;
}

/* Log In */
#login {
	width: 345px;
	height: 75px;
	float: right;
}
#login .form {
	width: 260px;
	height: 75px;
	float: left;
	margin: 0px;
	padding: 0px;
}
p.login {
	font-size: 14px;
	margin: 15px 0px 0px 15px;
	padding: 0px;
	color: #FFFFFF;
	float: left;
}
input.login {
	float: right;
	margin: 13px 15px 0px 0px;
	padding: 0px;
	height: 16px;
}

/* Side Account Links */
#login .side {
	width: 85px;
	margin: 0px;
	padding: 0px;
	height: 75px;
	float: right;
}
.log {
	height: 25px;
	width: 85px;
	background-image: url(template/images/login_bg.png);
	background-repeat: no-repeat;
	line-height: 25px;
	vertical-align: middle;
}
.log p {
	color: #FFFFFF;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
}
.reg {
	height: 25px;
	width: 85px;
	background-image: url(template/images/register_bg.png);
	background-repeat: no-repeat;
	line-height: 25px;
	vertical-align: middle;
}
.reg p {
	color: #FFFFFF;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
}
.fGot {
	height: 25px;
	width: 85px;
	background-image: url(template/images/forgot_bg.png);
	background-repeat: no-repeat;
	line-height: 25px;
	vertical-align: middle;
}
.fGot p {
	color: #FFFFFF;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
}

/*** Top Advertisement ***/
#topAd {
	width: 950px;
	min-height: 120px;
	height: 120px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
#topAd p.ad {
	font-size: 10px;
	color: #999999;
	margin: 0px auto 0px auto;
	padding: 0px;
}


/*** Flash Player & Highlights ***/
#player_bg {
	width: 950px;
	height: 320px;
	margin: 0px;
	padding: 0px;
	background-color: #1D1D1D;
}

/* Player */
#player {
	width: 625px;
	height: 300px;
	margin: 10px 15px 10px 10px;
	padding: 0px;
	float: left;
	background-color: #000000;
}

/* Highlights */
#highlights {
	width: 285px;
	height: 300px;
	float: right;
	margin: 10px 10px 10px 0px;
	padding: 0px;
}
.highlights_header  {
	height: 25px;
	background-color: #344962;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	line-height: 25px;
	vertical-align: middle;
}
#highlights .highlights_header h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	text-transform: uppercase;
}
.highlights_header p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
}
#highlights h1 {
	color: #0099CC;
	font-weight: normal;
	font-size: 14px;
	margin: 8px 8px 0px 8px;
	padding: 0px;
}

/*** Content ***/
#content {
	width: 650px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* Half Columns */
#content .half {
	width: 310px;
	float: left;
	margin: 10px 5px 0px 5px;
	padding: 0px 0px 10px 0px;
	background-color: #1D1D1D;
	background-image: url(template/images/con_bot-310.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.half_head {
	height: 25px;
	background-color: #1d334f;
	border: 1px solid #1D1D1D;
	line-height: 25px;
	vertical-align: middle;
}
.half .half_head h1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
.half_head p {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
}
.half h1 {
	color: #0099CC;
	font-weight: normal;
	font-size: 12px;
	margin: 8px 8px 0px 8px;
	padding: 0px;
}

/* Video Feed */
#videoFeed {
	width: 630px;
	height: 200px;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	border: 1px solid #1D1D1D;
	background-image: url(template/images/video_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;
	float: left;
}
#videoFeed .head {
	width: 630px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
	vertical-align: middle;
	float: left;
}
#videoFeed .head h1 {
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
#videoFeed .head p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: right;
}
#videoFeed .vid {
	width: 135px;
	height: 155px;
	float: left;
	margin: 10px 11px 0px 11px;
	padding: 0px;
}
#videoFeed .vid img {
	padding: 4px;
	margin: 0px;
	border: 1px solid #666666;
}
#videoFeed .vid img:hover {
	border: 1px solid #0099CC;
	cursor: pointer;
}
#videoFeed .vid h1 {
	color: #0099CC;
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}
#videoFeed .vid p {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
	

/*** Right ***/
#right {
	width: 300px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* Coming Soon */
#coming {
	width: 280px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 3px 0px;
	background-color: #1D1D1D;
}
.coming_head {
	height: 25px;
	background-color: #1d334f;
	border: 1px solid #1D1D1D;
	line-height: 25px;
	vertical-align: middle;
}
#coming .coming_head h1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
#coming h1 {
	font-size: 12px;
	font-weight: normal;
	color: #0099CC;
	margin: 6px 0px 6px 8px;
	padding: 0px;
}
span.date {
	color: #FFFF00;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

/* Sponsored Links */
.sponsoredLinks {
	width: 280px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 5px 0px;
	border: 2px solid #222222;
	background-color: #333333;
}
.sponsoredLinks p {
	font-size: 10px;
	width: 260px;
	margin: 5px auto 5px auto;
	padding: 0px 0px 2px 5px;
	border-bottom: 1px solid #999999;
	color: #999999;
}
.sponsoredLinks .space {
	width: 250px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/*** Footer ***/
#footer {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #1D1D1D;
}

/*** Extras ***/
span.xbox360 {
	color: #00CC00;
	font-size: 10px;
}
span.pc {
	color: #FFFF00;
	font-size: 10px;
}
span.ps3 {
	color: #6699CC;
	font-size: 10px;
}
span.wii {
	color: #00FFFF;
	font-size: 10px;
}
span.movie {
	color: #CC3300;
	font-size: 10px;
}
span.tv {
	color: #CCFF00;
	font-size: 10px;
}
span.dvd {
	color: #FF9900;
	font-size: 10px;
}