/**
 *	GLOBAL RESET STYLES
 */
@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

a,
a * {
	cursor: pointer;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

br.clearer {
	clear: both;
	width: 0;
	height: 0;
	margin: -1px 0 0 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}

a#top {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

body {
	text-align: center;
	font-size: 100%;
}

div#page {
	text-align: left;
	margin: 0 auto;
	position: relative;
}

ul,
ul li {
	list-style: none;
}

ul.inline li {
	display: inline;
}

ol {
	margin-left: 16px;
}
ol li {
	padding-bottom: 0.5em;
}

th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Image replacement */
.ir {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.scrollable {
    display: block;
    overflow: auto;
    position: relative;
}

/**
 *	SITE.CSS
 */
 
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

html {
	background: transparent url(../images/bg-body.jpg) repeat;
	height: 100%;
}
body {
	background: transparent url(../images/bg-newspaper-tile-full.jpg) 50% 0 repeat-y;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	min-height: 100%;
}

/**
 *	LAYOUT
 */
#wrapper {
	width: 969px;
	text-align: left;
	padding: 0;
	/*background: transparent url(../images/bg-newspaper-tile-full.jpg) 50% 0 repeat-y;*/
	margin: 0 auto;
	position: relative;
}
#page {
	padding-right: 13px;
	padding-left: 3px;
	padding: 14px 12px 0 3px;
	background: transparent url(../images/bg-newspaper-top.jpg) no-repeat;
	width: 955px;
}
#page-inner {
	padding: 17px 28px 0 25px;
	position: relative;
	/*background: transparent url(../images/bg-newspaper-tile.jpg) repeat-y;*/
}

/**
 *	COMMON TYPOGRAPHY
 */
  a {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

/**
 *	BRANDING
 */
 
#branding  {
	text-align: center;
	position: relative;
	padding-bottom: 11px;
}
h1 a {
	height: 35px;
	display: block;
	background: transparent url(../images/butterfinger-head.png) right top no-repeat;
	text-indent: -9999px;
	
}
#branding img {
	position: absolute;
	z-index: 30;
	left:0;
	top:0;
	margin-top:-25px;
}
#branding img.ie6 {
	display: none;	
}

/**
 *	NAVIGATION
 */
	#nav_main {
		height: 36px;
		border: 2px solid #fbc500;
		border-right: 0 none;
		border-left: 0 none;
		padding-bottom: 0px;
		position: absolute;
		top: 63px;
		left: 25px;
		width: 901px;
		z-index: 25;
	}
	#nav_inner {
		border-bottom: 3px solid #fbc500;
		height: 31px;
		padding: 0 0 0 0;
		/*background: transparent url(../images/bits.png) 2px -92px no-repeat;*/
	}
 
	/*** Main Nav ***/
	#navigation {
		float: left;
		height:20px;
		padding-top:7px;
	}

#navigation li {

