/*************************************

	General Layout

*************************************/
body {
	background:#000;
	color:#fff;
	font-family:'Archivo Narrow', sans-serif;
	}
#wrapper-main {
	background:#000 no-repeat center top;
	min-height:1000px;
}
#wrapper-content {
	width:960px;
	background:#e6e6f5;
	color:#333333;
}
#content-main {
	width:960px;
	margin:0 auto;
	padding:0 60px;
}
.blank-page {
	padding:20px;
	min-height:800px;
}
.column {float:left;}
.left {width:650px;}
.short, .left.short, .header.short {
	width:630px;
	margin-right:20px;
}
.right {width:310px;}
.left .content {
	margin:0 20px;
}

.right .content {margin-right:20px;}
.pad, .left .content.pad {margin-top:20px;}
.tab-header {
	display:none;
	width:960px;
	height:400px;
	padding:0 60px;
}
.tabContent div.tab, .tabright {display:none;}
.tabContent div.active, .tabright.active {display:block;}
.tabright img {
	width:290px;
	padding-bottom:20px;
}
ul.itemlist.bloglist {min-height:500px;}
ul.itemlist li {
	padding:20px 0;
	border-bottom:1px solid #333;
	clear:both;
	float:none;
	display:block;
}
ul.itemlist li:last-child {border-bottom:none;}
.lt-ie9 ul.itemlist li {border-bottom:expression(this.nextSibling==null?'none':'inherit');}
.news ul.itemlist li {min-height:82px;}
.news ul.itemlist .thumb {
	padding-right:15px;
	float:left;
	width:92px;
	height:82px;
}
.news ul.itemlist .thumb img {
		width:92px;
		height:82px;
}
.news ul.itemlist .item {margin-left:107px;}
.date {
	float:right;
	text-transform:capitalize;
	margin-right:10px;
	font-size:14px;
}

ul.thumblist {list-style:none;}
ul.thumblist li {
	float:left;
	width:135px;
	height:190px;
	padding:0 20px 20px 0;
}
ul.thumblist li a img {
	width:135px;
	height:190px;
}
ul.thumblist.big li {
	width:215px;
	height:305px;
	padding:15px 20px 15px 0;

}
ul.thumblist.big li.fourth {padding-right:0;}
ul.thumblist.big li img {
	width:215px;
	height:305px;
}
.show {display:block;}
.joblisting {display:none;}
.joblisting.current {display:block;}
ul.jobmenu {display:none;}
ul.jobmenu.current {display:block;}
ul.jobmenu li {
	height:50px;
	padding-left:15px;
	width:295px;
	background:#999;
	margin-top:10px;
	color:#000;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: 	background .25s;
}

ul.jobmenu li:hover, ul.jobmenu li.active {
	background:#ff9933;
	cursor:pointer;
	color:#333;
}
ul.jobmenu li a {
	height:50px;
	width:295px;
	color:#000;
	line-height:50px;
	display:block;
}


ul.jobmenu li h4 {font-size:18px;}

ul.textmenu.pagination {
	float:right;
	padding-right:20px;
	display:none;
}
ul.textmenu.pagination li {padding-right:5px;}
ul.textmenu.pagination.active {display:block;}

