/*** VIDEOGAMER - FRONT PAGE STYLE ***/
/*************************************/

/*** GENERAL ***/
.transBg {
	border:0;
}
.frontPage {
	padding-top:7px;
}
/*** HIGHLIGHTS AREA ***/
.frontPage #highlightsBox {
	width:377px;
	margin-bottom:5px;
}
/*** Primary Highlight ***/
#mainHighlight {
	background-color:#383838;
	height:235px;
}
ul.hlHeader {
	height:26px;
}
ul.hlHeader li {
	float:left;
	width:26px;
	height:22px;
	position:relative;
	font-family:arial, tahoma, verdana;
}
ul.hlHeader li a {
	display:block;
	padding:2px 3px 4px 6px;
	text-align:center;
	background:url(rotator_numbg.gif) no-repeat;
	color:#7f7f7f;
	font-size:17px;
	outline:0;
	position:relative;
}
ul.hlHeader li a:hover {
	color:white;
}
ul.hlHeader li a.hl, ul.hlHeader li a.hl:hover {
	background:url(rotator_numbg_hl.gif) no-repeat;
	color:black;
}
ul.hlHeader #hlDesc {
	width:250px;
	height:21px;
	line-height:20px;
	padding:1px 0 0 12px;
	background:url(rotator_numbg_end.gif) no-repeat;
	color:#d7d7d7;
	font-weight:bold;
	font-size:11px;
	font-family:tahoma, verdana, helvetica;
}
a.hlOverlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
a.hlOverlay img {
	display:block;
	width:100%;
	height:100%;
}
.hlTopContent li {
	height:204px;
	background-repeat:no-repeat !important;
	position:relative;
	cursor:pointer;
}
.hlTopContent li h3 {
	height:75px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(hlbig_overlay.png) no-repeat;
	font-size:11px;
	color:#ffffff;
}
.hlTopContent li h3 a {
	display:block;
	width:365px;
	height:71px;
	padding:4px 0 0 8px;
	font-weight:normal;
	color:white;
}
.hlTopContent li h3 strong {
	display:block;
	font-size:18px;
	color:white;
	font-family:arial, tahoma, helvetica;
}
.hlTopContent li h3 em {
	display:block;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:2px;
	color:#b0b0b0;
}
/*** Secondary Highlights ***/
.secondaryHl {
	width:184px;
	height:150px;
	margin:5px 0 0 5px;
	position:relative;
	cursor:pointer;
}
.secondaryHlRight {
	float:right;
	margin-left:0;
}
.secondaryHl h2 {
	height:53px;
	position:absolute;
	top:97px;
	left:0;
	background:url(hlsml_overlay.png) no-repeat;
	font-size:11px;
	color:#ffffff;
}
.secondaryHl h2 a {
	display:block;
	width:178px;
	height:20px;
	padding:3px 0 0 6px;
	font-weight:normal;
	color:white;
}
.secondaryHl h2 strong {
	display:block;
	font-size:14px;
	color:white;
	font-family:arial, tahoma, helvetica;
}
.secondaryHl h2 em {
	display:block;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	padding-top:2px;
	color:#b0b0b0;
}
/*** NEWS BOX ***/
.frontPage #newsBox {
	display:inline;
	float:right;
	width:275px;
	min-height:359px;
	margin-right:5px;
	padding:1px;
	background:white;
	position:relative;
}
* html .frontPage #newsBox {
	height:359px;
}
#topStory {
	padding:2px 0 3px 20px;
	border-bottom:3px solid #4d639f;
	background:transparent url(1.gif) no-repeat left center;
	font-size:11px;
	position:relative;
}
#topStory h2 {
	font-size:13px;
	padding:0 0 4px 2px;
	line-height:15px;
}
#topStory img {
	float:left;
	margin-right:6px;
}
#topStory .comment {
	bottom:-1px;
	right:0px;
}
#newsBox ul {
	margin-top:1px;
	padding:0 5px 0 0;
	background-color:#f2f2f2;
	font-size:11px;
	position:relative;
}
#newsBox ul li {
	padding:6px 0 6px 6px;
	border-bottom:1px solid #ccd2e3;
}
* html #newsBox ul li {
	padding:5px 0 6px 0 20px;
}
#newsBox .moreNews {
	width:95%;
	position:absolute;
	font-size:10px;
	padding-bottom:3px;
	bottom:0;
	left:6px;
	text-align:right;
}
#newsBox .rssLeft {
	float:left;
	padding:0 0 0 18px;
	background:url(icon_rss_small.png) no-repeat;
}
.topStory_e3 {
	background:transparent url(topstory_vert_e3.gif) no-repeat left center;
}
/*** SPECIAL FEATURES ***/
.specialBoxLeft, .specialBoxRight {
	width:330px;
	height:70px;
	background:#848484;
}
.specialBoxRight {
	float:right;
}
/*** ARTICLE/VIDEO HIGHLIGHTS ***/
#articleHighlightsBox, #videoHighlightsBox {
	width:322px;
	margin:5px;
}
#articleHighlights, #videoHighlights {
	padding:0;
}
.list li {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:7px 0 0 2px;
}
.list li.alt {
	border:0;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#f1f1f1;
}
.list li.first {
	border-top:0;
}
.list li.story p{
	padding:2px 5px 6px; 
	line-height:14.5px;
}
.list li img {
	float:left;
	margin-right:8px;
}
.list li h4 {
	font-size:13px;
	font-family:tahoma, verdana, arial;
	padding-bottom:3px;
}
.list dl {
	margin:1px 0;
	padding:5px 10px 5px 5px;
	background-color:#f1f1f1;
	clear:left;
}
.list dl dt {
	background:url(arrow_grey.gif) no-repeat 0px 3px;
	padding:0 0 7px 11px;
}
.list dl dd {
	float:right;
	color:#6c6c6c;
}
.list dl .last {
	padding-bottom:0;
}
.moreContent {
	height:19px;
	padding-top:7px;
	border-top:1px solid #e6e6e6;
	text-align:center;
}
.greyOut {
	font-weight:bold;
	color:#cacaca;
}
/*** VIDEO HIGHLIGHTS ***/
#videoHighlightsBox {
	float:right;
	width:322px;
	margin-left:0;
	background:white;
	padding:1px;
	display:inline;
}
* html #videoHighlights li {
	float:left;
	width:320px;
}
#videoHighlights a.thumb {
	width:80px;
	height:60px;
	display:block;
	padding:1px;
	border:1px solid #cbcbcb;
}
#videoHighlights a.thumb img {
	margin-right:0;
}
/*#videoHighlights li div {
	float:right;
	width:222px;
	display:inline;
	margin:0 5px 0 0;
	height:5px;
}
*/
/*** LATEST SCREENSHOTS ***/
#screensBox ul {
	margin:25px 4px 0 4px;
	padding:8px 6px 8px 6px;
	border:1px solid #737373;
	background-color:#313131;
	font-size:11px;
}
#screensBox li {
	float:left;
	width:128px;
	color:#a0a0a0;
	text-align:center;
	overflow:hidden;
	display:inline;
}
#screensBox .imgborder {
	border-color:#656565;
}
#screensBox h5 {
	padding:3px 2px 3px 2px;
	font-size:11px;
}
.moreScreens a {
	margin:0 2px 0 5px;
	padding-right:0;
	background-image:none;
	font-weight:bold;
}
/*** MORE CONTENT ***/
#moreContentBox {
	margin:5px 4px;
	padding:2px;
	background:white;
	position:relative;
}
#moreContentBox .middle {
	margin:0 5px;
}
.contentColumn {
	float:left;
	width:214px;
	font-size:12px;
}
.contentColumn h4 {
	padding:4px 0 5px 7px;
	border-bottom:3px solid #4f69ae;
	font-size:11px;
}
.contentColumn .rssHead {
	padding:0 3px 0 0;
}
.contentColumn ul {
	background:url(contentcolumn_bg.gif) repeat-x;
	margin-top:1px;
	padding:8px 3px 27px 6px;
}
.contentColumn li {
	background:url(arrow_grey.gif) no-repeat 0px 3px;
	padding:0 0 9px 11px;
}
.contentColumn li div {
	display:block;
	padding-top:3px;
}
.contentColumn li div a {
	font-weight:normal
}
.contentColumn .moreContent {
	width:214px;
	position:absolute;
	bottom:0;
}
/*** TOP GAMES ***/
#topGamesBox {
	width:199px;
	padding-bottom:0;
	margin:0;
}
#topGamesBox .darkBoxOuter {
	margin-right:5px;
	padding-bottom:10px;
}
#topGamesBox ul {
	height:303px;
	margin:2px 4px 0 4px;
	padding:8px 6px 8px 6px;
	border:1px solid #737373;
	background:#313131 url(topgames_bg.jpg) no-repeat;
	font-size:11px;
	color:#969696;
	position:relative;
}
#topGamesBox li {
	padding-bottom:6px;
}
#topGamesBox .numberOne {
	text-align:center;
	color:#c4c4c4;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #686868;
}
#topGamesBox .numberOne h4 {
	padding:6px 0 8px 0;
	font-family:arial, tahoma, verdana;
	font-size:14px;
}
#topGamesBox .rankingExplain {
	position:absolute;
	bottom:4px;
	padding:0;
	font-family:arial, tahoma, verdana;
	font-size:10px;
	color:#757575;
}
/*** BOTTOM CONTENT ***/
#bottomContent {
	float:right;
	width:456px;
	margin-right:4px;
	display:inline;
}
/*** Bottom promos ***/
.bottomPromoLeft, .bottomPromoRight {
	width:226px;
}
.bottomPromoRight {
	float:right;
}
/*** Downloads & Cheats ***/
#downloadsCheatsBox {
	height:295px;
	margin-top:5px;
	padding:2px;
	background:white;
	position:relative;
}
#downloadsCheatsBox .downloads li {
	color:#4d4d4d;
}
#downloadsCheatsBox .cheats {
	width:233px;
	margin-left:5px;
}
#findCheat {
	height:32px;
	margin:1px 0 4px 0;
	padding:11px 0 0 11px;
	background-color:#ebebeb;
}
#findCheat .text {
	width:155px;
	background:white url(magglass.gif) no-repeat 4px 4px;
	padding:3px 3px 3px 20px;
}
#findCheat input.go {
	float:right;
	margin-right:11px;
}
#downloadsCheatsBox .cheats li.label {
	padding:1px 3px 12px 3px;
	background-image:none;
	position:relative;
}
#downloadsCheatsBox .cheats ul {
	background-position:0 -45px;
}
#downloadsCheatsBox .cheats .moreContent {
	width:233px;
}
/*** RIGHTBAR - LATEST COMPETITIONS ***/
#competitionsBox li.compClosed strong {
	color:#acacac;
}
#competitionsBox li.compClosed {
	background:url(arrow_grey.gif) no-repeat 3px 11px;
}

#competitionsBox li.fix {
	float:left;
	width:261px;
	overflow:hidden;
}