display:inline;
float:left;
/*padding:0 5px 0 3px;*/
}

	#navigation li:first-child, 
	#navigation li.first {
	}
	#navigation li a {
		display: block;
		float: left;
		height:20px;
		background: transparent url(../images/top-nav.png) 0 0 no-repeat;
		text-indent: -9999px;
	}
	#navigation li.lou a {
	background-position: -190px top;
    width:234px;
		
	}
	#navigation li.lou a:hover, 
	.lou #navigation li.lou a {
		background-position: -190px -17px;
	}
	#navigation li.erik a {
		width: 180px;
		background-position: -433px 0px;
	}
	#navigation li.erik a:hover, 
	.erik #navigation li.erik a {
		background-position: -433px -17px;
	}
	#navigation li.charisma a {
		width: 81px;
		background-position: -623px 0px;
	}
	#navigation li.charisma a:hover, 
	.charisma #navigation li.charisma a {
		background-position: -623px -17px;
	}
	#navigation li.backstory {
		margin:0 0 0 24px;
	}
	#navigation li.backstory a {
		width:98px;
		background-position:-595px 0;
	}
	#navigation li.backstory a:hover, 
	.backstory #navigation li.backstory a	{
		background-position:-595px -20px;
	}
	#navigation li.iwg {
		padding-left: 18px;
		background-position: 246px -99px;
		padding-left: 0
	}
	#navigation li.iwg a {
		width: 235px;
		background-position: 0px -1119px;
	}
	#navigation li.iwg a:hover, 
	.iwg #navigation li.iwg a	{
		background-position: 0px -1095px;
	}
	#navigation li.gn {
		background-position: 115px -99px;
	}
	/*#navigation li.gn a {
		width: 108px;
		background-position: -265px -1119px;
	}
	#navigation li.gn a:hover, 
	.iwg #navigation li.gn a	{
		background-position: -265px -1095px;
	}*/
	#navigation li.g4 {
		padding-left: 21px;
		background-position: 0 -99px;
		padding-right: 0;
	}
	#navigation li.g4 a {
		width: 128px;
		background-position: -396px -1119px;
	}
	#navigation li.g4 a:hover, 
	.iwg #navigation li.gn a	{
		background-position: -396px -1095px;
	}
	
	#navigation li.mm {
		padding-left: 103px;
		padding-right: 0;
	}
	#navigation li.mm a {
		width: 180px;
		background-position: 0 0;
	}
	#navigation li.mm a:hover, 
	.mm #navigation li.mm a	{
		background-position: 0px -17px;
	}
	#navigation li.gn {
		margin:0 0 0 24px;
	}
	#navigation li.gn a {
		width:235px;
		background-position:-336px 0;
	}
	#navigation li.gn a:hover, 
	.iwg #navigation li.gn a {
		background-position:-336px -20px;
	}
	#navigation li.goodBadCandy {
		padding-left:105px;
		padding-right: 0;
	}
	#navigation li.goodBadCandy a {
	/*background-position: -190px top;*/
    width:312px;
		
	}
	#navigation li.goodBadCandy a:hover, 
	.goodBadCandy #navigation li.goodBadCandy a {
		background-position:0 -20px;
	}

	/*** Social Links ***/
	#social_nav {
		float: right;
		height: 24px;
		background: transparent url(../images/titles.png) -18px -1051px no-repeat;
		/*padding-left: 18px;*/
		margin-top: 4px;
	}
	#social_nav li {
		float: left;
	}
	#social_nav li:first-child, 
	#social_nav li.first {
		padding-left: 0;
	}
	#social_nav li a {
		display: block;
		height: 24px;
		text-indent: -9999px;
	}
	#social_nav li.fb a {
		width: 24px;
		margin-right: 4px;
	}
	#social_nav li.tw a {
		width: 24px;
		margin-right: 4px;
	}
	#social_nav li.yt a {
		width: 24px;
		margin-right: 0;
	}
	#social_nav li.baf a {
		width: 115px;
	}
	