.content div.usertext {clear:both;}
/*************************************

	General Text

*************************************/
a, a:link, a:visited, a:active {
	color:#666;
	text-decoration:none;
	transition: color .25s;
	-moz-transition: color .25s;
	-webkit-transition: color .25s;
	-o-transition: 	color .25s;
}
a:hover {color:#000;}
a.button {
	text-transform:uppercase;
	font-size:18px;
	padding:0 18px;
	line-height:50px;
	background:#999;
	height:50px;
	display:block;
	margin-right:10px;
	color:#333;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: 	background .25s;
}
a.button:hover {background:#ff9933;}
h2, h3, h3 a {
	font-size:18px;
	text-transform:uppercase;
}
h4 {
	font-size:22px;
	text-transform:uppercase;
}
.content h2, h3, h4 {margin-bottom:10px;}
.usertext p, .item p {
	padding:6px 0 12px;
	line-height:1.4em;
}
.usertext ul {
	list-style:disc;
	padding:6px 0 18px 20px;
}
.usertext ul li {
	color:#333;
	font-size:14px;
	line-height:18px;
}
.usertext img {
	max-width:100%;
	padding:10px 0;
}
.header {
	height:50px;
	width:100%;
	line-height:48px;
}
.header.black {
	background:#0f0f0f;
	color:#fff;
	clip:rect(0, auto, 50px, auto);
	overflow:hidden;
}
.header.black a img {margin-top:-50px;}
.header.black a:hover img, .header.black a.current img  {margin-top:0px;}
.header h3 {padding-left:20px;}

#nav-top .hasdrop .drop {
	position:absolute;
	background:url('http://www.firaxis.com/images/fx-site-images/drop-nub.png') no-repeat center top;
	display:none;
	margin-top:-6px;
	z-index:9998;
	}
#gamedrop {margin-left:-330px;}
#commdrop {margin-left:-19px;}
#nav-top .hasdrop:hover .drop , #nav-top .hasdrop.hover {display:block;}
.drop div.nub {
	height:6px;
	z-index:9999;
}
ul.gamethumbs, ul.dropmenu {
	position:relative;
	height:200px;
	z-index:9997;
	width:760px;
	border:1px solid #000;
	border-top:none;
}
ul.dropmenu {height:265px;}
ul.dropmenu {
	width:180px;
	background:#e6e6f5 url('http://www.firaxis.com/images/fx-site-images/bg-gamedrop.jpg') repeat-x 0 0;
}
#nav-top ul.dropmenu li {
	float:none;
	padding:5px 10px;
	height:20px;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	line-height:20px;
}

#nav-top ul.dropmenu li a {
	text-indent:0;
	height:20px;
	padding:5px 0;
	background:none;
}
#nav-top ul.dropmenu li a:hover {

}
#nav-top ul.gamethumbs li {
	padding:16px 20px 0 0;
	color:#333;
	text-align:center;
	height:184px;
	background:#e6e6f5 url('http://www.firaxis.com/images/fx-site-images/bg-gamedrop.jpg') repeat-x 0 0;
	text-indent:0;
	}
#nav-top .gamethumbs li a{
	text-indent:0;
	background:none;
	}
#nav-top ul.gamethumbs li:first-child {padding-left:40px;}
#nav-top .lt-ie9 ul.gamethumbs li {padding-left:expression(this.firstSibling==true?'40px':'inherit');}
ul.gamethumbs li  h4{
	font-size:16px;
	margin:0;
	}
ul.gamethumbs li  p{
	font-size:14px;
	padding-top:0;
	margin:0;
	}

#nav-top ul.gamethumbs img {
	width:97px;
	height:137px;
}
ul.gamethumbs img#allthumb {
	width:155px;
	padding-right:20px;
}
ul.threecol {list-style:none;}
ul.threecol li {
	width:33%;
	float:left;
	text-align:center;
	height:200px;

}
ul.threecol li img {

}


/*************************************

	Home Page

*************************************/
#logo {
	width:198px;
	height:44px;
	float:left;
}
#nav-top {
	width:644px;
	float:left;
	height:44px;
}
#header-main #social-menu ul {
	padding-left:20px;
	padding-top:13px;
	float:left;
}
#header-main #social-menu ul li {padding-right:13px;}
#header-main #social-menu ul li img {
	width:17px;
	height:17px;
}


#header-main ul, ul.textmenu {
	margin: 0;
	list-style: none;
	padding: 0;
}

