body { 
padding: 0;
margin: 0;
width: 100%;
display: table;
}

img {border: none; }

body.home {
background: #000 url('http://downloads.2kgames.com/xcom/sites/enemyunknown/v2/images/mainbg_keyart.jpg') no-repeat center top;
}

body.info {
background: #000 url('http://downloads.2kgames.com/xcom/sites/enemyunknown/v2/images/bg_info_7.jpg') no-repeat center top;
}

body.updates {
background: #000 url('http://downloads.2kgames.com/xcom/sites/enemyunknown/v2/images/bg_updates_4.jpg') no-repeat center top;
}

body.media {
background: #000 url('http://downloads.2kgames.com/xcom/sites/enemyunknown/v2/images/bg_media_3.jpg') no-repeat center top;
}

body.downloads {
background: #000 url('http://downloads.2kgames.com/xcom/sites/enemyunknown/v2/images/bg_downloads_4.jpg') no-repeat center top;
}

a:link,a:visited,a:hover { color:#fff; font-weight:normal; text-decoration: none;
    text-transform: uppercase; }

div#container {
width: 960px;
text-align:left;
margin:auto;
font-family: 'Doppio One',Arial;
font-size: 12px;
color:#d0fefe;
}

div.body{
font-family: 'Doppio One',Arial;
font-size: 13px;
}

div.body a { 
font-family: 'Doppio One',Arial;
font-size: 12px;
color: #33cccc;
}

div#colA {
width:660px;
margin-right:20px;
float:left;
}

div#colB {
width:280px;
float:left;
}

div#colAB {
width:960px;
float:left;
}

div#flashContent, #xcomeu_logo_home {
text-align:center;
width: 960px;
clear: both;
}

div.nav { text-align:center; margin:auto; width:960px; padding-top:16px;}
div.navtop {  }
div.navfollow { display: inline; float:left }
div.navsupport { display: inline; float:right }
div.navmain ul li {
	display: inline;
}

div.navmain {
padding-left:195px;
height: 50px;
}

div.navmain ul li {
list-style:none;
height:32px;
}
div.navmain ul li a {
height:32px;
text-indent:-9999px;
float:left;
}

div.navmain ul li#navInfo a {
width:96px;
background:url(images/nav_main.png) no-repeat 0 0; 
}
div.navmain ul li#navInfo a:hover {
background-position: 0 -34px; 
}
body.info div.navmain li#navInfo a {
background-position: 0 -67px;
}

div.navmain ul li#navUpdates a {
width:112px;
background:url(images/nav_main.png) no-repeat -96px 0; 
}
div.navmain ul li#navUpdates a:hover {
background-position: -96px -34px; 
}
body.updates div.navmain li#navUpdates a {
background-position: -96px -67px;
}

div.navmain ul li#navMedia a {
width:82px;
background:url(images/nav_main.png) no-repeat -206px 0; 
}
div.navmain ul li#navMedia a:hover {
background-position: -206px -34px; 
}
body.media div.navmain li#navMedia a {
background-position: -206px -67px;
}

div.navmain ul li#navDownloads a {
width:140px;
background:url(images/nav_main.png) no-repeat -288px 0; 
}
div.navmain ul li#navDownloads a:hover {
background-position: -288px -34px; 
}
body.downloads div.navmain li#navDownloads a {
background-position: -288px -67px;
}

div.navmain ul li#navForums a {
width:140px;
background:url(images/nav_main.png) no-repeat -428px 0; 
}
div.navmain ul li#navForums a:hover {
background-position: -428px -34px; 
}


ul {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}

.home .hdr {
	margin-bottom:20px;
}

/* ARTICLE STUFF */


ul.article li.box {
list-style-type: none;
padding:10px;
width:640px;
line-height: 1.4em;
}

.article .title  {
text-transform: uppercase;
color:#fff;
font-size:16px;
line-height:1.5em;
}

ul.article li.box img { 

border: 1px solid #000;
}

.sharetools {
float: right;
}

ul.article .date { display:inline;}
ul.article .facebook {display:inline; position:relative; top: -8px;} 
ul.article .twitter {display:inline; position: relative; top: -20px;} 

/* HOME STUFF */

.headline .title a, span.headline a  {
text-decoration:none;
text-transform: uppercase;
font-family: 'Quantico', sans-serif;
color: #33cccc;
font-size: 12px;
}

ul.news {
margin-left:0px;
padding-left:0px;
}

.home ul.news li.box {
list-style-type: none;

padding:10px;
width:640px;
margin-bottom:20px;
}

ul.news li.box img { 
/*width:194px;
height:108px;*/
}

ul.news li.box div.headline {  }
ul.news li.box div.date, ul.news li.box div.title { display: inline }

ul.news li.box div.date {
float:right;
}

ul.news li.box div.thumb {
padding-right:10px;
float:left;
height:100%;
}

/* END HOME */

/* INFO */

ul.feature li.box div.featurethumb {
padding-left:10px;
float:right;
height:100%;
}

ul.feature li.box img { 

}



/* END INFO */


/* MEDIA */

ul.media li.box {
	width:940px;
	height:550px;
margin-bottom:0;
}

ul.podcasts li.box {
	width:940px;
	height:110px;
}

#colAB img {
padding-right:10px;
}

div.scroll, div.thumbs {
display:inline;
}
div.scroll {
width:960px;
}
div.scroll img.more {
float:right;
}
div.scroll div.thumbs img {
padding-right:10px;
}

.podcasts .title  {
text-transform: uppercase;
color:#fff;
font-size:14px;
line-height:1.5em;
}

.podcasts img {
float:left;
}

div.thumbs {
	width:100%;
	height:100px;
	overflow:hidden;
}

#colAB img.more {
    padding: 0px;
}

/* DOWNLOADS */

.downloads div#colAB {
text-align:center;
}

.downloads img.hdr {
	margin:20px 0;
}


/* RIGHT COL */
.box {
border:1px solid #479da3;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.6);
padding: 10px;
margin-bottom: 20px;
}

img.fob  {
float:left;
}

#colB div.description a { color:#000; text-decoration:none;}
div#preorder {
height:155px;
background:url(images/preorder-bg-2.png);
}

#colB div.description a { color:#000; text-decoration:none;}
div#e3 {
height:155px;
background:url(images/demo-bg.png);
}

#colB div.description {
float:left;
width:120px;
padding:4px;
}
#colB .search input[type=text] {
background-color:#000;
border:1px solid #29575a;
color:#fff;
padding:3px;
}
#colB .search input[type=submit] {
float:right;
}

#colB div.headline span.title,#colB div.headline span.date {

text-transform:uppercase;
}

/* FOOTER */

div#footer {
text-align:center;
margin:auto;
clear:both;
padding-top:40px;
}

#footer #legal {
margin: auto;
width:600px;
text-align:center;
font-family: Arial;
padding-top:20px;
}
#legal {
font-size: 9px;
color: #666;
}
#language {
font-family: 'Doppio One',Arial;
font-size: 12px;
color: #fff;
}

.jThumbnailScroller#tS2 {
margin: 15px auto !important; 
}
.scrollbutton {
top: -30px !important;
}
#jTscrollerNextButton {
right: -10px !important;
}
#cboxContent {
background: #000 !important;
}