/**
 *	CONTENT
 */
  
	#content {
		min-height: 500px;
		padding-top: 40px;
	}
	
	/*** Content Main ***/
	
	#content_main {
		width: 454px;
		float: left;
		padding: 77px 0 0 0;
		position: relative;
		margin-bottom: 12px;
		border-right: 1px solid #fbc500;
	}
	#content_main h2 {
		position: absolute;
		top: 8px;
		height: 59px;
		background: #0e1737 url(../images/bg-members-h2.png) repeat-x;
		width: 901px;
	}
	#content_main h2 span {
		display: block;
		height: 26px;
		background: #0e1737 url(../images/titles.png) no-repeat;
		text-indent: -9999px;
		margin: 16px 0 0 28px;
		position: relative;
		z-index: 50;
	}
	.erik #content_main h2 span {
		background-position: 0 -46px;
		width: 275px;
	}
	.lou #content_main h2 span {
		background-position: 0 -92px;
		width: 305px;
	}
	.charisma #content_main h2 span {
		width: 365px;
	}
	#content_main .bgstory {
		background: #f3c21f url(../images/bg-member-erik-picture.jpg) no-repeat;
		margin-top: -29px;
		position: relative;
		z-index: 20;
		padding-top: 293px;
		margin-right: 15px;
	}
	.lou #content_main .bgstory {
		background-image: url(../images/bg-member-lou-picture.jpg);
	}
	.charisma #content_main .bgstory {
		background-image: url(../images/bg-member-charisma-picture.jpg);
	}
	#content_main .bgstory h3 {
		height: 30px;
		text-indent: -9999px;
	}
	#content_main .bgstory p {
		font-size: 12px;
		color: #0e1737;
		padding-right: 20px;
		padding-left: 25px;
		padding-bottom: .5em;
	}
	.lou #content_main .bgstory p, 
	.charisma #content_main .bgstory p	{
		height: auto;
	}
	#content_main .fb-feed {
		margin-right: 15px;
		background: #0e1737;
		padding: 13px 23px;
	}
	#content_main .fb-feed h3 {
		height: 26px;
		background: transparent url(../images/titles.png) 0 -138px no-repeat;
		text-indent: -9999px;
		margin: 0 0 18px 0;
	}
	/*
	.erik #content_main .fb-feed h3 {
		background-position: 0 -184px;
	}
	.lou #content_main .fb-feed h3 {
		background-position: 0 -230px;
	}
	.charisma #content_main .fb-feed h3 {
		background-position: 0 -138px;
	}
	*/
	#content_main .fb-feed li {
		position: relative;
		padding: 0 0 10px 56px;
		color: #fff;
		font-size: 12px;
	}
	#content_main .fb-feed li img {
		border: 1px solid #273878;
		position: absolute;
		left :0;
		top: 0;
	}
	#content_main .fb-feed li h4 {
		color: #0588d4;
	}
	#content_main .fb-feed li p.meta {
		font-size: 10px;
	}
	#content_main .fb-feed li p a {
		color: #FBC500;	
	}
	#content_main .fb-feed li p img {
		position: static;
		margin: 3px;
		border: 1px solid #FBC500;
	}
	#content_sub {
		width: 430px;
		float: right;
		padding: 77px 0 0 16px;
		margin-bottom: 12px;
		margin-left: -1px;
		border-left: 1px solid #fbc500;
	}
	#videoContainer {
		width: 429px;
		height: 293px;
	}
	#content_sub .head {
		height: 26px;
		background: #0e1737;
		line-height: 24px;
		margin-bottom: 18px;
	}
	#content_sub .head  h3 {
		float: left;
		height: 14px;
		background: transparent url(../images/titles.png) 0 -276px no-repeat;
		text-indent: -9999px;
		width: 114px;
		margin: 6px 0 0 8px;
	}
	#content_sub .head ul, 
	#content_sub span#ctl00_content_DataPager1 {
		float: right;
		padding-right: 8px;
		height: auto;
		line-height: 24px;
	}
	#content_sub span {
		font-size: 11px;
		color: #fff;	
	}
	#content_sub .head li {
		display: inline;
		color: #fff;
		font-size: 11px;
		float: none;
	}
	#content_sub span a, 
	#content_sub .head li a {
		color: #fbc500;
	}
	#content_sub ul {
		height: 36px;
		line-height: 36px;
	}
	#content_sub li {
		font-size: 9px;
		color: #0e1737;
		height: 36px;
		float: left;
	}
	#content_sub li#rate {
		width: 153px;
	}
	#content_sub li#rate .thumbs-down, 
	#content_sub li#rate .thumbs-up {
		display: block;
		width: 22px;
		height: 20px;
		text-indent: -9999px;
		background: transparent url(../images/buttons-rating.png) right top no-repeat;
		vertical-align: middle;
		margin: 8px 0 0 8px;
	}
	#content_sub li#rate .thumbs-down {
		background-position: 0 0;	
	}
	#content_sub li.comments {
	}
	#content_sub li.share {
		float: right;
	}
	#content_sub li.share a {
		vertical-align: -5px;
	}
	#content_sub #not-rated {
		/*display: none;*/
	}
	#content_sub #waiting {
		text-align: center;
		display: none;
	}
	#content_sub #waiting li {
		float: none;
	}
	#content_sub #rated {
		display: none;
	}
	#content_sub #rated li .thumbs-up, 
	#content_sub #rated li .thumbs-down {
		float: left;
		margin-right: .8em;
	}
	#content_sub #comment-form {
		display: none;
		padding: 7px 11px;
		background: #0E1737;
		margin-bottom: 8px;
	}
	#content_sub #comment-form p {
		font-size: 12px;
		color: #fff;
		padding: 1em 0;
	}
	#content_sub #comment-form .form-row {
		margin-bottom: 10px;	
	}
	#content_sub #comment-form label {
		display: inline-block;
		height: 14px;
		width: 43px;
		margin-right: 4px;
		vertical-align: middle;
		background: transparent url(../images/titles.png) 0 -903px no-repeat;
	}
	#content_sub #comment-form label.email {
		background-position: 0 -937px;	
	}
	#content_sub #comment-form input {
		display: inline-block;	
		vertical-align: middle;
		width: 112px;
		height: 24px;
		line-height: 24px;
		margin-right: 6px;
	}
	#content_sub #comment-form input.email {
		width: 186px;
		margin-right: 0;	
	}
	#content_sub #comment-form .textarea textarea {
		width: 395px;
		height: 85px;
		padding: 5px;	
	}
	#content_sub #comment-form input.submit {
		width: 57px;
		height: 24px;
		background: transparent url(../images/titles.png) 0 -1007px no-repeat;
		text-indent: -9999px;
		display: block;
		font-size: 0;
		line-height: 0;
	}
	#content_sub #comment-form .checkbox {
			
	}
	#content_sub #comment-form .checkbox label {
		background: none;
		color: #fff;
		display: block;
		width: auto;
		line-height: 1.2em;
		font-size: 12px;
		font-weight: bold;
	}
	#content_sub #comment-form .checkbox label img {
		vertical-align: text-bottom;	
	}
	#content_sub #comment-form .checkbox input {
		width: auto;
		height: auto;	
		vertical-align: text-bottom;
	}
	#content_sub #comments {
		color: #0e1737;
		font-size: 11px;
		padding-left: 4px;
		height: auto;
		text-align: left;
		line-height: 1.2em;
		height: auto;
	}
	#comments li {
		padding-bottom: 18px;
		display: block;
		height: auto;
		text-align: left;
		line-height: 1.2em;
		float: none;
	}
	#comments p.meta {
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 1em;
	}
	#comments p.meta a {
		float: right;
	}
	
	
	
	