#header-main li, ul.textmenu li {
	float: left;
	position: relative;
}
.right ul.textmenu {float:right;}
ul.textmenu.buttons {margin-top:10px;}
#wrapper-flippah {
	width:1080px;
	height:400px;
	margin:0 auto;
	background:transparent url('http://www.firaxis.com/images/fx-site-images/bg-flippah.gif') no-repeat 60px 0;
}
#flippah {
	width:900px;
	height:400px;
	float:left;
	overflow:hidden;
}
ul.slides {

}
ul.slides li {
	float:left;
	overflow:hidden !important;
}
.flippah-slide {
	float:none;
	width:900px;
	height:400px;

}
.flippah-left {
	visibility:hidden;
	width:60px;
	height:400px;
	position:relative;
	float:left;
}
.flippah-thumb {
	width:120px;
	height:100px;
}
.flippah-thumb a{
	display:block;
	width:120px;
	height:100px;
	text-indent:-9999px;
}
.flippah-thumb a#flippah-thumb-01:hover, .flippah-thumb a#flippah-thumb-02:hover, .flippah-thumb a#flippah-thumb-03:hover, .flippah-thumb a#flippah-thumb-04:hover, .flippah-thumb a#flippah-thumb-01.active, .flippah-thumb a#flippah-thumb-02.active, .flippah-thumb a#flippah-thumb-03.active, .flippah-thumb a#flippah-thumb-04.active {
	background-position:-120px 0;
}

.flippah-middle {
	width:840px;
	height:400px;
	float:left;
	background:#000;
}
#flippah-controls {
	width:120px;
	height:400px;
	float:left;
}
ul.itemlist.fpage-social {min-height:300px;}
ul.itemlist.fpage-social li {
	min-height:25px;
	background:url('/alex/firaxis/flat-site/images/icon-tw.png') no-repeat left 20px;
	padding-left:35px;
}
ul.itemlist.authors {padding-bottom:50px;}
ul.itemlist.authors li {
	border:none;
	padding-bottom:0;
}
ul.itemlist.authors li h4 {
	text-transform:none;
	margin:0;
}

.fpage-buynow .item {
	margin-right:145px;
	line-height:1.8em;
}
.fpage-buynow .button {
	margin-top:10px;
	text-align:center;
}
.fpage-buynow .thumb {
	float:right;
	width:140px;
	height:200px;
}
.fpage-buynow {padding-top:15px;}
.fpage-buynow img {
	width:140px;
	height:200px;
}
/*************************************

	About Page

*************************************/

/*************************************

	Game Page

*************************************/
#gallery-games {
	clear:both;
	margin:0 20px;
	background:transparent url('http://www.firaxis.com/images/fx-site-images/bg-bigthumblist.gif');
}
#gallery-games-bottom {
	background:#e6e6f5;
	width:920px;
	height:50px;
	margin-top:-10px;
 }
.ctrl {
	font-size:16px;
	margin-right:10px;
}
.ctrl li a {

	margin-right:20px;
	text-transform:uppercase;
 }
.btn-mediagallery {
	width:290px;
	height:150px;
	margin:20px 0;
	}
.btn-mediagallery img {
	width:290px;
	height:150px;
	float:left;
}
.btn-mediagallery h3 {
	height:50px;
	background:rgba(0,0,0,.8);
	line-height:50px;
	margin:-70px 0 0;
	float:left;
	color:#ff9933;
	padding:0 15px;
}


/*************************************

	Blog

*************************************/
.blog-image {
	width:610px;
	margin:20px 0 0 20px;
}
.blog-image img {width:100%;}
.btn-blog {
	width:300px;
	text-align:center;
}
.blog-categories {
	font-size:16px;
	text-transform: uppercase;
	padding:10px 0 0;
}
.blog-categories a {
	padding:0 5px;
}
.blog-categories a:first-child {padding-left:0;}
cite {
	padding:6px 0 12px;
	display:block;
}
ul.nav_categories {
	list-style:none;
	padding:10px 10px 10px 0;
}
ul.nav_categories li {
	float:left;
	padding-left:5px;
}
ul.nav_categories li:first-child {padding-left:0;}
#clever_girl {
	width:630px;
	height:100px;
	margin-top:-100px;
	background:#e6e6f5;
	z-index:9999;
	position:absolute;
}

