.preload {
	display:none;
}
body {
	background: #000 url('/images/body_bg.gif') repeat-x center top;
	font-family:Helvetica, arial, sans-serif;
	margin: 8px;
}
#header {
	background: transparent url('/images/header.jpg') no-repeat center top;
	width: 960px;
	height: 316px;
	margin: -8px auto 0 auto;
}
#header .nav {
	float:right;
	padding-top:10px;
	padding-right: 50px;
	font-weight: bold;
}
#header .nav ul {
	list-style-type:none;
	padding-right:64px;
	margin:0;
}
#header .nav ul li {
	float:left;
	padding-left:20px;
	color:#FFF;
	font-size:12px;
}
#header .nav a {
	color:#FFF;
	text-decoration:none;
}
#header .nav ul li .active {
	color:#ffcc00 !important;
	inherit:none;
}
#header .logo {
	background: transparent;
	width:332px;
	height:315px;
	float:left;
}
#header .info-home {
	background: transparent url('/images/header-info-home.png') no-repeat top;
	width:297px;
	height:120px;
	float:left;
	margin-top:128px;
	margin-left:8px;
	margin-right:35px;
}
#header .info-champ {
	background: transparent url('/images/header-info-champions.png') no-repeat top;
	width:297px;
	height:120px;
	float:left;
	margin-top:128px;
	margin-left:8px;
}
#header .info-comm {
	background: transparent url('/images/header-info-community.png') no-repeat top;
	width:297px;
	height:120px;
	float:left;
	margin-top:128px;
	margin-left:8px;
}
#header .info-blog {
	background: transparent url('/images/header-info-blog.png') no-repeat top;
	width:297px;
	height:120px;
	float:left;
	margin-top:128px;
	margin-left:8px;
}
#header .info-support {
	background: transparent url('/images/header-info-support.png') no-repeat top;
	width:297px;
	height:120px;
	float:left;
	margin-top:128px;
	margin-left:8px;
}
#header .right {
	background: transparent url('/images/header-iphone.png') no-repeat top;
	width:187px;
	height:340px;
	float:left;
	margin-top:15px;
}
#header .right-fan {
	width:187px;
	height:200px;
	float:left;
	margin-top:77px;
	margin-left:75px;
}
#header .right-fan img {
	border:0;
}
#header .right-fan .fan {
	background: transparent url('/images/header-fandom.png') no-repeat;
	width:174px;
	height:26px;
}
#header .right-fan .facebook {
	background: transparent url('/images/header-facebook.png') no-repeat;
	width:174px;
	height:66px;
}
#header .right-fan .twitter {
	background: transparent url('/images/header-twitter.png') no-repeat;
	width:174px;
	height:66px;
	margin-top:15px;
}
#content {
	background: transparent url('/images/content-bg.png') no-repeat top center;
	width: 960px;
	min-height:500px;
	margin: -1px auto 0 auto;
}

#content #home .main {
	height:500px;
	width:624px;
	float:left;
	position:relative;
	top:-64px;
	padding-left:40px;
	padding-top:25px;
}
#content #home .main .whatsnew {
	background: transparent url('/images/content-whatsnew.png') no-repeat top;
	width:209px;
	height:21px;
}
#content #home .main .about {
	background: transparent url('/images/content-about.png') no-repeat;
	width:621px;
	height:139px;
	margin-top:20px;
}
#content #home .main .minibox {
	width:182px;
	height:94px;
	float:left;
	font-size:12px;
	color:#a7a8a9;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
}
#content #home .main .youtube {
	width:400px;
	height:237px;
	clear:both;
	float:left;
}

#content #home .main .youtube p {
color: #a7a8a9;
font-size: 11px;
text-align: center;
}

#content #home .main .social {
	width:195px;
	height:237px;
	float:left;
	padding-left:25px;
}
#content #home .main .social .fan {
	background: transparent url('/images/content-fandom.png') no-repeat;
	width:174px;
	height:26px;
}
#content #home .main .social .text {
	width:174px;
	height:26px;
	font-size:12px;
	color:#a7a8a9;
	padding-left:2px;
}
#content #home .main .social .facebook {
	background: transparent url('/images/header-facebook.png') no-repeat;
	width:174px;
	height:66px;
	clear:both;
	margin-top:40px;
}
#content #home .main .social img {
	border:0;
}
#content #home .main .social .twitter {
	background: transparent url('/images/header-twitter.png') no-repeat;
	width:174px;
	height:66px;
	margin-top:15px;
}
#content #home .side {
	height:400px;
	width:260px;
	float:left;
	margin-left:26px;	
}
#content #home .side .store {
	background: transparent url('/images/content-store.png') no-repeat;
	height:53px;
	width:142px;
}
#content #home .side .download {
	background: transparent url('/images/content-download.png') no-repeat;
	height:76px;
	width:142px;
	margin-top:10px;
}
#content #home .side .blog {
	background: transparent url('/images/content-blog.png') no-repeat;
	height:26px;
	width:142px;
	margin-top:10px;
}

#clear {
	clear:both;
}