/**
 *	SITE INFO
 */
	#site_info {
		padding: 2px 0 18px 0;
		border-top: 2px solid #fbc500;
	}
  #site_info h6 {
		height: 58px;
		background: transparent url(../images/titles.png) 2px -668px no-repeat;
		text-indent: -9999px;
		border-top: 3px solid #fbc500;
		border-bottom: 2px solid #fbc500;
	}
	#site_info div {
		border-bottom: 2px solid #fbc500;
		padding: 10px 0 10px 12px;
		height: 13px;
	}
	#site_info address {
		color: #79797a;
		font-size: 10px;
		font-style: normal;
		float: left;
	}
	#site_info ul {
		float: right;
		font-size: 10px;
	}
	#site_info ul li {
		display: inline;
		padding: 0 6px;
		border-left: 1px solid #000;
	}
	#site_info ul li:first-child, 
	#site_info ul li.first {
		border-left: 0 none;
	}
	#site_info ul li a {
		color: #154688;
	}
	#site_info .truste {
		margin: 7px auto 0;
		display: block;
		width: 105px;
		height: 29px;
		background: transparent url(../images/button-truste.png) no-repeat;
		text-indent: -9999px;
	}
	
/**
 *	PAGE SPECIFIC
 */
 
	/*** Home Page ***/
	.home #content_main {
		width: auto;
		float: none;
		padding-top: 8px;
		border: 0 none;
		margin: 0;
	}
	.home #content_main h2 {
		position:static;
		width:auto;
		/*height: 59px;
		background: #0e1737;
		text-indent: -9999px;
		margin-bottom: 11px;*/
	}