/*************************************

	Header

*************************************/
#header-main {
	width:960px;
	height:44px;
	margin:0 auto;
	padding:0 60px;
}
#wrapper-header {
	background:#0f0f0f;
	width:960px;
	height:44px;
}
#social-menu ul {

}
#social-menu ul li {

}
/*************************************

	Footer

*************************************/
#footer-main {
	width:960px;
	margin:0 auto;
	clear:both;
	padding:20px 60px;
}
#nav-footer {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#nav-footer ul {
    position:relative;
    left:50%;    position:relative;
    left:50%;
}
#nav-footer ul li {
	padding:0 7px;
	color:#ccc;
	margin-top:10px;
}
#nav-footer ul li.logo {margin-top:0px;}
#nav-footer a, .black a  {
	color:#ff9933;
	transition: color .25s;
	-moz-transition: color .25s;
	-webkit-transition: color .25s;
	-o-transition: 	color .25s;
}
#nav-footer a:hover, #nav-footer a.current, .black a:hover, .black a.current  {color:#fff;}
/*************************************

	Top Nav

*************************************/
#nav-top li, #nav-top li a {
	height:44px;
	display:block;
	text-indent:-9999px;
}
#nav-top li a {
	background:transparent url('http://www.firaxis.com/images/fx-site-images/sprite-nav-top.png') no-repeat;
}
#nav-top li a#btn-top-news:hover, #nav-top li a#btn-top-about:hover, #nav-top li a#btn-top-games:hover, #nav-top li a#btn-top-careers:hover, #nav-top li a#btn-top-community:hover, #nav-top li a#btn-top-blog:hover, #nav-top li a#btn-top-news.current, #nav-top li a#btn-top-about.current, #nav-top li a#btn-top-games.current, #nav-top li a#btn-top-careers.current, #nav-top li a#btn-top-community.current, #nav-top li a#btn-top-blog.current {background-position-y:-44px;}
#nav-top a#btn-top-news {
	width:80px;
	background-position:0 0;
}
#nav-top a#btn-top-about {
	width:90px;
	background-position:-80px 0;
}
#nav-top #btn-top-games {
	width:96px;
	background-position:-170px 0;
}
#nav-top #btn-top-careers {
	width:111px;
	background-position:-266px 0;
}
#nav-top #btn-top-community {
	width:144px;
	background-position:-377px 0;
}
#nav-top #btn-top-blog {
	width:123px;
	background-position:-521px 0;
}


.box-jumpmenu {
	width:300px;
	height:50px;
	margin-top:10px;
	background:#999;
}
.categories {
	display
	:none;
}
.tzSelect{
	height:50px;
	display:block;
	width:300px;
	position:relative;
	clear:both;
	background:#999;
	float:none;
}

.tzSelect .selectBox{
	position:absolute;
	height:100%;
	width:100%;
	text-align:left;
	cursor:pointer;
	line-height:50px;
	background:transparent url('http://www.firaxis.com/images/fx-site-images/nub-black.png') no-repeat 257px 21px;
	color:#000;
	transition: color .25s;
	-moz-transition: color .25s;
	-webkit-transition: color .25s;
	-o-transition: 	color .25s;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	color:#fff;
	background-image:url('http://www.firaxis.com/images/fx-site-images/nub-white.png');
}

