/*container, precurser to ignGrid*/
.container_24{margin-left:auto;margin-right:auto;width:960px}
.grid_2,.grid_4,.grid_6,.grid_8,.grid_12,.grid_14,.grid_16,.grid_24{display:inline;float:left;margin-left:6px;margin-right:6px}

.container_24 .grid_2{width:68px}
.container_24 .grid_4{width:148px}
.container_24 .grid_6{width:228px}
.container_24 .grid_8{width:308px}
.container_24 .grid_12{width:468px}
.container_24 .grid_14{width:548px}
.container_24 .grid_16{width:628px}
.container_24 .grid_24{width:948px}

.prefix_2{padding-left:80px}
.prefix_4{padding-left:160px}

.container {margin: 0;padding: 0;}
.container_24 .grid_2.container{width: 80px;}
.container_24 .grid_4.container{width: 160px;}
.container_24 .grid_6.container{width: 240px;}
.container_24 .grid_8.container{width: 320px;}
.container_24 .grid_12.container{width: 480px;}
.container_24 .grid_14.container{width: 560px;}
.container_24 .grid_16.container{width: 640px;}
.container_24 .grid_24.container{width: 960px;}

.container_24 .grid_8.col300{margin-left:14px; width: 300px;}

.alpha{margin-left:0}.omega{margin-right:0}

/*extra resets*/
a {outline: 0;}
table {margin:0; padding:0;} /* reset the tables */
ul {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {display:inline;line-height:100%;}

/*global resources */
.shadow { /*IE requires a direction, we want all, so we disable in IE, and darken the border */
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
}

/* this piece should be namespaced before global implementation, as it screws with nav stuff and other lists 
ul li {list-style-type:square;list-style-image:none;list-style-position:inside; color:#d32028;}
ul li span { color: #000; } */

/* Nav with Pipe Delimiting */
ul.nav-pipes, ul.nav-pipes li { /* reset */
	margin:0; 
	padding:0;
}
ul.nav-pipes li {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	float:left;
	border-left: solid 1px #333333; /*pipe color */
	padding: 0 8px; /*space between label to pipe */
}
ul.nav-pipes li.first {
	border-left: none 0;
	padding-left:0;
}

/* Nav with Sprite Images */
ul.nav-sprite, ul.nav-sprite li { /* reset */
	margin:0; 
	padding:0;
}
ul.nav-sprite {
	position:relative;
}
ul.nav-sprite  li {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	position:absolute;
}
ul.nav-sprite a {
	display:block;
}

/* Specific Nav implementations */

.pagination li a {
	border:1px solid #0045B0;
	margin:0;
	padding:0 3px;
	text-align:center;
}

#ajax-content ul, ul.e3-games-filters {
	font-size:14px;
	line-height:14px;
	margin-bottom:6px;
}

/* information specific to the nav */
#e3-nav {} 

ul#e3-nav, #e3-nav li , #e3-nav a {height: 44px;} /* height of sprite */
#e3-nav {padding-left: 21px; width: 974px; background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) no-repeat 0px 0px;} /* width of entire image, left t where the first link starts, url of sprite */
/* widths of each individual sprite */
#e3-nav .nav-item1 {left: 21px; width: 99px;} 
#e3-nav .nav-item2 {left: 120px; width: 55px;}
#e3-nav .nav-item3 {left: 175px; width: 63px;}
#e3-nav .nav-item4 {left: 238px; width: 64px;}
#e3-nav .nav-item5 {left: 302px; width: 61px;}
#e3-nav .nav-item6 {left: 363px; width: 80px;}
#e3-nav .nav-item7 {left: 443px; width: 94px;}
/* location of each hover/selected item, note second number is always height of sprite. The first is (a) the original padding for the first item, (b) 2..N is the prev value + prev width */
#e3-nav .nav-item1 a:hover, #e3-nav .nav-item1 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -21px -44px no-repeat;}
#e3-nav .nav-item2 a:hover, #e3-nav .nav-item2 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -120px -44px no-repeat;}
#e3-nav .nav-item3 a:hover, #e3-nav .nav-item3 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -175px -44px no-repeat;} 
#e3-nav .nav-item4 a:hover, #e3-nav .nav-item4 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -238px -44px no-repeat;} 
#e3-nav .nav-item5 a:hover, #e3-nav .nav-item5 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -302px -44px no-repeat;} 
#e3-nav .nav-item6 a:hover, #e3-nav .nav-item6 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -363px -44px no-repeat;} 
#e3-nav .nav-item7 a:hover, #e3-nav .nav-item7 a.selected { background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/navsprite.jpg) -443px -44px no-repeat;} 

.fltl {float:left;}
.fltr {float:right;}

.bottomOut {margin-bottom:12px;min-height:1px;}
.clear {clear:both;}

/* ads */
#ignad_728x90, #ignad_largetitle, #ignad_s728x90 {margin:0 auto;text-align:center;}
#ignad_728x90, #ignad_s728x90 {width:728px;}