.home #content_goodBadCandy {
	position:relative;
	width:900px;
	height:364px;
	background:url(../images/bgHomeGoodBadCandy2.jpg) no-repeat 0 62px;
}
.home #content_goodBadCandy h2 {
	width:900px;
	height:53px;
	background:transparent url(../images/headHomeGoodBadCandy.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.home #content_goodBadCandy .flashContainer {
	position:absolute;
	left:481px;
	top:78px;
	width:402px;
	height:250px;
}
.home #content_goodBadCandy a {
	display:block;
	position:absolute;
	left:247px;
	top:263px;
	width:195px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
}
.home #content_graphicNovel {
	position:relative;
	float:left;
	width:459px;
}
.home #content_graphicNovel {
	border-right:1px #e8e8e8 solid;
}
.home #content_graphicNovel h2 {
	width:445px;
	height:120px;
	margin:0 0 10px;
	background:transparent url(../images/headHomeGraphicNovel.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.home #content_graphicNovel img {
	float:left;
	margin:3px 14px 0 0;
}
.home #content_graphicNovel p {
	padding:0 5px 0 0;
	color:#7b7b7b;
	font-size:14px;
	line-height:16px;
}
.home #content_graphicNovel a {
	position:absolute;
	left:245px;
	top:284px;
	width:178px;
	height:55px;
	background:url(../images/btnHomeGraphicNovelPlayNow.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
	/*** Content IWG ***/
	.home #content_1MM {
		margin-bottom: 12px;
		position: relative;
	}
	.home #content_1MM h2.mm {
		width: 410px;
		height: 191px;
		position: absolute;
		left: 247px;
		top: 58px;
		text-indent: -9999px;
		background:  none;
	}
	.home #content_1MM h3.mm {
		width: 356px;
		height: 76px;
		position: absolute;
		left: 74px;
		top: 50px;
		text-indent: -9999px;
		background:  none;
	}
	.home #content_1MM p.mm {
		width: 449px;
		height: 39px;
		position: absolute;
		left: 246px;
		top: 345px;
		text-indent: -9999px;
	}
	.home #content_1MM p.mm_sub {
		position: absolute;
		left: 29px;
		top: 398px;
		width: 385px;
		height: 17px;
		text-indent: -9999px;
	}	
	.home #mm_playnow {
		position: absolute;
		display: block;
		height: 47px;
		width: 161px;
		top: 269px;
		left: 382px;
		text-indent: -9999px;
		background: transparent url(../images/button-1mm-playnow.png) no-repeat;
	}
	.home #mm_playnow:hover {
		background-position: 0 -47px;
	}
	.home a.mm-free-code {
		display: block;
		width: 279px;
		height: 14px;
		position: absolute;
		text-indent: -9999px;
		top: 396px;
		left: 463px;
		background: transparent url(../images/button-1mm-freecode.png) no-repeat;
	}
	.home a.mm-rules {
		display: block;
		width: 222px;
		height: 13px;
		position: absolute;
		text-align: center;
		font-size: 12px;
		color: #fff;
		list-style-type: square;
	}
	
	.home #content h2.gn {
		width: 310px;
		height: 24px;
		position: absolute;
		left: 532px;
		top: 13px;
		background: none;
	}
	.home #content h3.gn {
		width: 185px;
		height: 60px;
		position: absolute;
		text-indent: -9999px;
		top: 395px;
		left: 215px;
		background: transparent url(../images/button-1mm-officialrules.png) no-repeat;
		z-index: 20;
	}
	.home #content p.gn {
		font-size: 12px;
		color: #fff;
		position: absolute;
		left: 704px;
		top: 151px;
		width: 200px;
	}
	.home #content a.gn-playnow {
		position: absolute;
		display: block;
		height: 41px;
		width: 163px;
		top: 231px;
		left: 707px;
		text-indent: -9999px;
		background: transparent url(../images/button-play-now.png) no-repeat;
	}
	.home #content a.gn-playnow:hover {
		background-position: 0 -41px;
	}
	
	.home #content_1MM h2.gn {
		width: 290px;
		height: 23px;
		position: absolute;
		left: 550px;
		top: 10px;
		text-indent: -9999px;
		background: none;
	}
	.home #content_1MM h3.gn {
		width: 378px;
		height: 79px;
		position: absolute;
		left: 485px;
		top: 76px;
		text-indent: -9999px;
		background: none;
	}
	.home #content_1MM ul.gn {
		width: 414px;
		height: 63px;
		position: absolute;
		left: 485px;
		top: 249px;
		background: none;
	}
	.home #content_1MM ul.gn li {
		width: 138px;
		height: 63px;
		float: left;
		text-indent: -9999px;
	}
	.home #content_1MM p.gn {
		width: 174px;
		height: 79px;
		position: absolute;
		left: 471px;
		top: 345px;
		text-indent: -9999px;
	}
	.home #content_1MM a.gn {
		position: absolute;
		display: block;
		height: 41px;
		width: 176px;
		top: 357px;
		left: 710px;
		text-indent: -9999px;
		background: transparent url(../images/button-gn-playnow.png) no-repeat;
	}
	.home #content_1MM a.gn:hover {
		background-position: 0 -41px;
	}
	
	
	/*** Content Feature ***/
	.home #content_feature {
		float:left;
		width:419px;
		padding:0 0 0 20px;
		border-left:1px #e8e8e8 solid;
	}
	.home #content_feature h2 {
		width:418px;
		height:39px;
		background:transparent url(../images/headHomeFeature.png) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	.home #content_feature #videoContainer {
		width:419px;
		height:254px;
		margin:6px 0 10px;
	}
	.home #content_feature #videoContainer li {
		display: none;
		padding: 0;
		width: 445px;
		height: 270px;
	}
	.home #content_feature #videoContainer #vid1 {
		display: block;
	}
	.home #content_feature ul {
		height: 77px;
		margin:auto;
	}
	.home #content_feature ul li {
		float:left;
		/*width:95px;*/
		padding-left:73px;
	}
	.home #content_feature ul li:first-child, 
	.home #content_feature ul li.first {
		padding-left: 0;
	}
	.home #content_feature ul li a {
		font-size:9px;
		color: #154688;
		padding-top: 7px;
		display: block;
	}
	.home #content_feature ul li a.active {
		background: transparent url(../images/bits.png) center -84px no-repeat;
	}
	.home #content_feature ul li a img {
		display:block;
		width:87px;
		height:51px;
		border:1px solid transparent;
	}
	/*.home #content_feature ul li a:hover img, */
	.home #content_feature ul li a.active img {
		border: 1px solid #0e1632;
	}
	.home #content_feature ul li a span {
		display: block;
		padding-left: 6px;
		background: transparent url(../images/bits.png) 0 -54px no-repeat;
	}
	.home #content_feature ul li a:hover {
		text-decoration: none;
	}
	.home #content_feature ul li a:hover span {
		text-decoration: underline;
	}
	
	
	/*** Content BFDL ***/
	.home #content_bfdl {
		float:left;
		width:900px;
		margin:14px 0 0;
	}
	.home #content_bfdl h2 {
		width:900px;
		height:44px;
		background:url(../images/headHomeMeetTheLeague.png) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	.home #content_bfdl ul {
		margin:17px 0 0;
	}
	.home #content_bfdl ul li {
		position:relative;
		float:left;
		width:187px;
		padding:0 0 0 113px;
	}
	.home #content_bfdl ul li:first-child, 
	.home #content_bfdl ul li.first {
	}
	.home #content_bfdl li h3 {
		margin:-4px 0 4px;
		color:#0e1737;
		font:19px Impact;
		text-transform:uppercase;
		letter-spacing:.5px;
	}
	.home #content_bfdl li.lou h3 {
		background-position: 121px -541px;
	}
	.home #content_bfdl li.charisma h3 {
		background-position: 121px -581px;
	}
	.home #content_bfdl ul li img {
		position:absolute;
		left:0;
		top:0;
	}
	.home #content_bfdl ul li p {
		font-size: 12px;
		color: #7B7B7B;
	}
	.home #content_bfdl ul li a {
		color: #154688;
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
		background: transparent url(../images/bits.png) 0 4px no-repeat;
	}
	
	/*** Ticker ***/
	.home #ticker {
		clear: both;
		height: 38px;
		line-height: 38px;
		background: #0e1737;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.home #ticker p {
		font-size: 18px;
		color: #0e9cd8;
		float: left;
	}
	.home #ticker p span {
		background: transparent url(../images/titles.png) 0 -463px no-repeat;
		text-indent: -9999px;
		display: block;
		float: left;
		width: 145px;
		height: 17px;
		margin: 10px 11px 0 9px;
	}
	.home #ticker ul {
		font-size: 18px;
		color: #0e9cd8;
	}
	.home #ticker ul li {
		width: auto !important;
		white-space: nowrap;
		margin-right: 8em;
	}
	.tickercontainer { /* the outer div with the black border */
		width: 730px; 
		height: 38px; 
		margin: 0; 
		padding: 0;
		overflow: hidden; 
		float: right;
		}
		.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
		position: relative;
		width: 730px;
		overflow: hidden;
		}
		ul.newsticker { /* that's your list */
		position: relative;
		left: 730px;
		list-style-type: none;
		margin: 0;
		padding: 0;

		}
		ul.newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding: 0;
		line-height: 38px;
		}

	
	/*** Content Sub ***/
	.home #content_sub {
		padding: 10px 0 0 0;
		position: relative;
		float: none;
		width: auto;
		margin: 0;
		border: 0 none;
		clear: both;
	}
	.home #content_sub h2 {
		height: 21px;
		text-indent: -9999px;
		background: transparent url(../images/titles.png) center -310px no-repeat;
		margin-bottom: 14px;
	}
	.home #content_sub .wrapper {
		margin: 0 35px 18px;
		overflow: hidden;
		width: 831px;
		height: 79px;
	}
	.home #content_sub #prev, 
	.home #content_sub #next {
		display: none;
		height: 83px;
		width: 35px;
		position: absolute;
		left: -0;
		top: 31px;
		z-index: 5;
		text-indent: -9999px;
		background: transparent url(../images/bg-carousel-arrows.png) 0 50% no-repeat;
	}
	.home #content_sub #next {
		left: auto;
		right: 0;
		background-position: 100% 50%;
	}
	.home #content_sub ul li {
		width: 162px;
		padding-right: 7px;
		float: left;
		height: 79px;
	}
	.home #content_sub ul li a {
		font-size: 10px;
		color: #154688;
		line-height: 1.2em;
		padding: 7px;
		height: 65px;
		display: block;
	}
	.home #content_sub ul li a:hover {
		background: #fbc500;
		color: #272727;
	}
	.home #content_sub ul li a span {
		line-height: 1.2em;
		display: block;
		padding-top: 6px;
		color: #154688;
	}
	.home #content_sub ul li a:hover span {
		color: #272727;
	}
	.home #content_sub ul li a img {
		float: left;
		margin-right: 8px;
		border: 1px solid transparent;
	}
	.home #content_sub ul li a:hover img {
		border: 1px solid #272727;
	}
	
	/*** Backstory ***/
	/*.backstory #page {
		background-position: 0 0;
	}*/
	.backstory #content {
		position: relative;
		margin-bottom: 8px;
	}
	.backstory #content_main {
		float: none;
		width: auto;
		border: 0 none;
		height: 430px;
		margin: 0;
	}
	.backstory #content_main h2 span {
		width: 212px;
		background-position: 0 -857px;
	}
	.backstory #content_main ul {
		position: relative;
		height: 430px;
		width: 901px;
	}
	.backstory #content_main li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		height: 430px;
		width: 901px;
	}
	.backstory #content_main li .inner {
		width: 901px;
		height: 430px;
		position: relative;
	}
	.backstory #content_main li .inner img {
		display: block;
		left: 0;
		top: 0;
		height: 430px;
		width: 901px;

	}
	.backstory #content_main li:first-child, 
	.backstory #content_main li.first {
		display: block;
	}
	
	.backstory #content_sub {
		width: auto;
		float: none;
		border: 0 none;
		width: 901px;
		height: 91px;
		background: rgb(251, 197, 0);
		background: rgba(251, 197, 0, .95);
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.backstory #content_sub .wrapper {
		margin-left: 22px;
		margin-right: 22px;
	}
	.backstory #content_sub #prev, 
	.backstory #content_sub #next {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 22px;
		height: 91px;
		background: transparent url(../images/bg-carousel-arrows-backstory.png) left center no-repeat;
		text-indent: -9999px;
	}
	.backstory #content_sub #next {
		left: auto;
		right: 0;
		background-position: right center;
	}
	.backstory #content_sub #prev.disabled, 
	.backstory #content_sub #next.disabled {
		display: none;
	}
	.backstory #content_sub ul {
		height: 91px;
		line-height: 1.2em;
		font-size: 10px;
		
	}	
	.backstory #content_sub li {
		height: 91px;
		width: 170px;
		position: relative;
	}
	.backstory #content_sub li a {
		display: block;
		padding: 5px;
		height: 67px;
		margin: 8px 0 0 8px;
		color: #0e1737;
	}
	.backstory #content_sub li a:hover, 
	.backstory #content_sub li a.active {
		background: #0e1737;
		color: #fff;
	}
	.backstory #content_sub li a img {
		float: left;
		margin-right: 5px;
		border: 1px solid transparent;
	}
	.backstory #content_sub li a:hover img, 
	.backstory #content_sub li a.active img {
		border: 1px solid #d7ab0d;
	}
	.backstory #content_sub li span.date {
		position: absolute;
		left: 21px;
		top: 101px;
		font-weight: bold;
		color: #0e1737;
	}
	
	/*** Feature Section Layouts ***/
	.backstory #april_1_2010 a.button {
		display: block;
		text-indent: -9999px;
		width: 194px;
		height: 43px;
		position: absolute;
		top: 334px;
		left: 137px;
	}
	.backstory #april_1_2010 p {
		width: 390px;
		height: 158px;
		text-indent: -9999px;
		position: absolute;
		top: 150px;
		left: 41px;
	}
	.backstory #april_1_2010 #videoContainer1 {
		position: absolute;
		left: 472px;
		top: 60px;
		width: 361px;
		height: 296px;	
	}
	

