/*
Theme name: Ascension
Description: Custom Theme
*/

/* WordPress Default styles 
@import url('wp-default.css');*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/16px Arial, Sans-Serif; color: #a0a0a0; text-align: left; background: #000 url(images/background.jpg) no-repeat center 0; }

a { color: #ff9908; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; color: #ffc50c; }
a img { border: 0; }

input, select, textarea { font-family: Arial, Sans-Serif; }
fieldset { border: 0; } 

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }

.clear0{clear: both; height: 0; font-size: 0; overflow: hidden;}
.clear5{clear: both; height: 5px; font-size: 0; overflow: hidden;}
.clear10{clear: both; height: 10px; font-size: 0; overflow: hidden;}
.clear15{clear: both; height: 15px; font-size: 0; overflow: hidden;}
.clear20{clear: both; height: 20px; font-size: 0; overflow: hidden;}
.clear25{clear: both; height: 25px; font-size: 0; overflow: hidden;}
.clear30{clear: both; height: 30px; font-size: 0; overflow: hidden;}
.clear40{clear: both; height: 40px; font-size: 0; overflow: hidden;}

#page-wrapper {margin: 0 auto; }

.button-login { float: right; display: inline; height: 44px; width: 179px; background: url(images/login-tab.png); margin-right: 35px; }

h1#logo {  }
h1#logo a {  }

#interface-container {  }
#interface-container .viewer {  }


#navigation { height: 42px; padding-top: 2px; width: 982px; margin: 292px auto 0; position: relative; z-index: 100; text-align: left;}
#navigation ul { float: left; display: inline; list-style-type: none; padding-left: 9px; }
#navigation ul li {float: left; display: inline; position: relative; height: 51px;}
#navigation ul li a {background: transparent url(images/nav-sprite.png) no-repeat scroll 0 0; width: 100%; height: 40px; line-height: 50px; float: left; display: inline;}

#navigation ul li.nav-home {width: 104px; margin: 0 112px 0 30px;}
#navigation ul li.nav-about {width: 186px; margin-right: 76px;}
#navigation ul li.nav-contact {width: 173px; margin-right: 104px;}
#navigation ul li.nav-games {width: 128px; margin-right: 0;}

#navigation ul li.nav-home a:hover,
#navigation ul li.nav-home a.hover {background-position: 0 -42px;}

#navigation ul li.nav-about a {background-position:-117px 0;}
#navigation ul li.nav-about a:hover,
#navigation ul li.nav-about a.hover {background-position: -117px -42px;}

#navigation ul li.nav-contact a {background-position:-307px 0;}
#navigation ul li.nav-contact a:hover,
#navigation ul li.nav-contact a.hover {background-position: -307px -42px;}

#navigation ul li.nav-games a {background-position:-487px 0;}
#navigation ul li.nav-games a:hover,
#navigation ul li.nav-games a.hover {background-position: -487px -42px;}



#navigation .rss { float: right; display: inline; width: 145px; margin-right: 11px; font-size: 0; line-height: 0; text-indent: -9999px;}
#navigation .rss a {background: url(images/subscribe.gif) no-repeat 0 0; width: 73px; float: left; display: inline; height: 29px; margin: 10px 0; position: relative; padding-right: 75px;}
#navigation .rss a span {background: url(images/rss.png) no-repeat 0 0; width: 72px; height: 71px; float: left; display: inline; position: absolute; top: -24px; right: 0;}




#search { height: 53px; width: 870px; background: url(images/search.png) no-repeat top right; margin: 11px 0 0 0; }
#search form { float: right; display: inline; padding: 13px 0 0; width: 305px; }
#search form .submit { float: left; display: inline; height: 35px; width: 37px; background: url(images/search-button.gif) no-repeat 0 0; cursor: pointer; border: 0; position: relative; margin-top: -4px; margin-left: 9px;}
#search form .submit-hover {background-position: 0 -35px !important;}
#search form .field { float: left; display: inline; font-weight: bold; font-size: 15px; color: #727272; border: 0; background: none; width: 235px; margin: 0 10px 0 13px; padding: 3px 0; position: relative; } 

#content { position: relative; margin: 40px 0 0 5px; height: 100%; width: 980px; text-align: left;}


.widecolumn { float: left; display: inline; width: 670px; }
.widecolumn .box { background: #171516; }

.post-header { height: 46px; width: 575px; background: url(images/post-header.gif); line-height: 46px; padding: 0 30px 0 65px; }
.post-header h3,
h3.pagetitle { font: bold 20px/48px Helvetica, Arial, Sans-Serif; color: #f47d20; width: 450px;  }
h3.pagetitle {text-align: center; width: 100%;}
.post-header h3 a { color: #F47D20; }
.post-header h3 a:hover { text-decoration: none; color: #ffc50c; }

.post .entry { padding: 20px 45px 0 65px; }
.post .image-entry p { padding: 10px 0; }
.post .entry p { padding-bottom: 10px; }
.post .entry img.fl { margin: 0 10px 10px 0; }
.post .more { padding-right: 25px; font-weight: bold; }
.post .more a { color: #ff9908; }
.post .more a:hover { color: #ff3108; }
.post .media { height: 29px; width: 247px; background: url(images/post-media.gif); margin: 0 25px 5px 0; }

.page-nav { padding: 15px 0; font-weight: bold; }
.page-nav a { color: #ff9908; }

.sidebar { float: left; display: inline; width: 310px; height: 100%; }

.dev-gallery { padding: 65px 10px 10px 15px; width: 260px; height: 100%; background: url(images/dev-gallery.gif); margin: -12px 0 25px 17px; position: relative; z-index: 10; }
.dev-gallery a { margin-bottom: 10px; }


.concept-gallery{
	float: left;
	width: 451px;}
	
.conceptArtViewAll{
	background: url(images/conceptArtViewAll.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.conceptArtViewAll a{
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px 0 0;}
	
.concept-gallery-preview { padding: 0 0 0 10px; width: 451px; height: 309px; background: url(images/previewImageBox.png) no-repeat top left; position: relative; z-index: 10; float: left; }
.concept-gallery-preview a { margin: 30px 18px 0 0; border: 1px solid #a7a6ab; }

.concept-gallery-full { min-height:450px; padding:0 0 0 10px; position:relative; width:940px; z-index:10; }
.concept-gallery-full a { margin: 30px 22px 0 0; border: 1px solid #a7a6ab; }


.screenShotViewAll{
	background: url(images/screenShotViewAll.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.screenShotViewAll a{
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px 0 0;}
	
.videosViewAll{
	background: url(images/videosViewAll.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.videosViewAll a{
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px 0 0;}
	

.downloadsViewAll{
	background: url(images/downloadsViewAll.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.downloadsViewAll a{
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px 0 0;}
	
.gameInfoView{
	background: url(images/gameInfoView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.communityView{
	background: url(images/communityView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.newsArchiveView{
	background: url(images/newsArchiveView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.searchView{
	background: url(images/searchView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.leaderboardsView{
	background: url(images/leaderboardsView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}
	
.onlineDemoView{
	background: url(images/onlineDemoView.png) no-repeat top left;
	text-align: right;
	width: 255px;
	height: 23px;
	padding: 7px 0 0 0;
	margin: 0 0 10px 0;}


.media-gallery-preview { padding: 10px 0 0 0; width: 923px; height: 309px; background: url(images/previewImageBoxLarge.png) no-repeat top left; position: relative; z-index: 10;}

.media-gallery-preview .videosTD{
	width: 130px;
	padding: 0 0 0 43px;
	text-align: left;}
	
.media-gallery-preview .videosTD p.title{
	margin: 0 0 5px 0;}
	
.media-gallery-preview .videosTD p.description{
	margin: 10px 0 0 0;
	font-size: 12px;}
	
.media-gallery-preview .videosTD a{ 
	color: #fff;
	font-weight: bold;}

.media-gallery-preview img { border: 1px solid #a7a6ab;}



.media-gallery-preview .gameInfoTD{
	width: 130px;
	padding: 0 0 0 18px;
	text-align: left;}

.media-gallery-preview .gameInfoTD p.title{
	margin: 0 0 5px 0;}
	
.media-gallery-preview .gameInfoTD p.description{
	margin: 10px 0 0 0;
	font-size: 12px;}
	
.media-gallery-preview .gameInfoTD a{ 
	color: #fff;
	font-weight: bold;}




.media-gallery-full { min-height:450px; padding: 10px 0 0 0; width: 940px; position: relative; z-index: 10;}

.media-gallery-full .videosTD{
	width: 130px;
	padding: 0 0 0 43px;
	text-align: left;}
	
.media-gallery-full .videosTD p.title{
	margin: 0 0 5px 0;}
	
.media-gallery-full .videosTD p.description{
	margin: 10px 0 0 0;
	font-size: 12px;}
	
.media-gallery-full .videosTD a{ 
	color: #fff;
	font-weight: bold;}

.media-gallery-full img { border: 1px solid #a7a6ab;}




.downloads-gallery-preview { padding: 10px 0 0 0; width: 923px; height: 230px; position: relative; z-index: 10;}

.downloads-gallery-preview .videosTD{
	width: 200px;
	padding: 0 39px 0 0;
	text-align: center;}
	
.downloads-gallery-preview .videosTD p.description{
	margin: 10px 0 0 0;
	font-size: 12px;}
	
.downloads-gallery-preview .videosTD a{ 
	color: #fff;
	font-weight: bold;}

.downloads-gallery-preview img { border: 1px solid #919191;}



h2.h-twitter-leaders { height: 72px; width: 201px; background: url(images/h-twitter-leaders.gif); margin-left: 35px; }
.tweets h3 { font: 14px/25px "Times New Roman", Times, Serif; color: #b5b5b5; padding: 5px 0 5px 35px; }
.tweets .more { float: right; display: inline; background: url(images/arr-right.gif) no-repeat 0 center; padding-left: 17px; text-transform: uppercase; color: #fff; font-size: 11px; }
.tweets-wrapper { position: relative; margin-left: 35px; }

.tweetbox { border: 5px solid #222; background: #171516; width: 179px; padding: 7px; height: 100%;  position: relative; }
.tweetbox a {color: #000; text-decoration: underline;}
.tweetbox a:hover {text-decoration: none;	}
.tweetbox p { font: italic 15px/22px "Times New Roman", Times, Serif; color :#A0A0A0; }
.tweetbox span.user-link { text-transform: uppercase; display: block; padding-top: 5px; }
.tweetbox span.user-link a { color: #FF9908; font-size: 11px; text-decoration: none;}
.tweetbox span.user-link a:hover {text-decoration: underline; color: #FF3108;}
.tweetbox .arrow { height: 17px; width: 14px; background: url(images/tweets-arrows.gif); position: absolute; top: 16px; }

.tweet-left, .tweet-right { margin-left: 30px; }
.tweet-left .tweetbox { float: left; display: inline; }
.tweet-left .user { float: right; display: inline; }
.tweet-left .arrow { left: 193px; background-position: right 0; }

.tweet-right .tweetbox { float: right; display: inline; }
.tweet-right .user { float: left; display: inline; }
.tweet-right .arrow { left: -14px; }

.tweet { margin-bottom: 15px; }
.tweet .user { height: 56px; width: 57px; position: relative; overflow: hidden; background: #b25555; }
.tweet .user a img { display: block; border: 1px solid #8e8e8e; height: 54px; width: 55px; }

#footer { height: 182px; width: 987px; margin: 40px auto 0 auto; background: url(images/footer.jpg); position: relative;}
#footer ul { list-style-type: none; padding-top: 113px; padding-left: 17px;}
#footer ul li {font-size: 0; line-height: 0; text-indent: -9999px; float: left; display: inline; height: 52px;}
#footer ul li a {background: url(images/footer-nav-sprite.gif) no-repeat 0 0; float: left; width: 100%; height: 52px; font-size: 0; line-height: 0; text-indent: -9999px;}
#footer ul li.nav-privacy-statement {width: 144px; margin-left: 17px; margin-right: 19px;}
#footer ul li.nav-terms-of-use {width: 103px; margin-right: 16px;}
#footer ul li.nav-code-of-conduct {width: 121px; margin-right: 131px;}
#footer ul li.nav-support {width: 71px; margin-right: 57px;}
#footer ul li.nav-leaderboards {width: 104px; margin-right: 46px;}
#footer ul li.nav-forums {width: 70px;}
#footer ul li.nav-privacy-statement a {background-position: -17px 0;}
#footer ul li.nav-terms-of-use a {background-position: -180px 0;}
#footer ul li.nav-code-of-conduct a {background-position: -299px 0;}
#footer ul li.nav-support a {background-position: -551px 0;}
#footer ul li.nav-leaderboards a {background-position: -679px 0;}
#footer ul li.nav-forums a {background-position: -829px 0;}
#footer ul li.nav-privacy-statement a:hover {background-position: -17px -52px;}
#footer ul li.nav-terms-of-use a:hover {background-position: -180px -52px;}
#footer ul li.nav-code-of-conduct a:hover {background-position: -299px -52px;}
#footer ul li.nav-support a:hover {background-position: -551px -52px;}
#footer ul li.nav-leaderboards a:hover {background-position: -679px -52px;}
#footer ul li.nav-forums a:hover {background-position: -829px -52px;}
#footer .footer-icon {position: absolute; top: 80px; left: 447px; width: 96px; height: 96px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 10; background: url(images/footer-icon.gif) no-repeat 0 0;}
.footer-links { width: 947px; margin: 20px auto; font-size: 10px; color: #999; position: relative;}
.footer-links a { color: #999; }
.footer-links a.fl { margin-right: 40px; }
.footer-links a.fr { position: relative; margin-top: -10px; }

.sexy-bookmarks {float: right !important; display: inline;}

.post ol,
.post ul {margin-bottom: 15px;}

.alignleft, .alignright{
font-weight:bold;
padding:15px 0;}

.post .entry ul, .post .entry ol{
	margin: 0 0 30px 30px;
	line-height: 18px;}
	
.post .entry{
	line-height: 18px;}
	
.at300bs.at15t_expanded, .at300bs.at15t_compact{
	background: none !important;}
	
.addMe{
	float: left;
	width: 19px;
	padding: 25px 0 0 0;}
	
.addMe a.addthis_button_compact{
	font-size: 25px !important;
	font-weight: bold;
	color: #A0A0A0 !important;
	background: url(images/plus.png) no-repeat top left;
	width: 19px;
	height: 19px;}
	
#at20mc #at15s{
	background: #222 !important;
	border-color:  #444 !important;
	color: #A0A0A0;}
	
.at15t, #at16pf, #at16ps, #at16pt, #at16psf, #at16pm, #at16pi{
	background-color: #222 !important;
	border-color:  #222 !important;
	color: #A0A0A0 !important;}
	
#at_hover, #at_pspromo, #at15s_head{
	background-color: #222 !important;
	border-color:  #222 !important;
	color: #A0A0A0;}
	
#at20mc #at_hover .at_item{
	background-color: #222 !important;
	border-color:  #222 !important;}

#at20mc #at_hover .at_item:hover{
	background-color: #222 !important;
	border-color:  #222 !important;}
		
#at20mc #at_hover .at_item.athov{
	background-color: #222 !important;
	border-color:  #222 !important;}
	
#at20mc #at_share .at_item{
	background-color: #222 !important;
	border-color:  #222 !important;}
		 
#at20mc #at_share .at_item:hover{
	background-color: #222 !important;
	border-color:  #222 !important;}
		
#at20mc #at_share .at_item.athov{
	background-color: #222 !important;
	border-color:  #222 !important;}
	
.factionsTextLeft{
	padding:120px 0 0 30px;
	width:420px;
	line-height: 17px;
	font-size: 13px;
	color: #a1a1a1;}
	
.factionsTextRight{
	font-size:13px;
	line-height:17px;
	padding:120px 0 0 483px;
	width:440px;
	color: #a1a1a1;}
	
.about{
	}
	
.about .leftImage{
	float: left;
	width: 51px;
	margin: 0 8px 15px 0;}
	
.about a img{
	border: 1px solid #444;}
	
.about .bio{
	margin: 20px 0 0 0;
	font-family: Helvetica,Arial,Sans-Serif;
	clear: both;
	min-height: 210px;}
	
.about .bio .title{
	font-size: 20px;
	margin: 0 0 10px 0;
	color: #F47D20;
	font-weight: bold;}
	
.about .bio img{
	margin: 0 15px 10px 0;
	border: 1px solid #444;}
	
.about a:hover img{
	border: 1px solid #fff;}	
	
.entry img{
	border: 1px solid #343132;
	margin: 0 20px 10px 0;}