/* page layout specific */
.shell {align:center; width:974px; margin: 10px auto; padding: 0px; background-color:#fff; border:1px solid #ccc;} /* wrap everything in 972 wide total, 960 grid centers inside */
.shell {font-family:'Helvetica (Light)',Helvetica, Arial,Sans-Serif; font-size:16px;line-height:24.16px;}

a, a:hover, a:visited {font-family:Helvetica,Arial,Sans-Serif;text-decoration:none;color:#004d97}
a:hover {text-decoration:underline;}

p {padding-right:6px;} /* default  */
.content-body p {margin-bottom:12px;}

.text-header {font-family:'Galaxie Polaris (light)', 'Helvetica (Light)',Arial,Sans-Serif;font-size:24px;}


.divider {height:1px; width:100%; align:left; background-color:#ececec; margin-bottom:12px;clear:both;}
.accent {background-color:#d32028;}
.thick {height:3px; }
.superthick {height:12px; }
.divider-header {background-color:#d32028;color:#fff; font-size:12px; font-family:Helvetica,Arial,Sans-Serif; font-weight:bold; padding:0 6px; margin-top:-12px;}

#twitterPile img {float:left;margin:1px;}

.excitedBox {background-color:#ececec;}
.excitedBox a,.excitedBox a:hover {color:#d32028;}

#pageHeader {
	position:relative;
}

#pageHeader-countdownBox {
position:absolute;
top:33px;
right:0;
font-size:18px;
color:#808080;
text-align:right;
line-height:18px;
margin-right:6px;
}

#pageHeader-countdown {
color:#fff;
}

#pageHeader-text {
position:absolute;
top:14px;
left:24px;
color: #fff; 
font-size: 48px; 
line-height: 42px;
}

.read-more {font-style:italic;white-space:nowrap}

/* gameslist specific stuff  */
.tools { height:18px; font-size: 14px; line-height: 18.12px; }
.tool { background: url(http://media.ignimgs.com/media/ign/imgs/sprite-icon2.png) no-repeat 0 0; float: left; width:68px; }
.tool_comments { background-position: 0 -418px; padding: 0 0 0 20px; }
.tool_images { background-position: 0 -238px; padding: 0 0 0 20px; }
.tool_videos { background-position: 0 -298px; padding: 0 0 0 20px; }
.tool_articles { background-position: 0 -178px; padding: 0 0 0 20px; }

.games_item_content .tools {float: right;}
.games_item_content .tool {width:68px;}
.games_item_content {border-bottom: 1px dotted #ccc; margin-bottom:6px; padding-bottom:6px;}
.games_item_content h2 a {font-weight:bold;}
.games_item_date {font-size:14px;line-height: 18.12px;color:#808080;}
.games_item_like {float:right;margin-right:-12px;clear:both;margin-top:12px;}

.headlines .tool { width:108px;margin-top:6px;}

.headlines, .txt-para {overflow:visible} /*auto does a scroll in IE :( and we're setting it globall in the fscache css */
.headlines {margin:6px 0}

.content-headlines .date {color:#808080}

a.selected {color:#3a3939} 

.interrupt p {font-size:14px;line-height:18px;}

.has-overlays {
                position:relative;
}
.overlay-TR {
                position:absolute;
                top:6px;
                right:6px;
}
.icon-play {
                background: transparent url(http://media.ignimgs.com/media/ign/imgs/sprite-herounit-play.png) no-repeat scroll 0 0;
                width:20px;
                height:20px;
}

#live-playlist {min-height:160px;position:relative;overflow-x:scroll;font-size:14px;line-height:18px;}
#live-playlist div.has-overlays {float:left;margin-right:10px;}

.interrupt-header { margin-left:-19px; width:241px;height:60px;color:#fff;background: transparent url(http://media.ignimgs.com/media/ign/imgs/e32010/e3_hotvids_bg.jpg) no-repeat 0px 0px;}
.interrupt-header-text {margin:12px 0 0 25px;}

#playlist-menu, #schedule-menu {background-color:#ececec;}
#playlist-menu p {padding:6px;}
#schedule-menu p {font-size:14px;text-align:center;padding:3px;}


#playlist-menu #live-icon {
float:right;
background: transparent url(http://media.ignimgs.com/media/ign/imgs/sprite-herounit-play.png) no-repeat scroll 0 0;
height:20px;
width:20px;
margin-top:3px;
margin-right:3px;
}

#playlist-menu #live-link {
font-weight:bold;
float:right;
text-align:right;
margin-right:6px;
}

ul.scheduleDay li {
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	border-top: solid 1px #ccc; /*pipe color */
}
ul.scheduleDay li.first {
	border-top: solid 1px #fff; /* hide top border, stupIEd*/
}
ul.scheduleDay {
	width:268px;
}

.scheduleDay {font-size:14px;}
.scheduleDay .time {width:68px;float:left;text-align:right;margin-right:12px;}
.scheduleDay .title {margin-left:80px;}

#vidHeader {background-color:#000;color:#fff; width:614px; font-size:16px;line-height:24.16px; padding: 6px; font-family:Helvetica,Arial,Sans-Serif; font-weight:bold; }