/*** IW Game Page ***/
	.iwg #content_main {
		padding-top: 0;
		width: 901px;
		float: none;
		border: 0 none;	
	}

.modal-overlay {
	position:absolute;
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	z-index:999;
	background:#000;
}
.modal-dialog {
	z-index:1000;
}
.modal-dialog .modal-header {
	position: relative;
	background: #fff url(../images/bg-h2modal-header.jpg) no-repeat;
	height: 66px;
	width: 824px;
}
.modal-dialog img.logo {
	position: absolute;
	left: -25px;
	top: -22px;
	display: block;
}
.modal-dialog a.modal-hide {
	display: block;
	width: 53px;
	height: 53px;
	position: absolute;
	right: -15px;
	top: -15px;
	background: transparent url(../images/bg-h2modal-close.png) no-repeat;
	text-indent: -9999px;
}
.modal-dialog .modal-content {
	padding: 40px 10px 10px;
	background:#fff url(../images/spinner.gif) no-repeat center;
}

/*** KEYSEARCH ***/
.keysearch2010-keysearch #content_main, 
.keysearch2010-instantwin #content-main {
	padding: 8px 0 0 0;
	width: auto;
	float: none;
	border: 0 none;
}

/*  13 July 2010       */

.home #content_1MM_new {
	float:left;
	width:444px;
	height:640px;
	margin-bottom: 12px;
	background:url(../images/unlock-the-banner.jpg) no-repeat;
}
		