/* champions -------------- */
#content #champions .nav {
	margin: 0 auto 0 auto;
	width:500px;
	height:55px;
	padding-top:10px;
}
#content #champions img {
	border:0;
}
#content #champions .info {
	margin: 0 auto 0 auto;
	width:500px;
	height:24px;
}
#content #champions .text {
	margin: 0 auto 0 auto;
	padding-top:10px;
	padding-left:40px;
	width:500px;
	height:24px;
	color:#cccccc;
	font-size:12px;
	clear:both;
}
#content #champions .leaderboard {
	margin: 10px auto 0 auto;
	width:500px;
	height:auto;
	border:1px solid #fff;
	background:#dceffb;
	margin-bottom:20px;
}
#content #champions .leaderboard .odd {
	background:#d2eaf8;
}
#content #champions .leaderboard .even {
	background:#afd1e6;
}
#content #champions .info .quickplay {
	background: transparent url('/images/challenges-quick-play.png') no-repeat;
	width:145px;
	height:24px;
	float:left;
}
#content #champions .info .challengemode {
	background: transparent url('/images/challenges-challenge-mode.png') no-repeat;
	width:191px;
	height:24px;
	float:right;
	margin-right:57px;
}
#content #champions .quick {
	
}
#content #champions .champion {
	width:300px;
	height:53px;
	float:right;
}
#content #champions .button {
	width:50px;
	height:50px;
	float:left;
}
#content #champions .leaderboard .text {
	width:500px;
	background: #fff;
	font-size: 22px;
	color:#245470;
	padding:10px 0 5px 0;
	text-align:center;
}

#content #support .getsatisfaction {
	margin-left:85px;
	margin-top:25px;
	width:470px;
	float:left;
}

#content #support .getsatisfaction .script {
	margin-top:13px;
	background: #fff;
	clear:both;
	padding-left:28px;
	padding-top:20px;
	height:509px;
}
#content #support .text {
	color:#cccccc;
	font-size:12px;
}
#content #support .facebook {
	width:315px;
	float:left;
	margin-left:20px;
	margin-top:25px;
	margin-bottom:30px;
}
#content #support .facebook .script {
	margin-top:12px;
	background: #fff;
	clear:both;
}
#footer {
	clear:both;
	background: #333333;
	width:960px;
	margin: 0 auto 0 auto;
}
#footer .left {
	width:300px;
	float:left;
	padding-left:50px;
}
#footer .center {
	width:175px;
	float:left;
	padding-left:25px;
}
#footer .right {
	width:300px;
	float:left;
	padding-left:42px;
}
#footer .title {
	color:#cccccc;
	font-weight:bold;
	font-size:16px;
	padding-top:25px;
}
#footer .text {
	color:#cccccc;
	font-size:12px;
	padding-top:25px;
	line-height:13px;
}
#footer .tweet {
	color: #66ccff;
	font-size: 12px;
	padding: 25px 0px 0px 0px;
	line-height: 13px;
	padding-bottom: 20px;
	
}
#footer a {
	color:#66ccff;
}
#footer .copyright {
	color:#666666;
	font-size:12px;
	padding-top:30px;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-family:Helvetica, arial, sans-serif;
	color:#ffffff !important;
}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
	font-family:Helvetica, arial, sans-serif;
	color:#ffffff !important;
}

/* glue stuff -------------- */

#content #home .side .headlines {
	color: #A7A8A9;
	font-size: 11px;
	width:180px;
	margin-top:10px;
	clear:both;
}

#content #home .side .headlines a {
	color: #EFBF30;
}

#content #home .side .headlines .NewsGroup {
	margin-left:5px;
	height: 260px;
	overflow: hidden;
}

#content #home .side .headlines .NewsGroup h2 {
	color: #3399FF;
	font-size: 14px;
}

#content #home .side .headlines .PagingGroup {
	margin-left:5px;
	color: #535353;
	text-align: center;
}

.NewsRule {
	visibility:hidden;
}

#GlueLink {
	visibility:hidden;
}

.g-entry {
	padding: 20px;
	background: #000000;
}

.g-title {
	color: #3B8DBF;
	font-size: 18px;	
}

.g-body {
	color: #ababab;
}

.g-body a{
	color: #FFC21F;
	font-weight: bold;
}

.g-details {
	color: #363636;
}

.glue a {
	font-size: 11px;
	color: #FF6600;
}

hr {
	visibility:hidden;
}

del {
		background: #222 url(/images/alert-overlay.png) repeat-x;
		display: inline-block;
		padding: 5px 10px 6px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		text-shadow: 0 -1px 1px #222;
		border-bottom: 1px solid #222;
		position: relative;
		cursor: pointer;
		margin: 0 20px 0 20px;
 }

.paging {
		font-size: 12px;
		color: #ababab;
}

.navinactive {
		background: #222 url(/images/alert-overlay.png) repeat-x;
		display: inline-block;
		padding: 5px 10px 6px;
		color: #999999;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		text-shadow: 0 -1px 1px #222;
		border-bottom: 1px solid #222;
		position: relative;
		cursor: pointer;
		margin: 0 5px 0 5px;
}
#content #home .side .headlines .PagingGroup .Paging a {
	background: #EFBF30 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	margin: 0 5px 0 5px;
}