.tzSelect .dropDown{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	border-width:0 1px 1px;
	list-style:none;
	clear:both;

}
.tzSelect p {
	padding:0 10px;
}
.tzSelect li{
	height:50px;
	cursor:pointer;
	position:relative;
	background:#999;
	line-height:50px;
	z-index:999;

}
.tzSelect li.hide{display:none;}
.tzSelect li:hover{background:#ff9933;}

.tzSelect li span{
	left:88px;
	position:absolute;
	top:27px;
}

.tzSelect li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect li img{
	left:9px;
	position:absolute;
	top:13px;
}


#gallery {display:none;}
/*
 * version: 3.0.0
 * package: OrangeBox
 * author: David Paul Hamilton - http://orangebox.davidpaulhamilton.net
 * copyright: Copyright (c) 2011 David Hamilton / DavidPaulHamilton.net All rights reserved.
 * license: GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
#ob_overlay {
	background-color:#333;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}
#ob_container {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	z-index:1001;
}
#ob_float {
	float:left;
	height:50%;
	min-width:100%;
}
#ob_content {
	clear:both;
	cursor:default;
	position:relative;
	margin:22px auto 44px;
	background-color:#333;
	border:0 solid #333;
	-webkit-box-shadow: 0px 0px 8px 2px #000;
	-moz-box-shadow: 0px 0px 8px 2px #000;
	line-height:0;
	display:none;
	z-index:1003;
}
#ob_iframe {
	-webkit-overflow-scrolling:touch;
	overflow:auto;
	font-size:0;
}
#ob_caption {
	color:#333;
	background-color:#fff;
	font-size:small;
}
#ob_caption p {
	padding:0;
	margin:10px;
	cursor:auto;
	line-height:1.625em;
}
#ob_video_wrapper {background:#000;}
#ob_image {
	display:block;
	margin:0 auto;
}
#ob_inline {
	overflow:auto;
	cursor:auto;
}
#ob_inline .inline_content {
	padding:20px;
	line-height:1.625em;
}
#ob_load {
	-moz-border-radius:5px;
	background:url('http://www.firaxis.com/images/fx-site-images/orangebox/loading.gif') no-repeat center;
	background-color:#333;
	border-radius:5px;
	height:40px;
	left:50%;
	position:fixed;
	top:50%;
	width:40px;
	margin:-25px 0 0 -25px;
	padding:5px;
	-webkit-box-shadow: 0px 0px 8px 2px #222222;
	-moz-box-shadow: 0px 0px 8px 2px #222222;
	z-index:1002;
}
#ob_error {
	text-align:center;
	padding:10px;
}
#ob_close {background:url('http://www.firaxis.com/images/fx-site-images/orangebox/buttons.png');
	cursor:pointer;
	height:30px;
	left:-26px;
	position:absolute;
	top:-26px;
	width:30px;
	z-index:1005;
}
#ob_title {
	color:#fff;
	left:auto;
	position:absolute;
	margin-left:15px;
	right:0;
	text-align:right;
	z-index:1004;
	line-height:1em;
	cursor:auto;
}
#ob_left,#ob_right {
	bottom:8px;
	cursor:pointer;
	height:100%;
	position:absolute;
	width:50px;
	z-index:1004;
}
#ob_left {left:-53px;}
#ob_right {right:-53px;}
#ob_left-ico,#ob_right-ico {
	cursor:pointer;
	display:block;
	height:30px;
	margin-top:-9px;
	position:absolute;
	top:50%;
	width:30px;
	z-index:1004;
}
#ob_left-ico {background:url('http://www.firaxis.com/images/fx-site-images/orangebox/buttons.png') center;
	right:20px;
}
#ob_right-ico {background:url('http://www.firaxis.com/images/fx-site-images/orangebox/buttons.png') right;
	left:20px;
}
#ob_left:hover,#ob_right:hover {visibility:visible;}
#ob_dots {
	position:absolute;
	bottom:-24px;
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
#ob_dots li {
	height:8px;
	list-style:none;
	width:8px;
	margin:3px;
	-moz-border-radius:4px;
	background-color:#666;
	border-radius:4px;
	cursor:pointer;
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
}
#ob_dots .current {background-color:#CCC!important;}
#ob_share {margin-left:8px;}


/* IE Hacks */
ul.textmenu li {
	height:50px;
	overflow:hidden;
	position:relative;
}