.home #content_1MM_new h2.mm {
		width: 321px;
		height: 152px;
		position: absolute;
		left: 50px;
		top: 53px;
		text-indent: -9999px;
		background:  none;
	}
	
.home #content_1MM_new p.mm {
		width: 388px;
		height: 39px;
		position: absolute;
		left: 32px;
		top: 345px;
		text-indent: -9999px;
	}
.home #content_1MM_new p.mm_sub {
		position: absolute;
		left: 5px;
		top: 406px;
		width: 385px;
		height: 17px;
		text-indent: -9999px;
	}	
.home #mm_playnow_new {

background:url("../images/button-1mm-playnow_new1.png") no-repeat scroll 0 0 transparent;

                position: absolute;

                display: block;

                height: 57px;

                width: 203px;

                top: 310px;

                left: 114px;

                text-indent: -9999px;

                cursor:pointer;

 

                }

                

.home #mm_playnow_new_2 {

background:url("../images/button-1mm-playnow_new2.png") no-repeat scroll 0 0 transparent;

                position: absolute;

                display: block;

                height: 47px;

                width: 190px;

                top: 639px;

                left: 222px;

                text-indent: -9999px;

                cursor:pointer;

                }

                



	
.home a.mm-rules_new {
		display: block;
		width: 222px;
		height: 13px;
		position: absolute;
		text-indent: -9999px;
		top: 462px;
		left: 25px;
		background: transparent url(../images/button-1mm-officialrules.png) no-repeat;
		z-index: 20;
	}
	
.home a.mm-free-code_new {
	display: block;
	width: 279px;
	height: 14px;
	position: absolute;
	text-indent: -9999px;
	top: 380px;
	left: 75px;
	overflow:hidden;
}
	
body.graphicnovel-default #content_main {
 float:none;
 width:auto;
 height:726px;
 border:0;
 background:transparent url(../../images/inside-img.jpg) no-repeat 0 8px;
}
body.graphicnovel-default .swffile {
 width:760px;
 margin:0 auto 0;
}