@charset "utf-8";
/* CSS Document */

body {
	background-color:#000;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#f8e1fc;
	font-size:14px;
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
}

img {
	border:none;
}

h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FBAF5D;
	font-weight:normal;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size:30px;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:18px;
}

a {
	color:#b2b7ff;
	text-decoration: underline;
	outline:none;
}

a:hover {
	color:#bea171;	
}

a:visited {
	color: #6666cc;
}

.breadcrumb a:visited:hover, .subnav a:visited:hover, a:visited:hover {
	color:#bea171;	
}

a h2 {
	text-decoration: none;
}

a:hover h2 {
	color:#fcf693;
}

a:visited h2 {
	color:#FBAF5D;
}

a:hover:visited h2 {
	color:#fcf693;
}

.newsHeadline {
	background-image: url(/images/fp_headlinebar_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 599px;
	margin-left:29px;
}

.newsHeadlineArchive {
	background-image: url(/images/fp_headlinebar_wide_bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width:844px;
}

.newsHeadline h2 {
	margin: 0 0 0 28px;
	color:#e0922f;
	font-size:16px;
	font-weight:bold;
}

.newsHeadlineArchive h2 {
	margin: 0 0 0 28px;
	color:#e0922f;
	font-size:30px;
}

.newsHeadline a h2 {
	margin: 0 0 0 28px;
	color: #e0922f;
	font-size:16px;
}

.newsHeadlineArchive a h2 {
	margin: 0 0 0 50px;
	padding-top:3px;
	color: #e0922f;
	font-size:30px;
}
/* Special Case visited states */
.newsHeadline a:hover h2, .newsHeadlineArchive a:hover h2 {
	color: #fcf693;
}
.newsHeadline a:visited h2, .newsHeadlineArchive a:visited h2 {
	color: #e0922f;
}
.newsHeadline a:visited:hover h2, .newsHeadlineArchive a:visited:hover h2 {
	color:#fcf693;
}
.breadcrumb a:visited, .subnav a:visited{
	color:#b2b7ff;
}
.readMore a:visited {
	color: #6666cc;	
}
.readMore a:visited:hover {
	color: #b2b7ff;	
}

p {line-height:1.25em;}

ul li
{
	list-style: none;
	background: url(/images/bullet.png) no-repeat top left;
	padding-left: 26px;
	margin-bottom:10px; 
	margin-left:-20px;
} 
ol li{
	margin-bottom:10px;
}
* html ul li {
	padding-left:15px;
	margin-left:-30px;	
}
ul ul{
	margin-top:10px;
}
.clearBoth {
	clear:both; 
}

#container {
	position:relative;
	width: 990px;
	margin:0px auto 0px auto;
	padding-top: 220px;
	overflow:hidden; /* prevent white space causing scrollbars */
}

#navDiv {
	width:990px;
	height: 79px;
	background-image: url(/images/nav_background.png);
	background-repeat: no-repeat;
}

#navDiv span {
	margin-top:30px;
	margin-left:54px;
	float:left;
}

#fpLeft {
	width: 659px;
	float:left;
}

#fpRight {
	width: 331px;
	float:right;
}

#fpMainsplash{
	 background-image: url(/images/fp_mainsplash_generic.png);
	 width:653px;
	 height:337px;
}
#fpButtons{
	position:relative;
	top: 229px;
}
#fpButtons a{
    display: inline-block;
    height: 75px;
	width: 153px;
	text-decoration:none;
	
}
#fpButtons a i{
	visibility:hidden;
}
#reactivate-button{
	margin-left:42px;
}

#purchase-button{	
	margin-left: 35px;
}

.fpBucket {
	margin-top: 7px;
}

#fpRotator {
	height: 295px;
	overflow: hidden;
	width: 331px;
}

#fpRotatorStates {
	height: 10px;
	margin: -5px 7px 15px 130px; /* temp fix */
}
#pager {
	display: block;
	position: relative;
	top: 5px;
}
#fpRotatorStates a#prev {
	width: 20px;
	height: 20px;
	background: transparent url(/images/fp_rotator.png) 0 0 no-repeat;
	display: block;
	position: relative;
	text-indent: -99999px;
	float: left;
}
#fpRotatorStates a#next {
	width: 18px;
	height: 20px;
	background: transparent url(/images/fp_rotator.png) -28px 0 no-repeat;
	display: block;
	position: relative;
	text-indent: -99999px;
	float: left;
}
#fpRotatorStates a#prev:hover {
	background-position: 0 -19px;
}
#fpRotatorStates a#next:hover {
	background-position: -28px -19px;
}
#fpRotatorStates #pager a {
	text-decoration: none;
	width: 10px;
	height: 10px;
	position: relative;
	float: left;
	display: block;
	text-indent: -99999px;
	background: transparent url(/images/fp_rotator.png) -50px -1px no-repeat;
	margin: 0 2px;
	overflow: hidden;
}
	#fpRotatorStates #pager a:hover {
		background-position: -50px -11px;
	}
#fpRotatorStates #pager a.activeSlide {
	background-position: -50px -11px;
}

#fpContentDiv {
	background-image: url(/images/fp_content_background.png);
	background-repeat: repeat-y;
	/*height: 500px;*/
	min-height:500px;
	padding: 1px 0px 20px 0px;
}
.fpDate{
	float:left;
	margin:0px 5px 0px 0px !important;
}
#fpNewsDiv {

}
h2.flir-replaced img{
	position:relative;
	top:3px;
}
#fpDevblogDiv {
	display: none;
}
#fpServerUpdateDiv {
	display: none;
}
#fpContentTabDiv {
	position:relative;
	height: 61px;
	width: 657px;
	background-repeat: no-repeat;
}

#tabNews {
	position: absolute;
	z-index: 2;
}

#tabDevblog {
	position: absolute;
	z-index: 1;
}
#tabServerUpdate {
	position: absolute;
	z-index: 1;
}
#newsLink {
	position: absolute;
	top: 7px;
	left: 15px;
	z-index: 3;
	width: 200px;
	height: 28px;
	cursor:pointer;	
	background-image:url(/images/blank.gif);	
}

#DevblogLink {
	position: absolute;
	top: 7px;
	left: 243px;
	z-index: 3;
	width: 200px;
	height: 28px;
	cursor:pointer;
	background-image:url(/images/blank.gif);
}

#ServerUpdateLink {
	position: absolute;
	top: 7px;
	left: 243px;
	z-index: 4;
	width: 200px;
	height: 28px;
	cursor:pointer;
	background-image:url(/images/blank.gif);
}

#fpContentBottomDiv {
	
}

.newsBlurb {
	margin-left: 56px;
	margin-right: 39px;
	margin-bottom: 30px;
}

.newsBlurb p {
	margin-top:0px;
	margin-bottom:10px;	
}

#footerDiv {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 140px;
	width: 990px;
}

#footerESRB {
	float: left;
	margin-left: 20px;
	width: 159px;
}

#footerNCsoft {
	float: left;
	width: 95px;
	margin-left: 20px;
}

#footerLegal {
	float: left;
	text-align: center;
	font-size: 12px;
	width: 400px;
	margin-left: 20px;
}

#footerLegal a {
	font-size:12px;
}

#footerLegal p {
	margin-top:0px;
	margin-bottom:10px;
}

#interiorContent {
	padding: 1px 0;
}

#interiorBody {
	background-image: url(/images/interior_bg.png);
	background-repeat: repeat-y;
	
	min-height:600px;
	padding: 10px 70px;
}
* html #interiorBody{/*IE 6 Min-Height*/
	height:600px;
}
#interiorBody p{
	margin-top:5px;
}

#interiorBottom{background:url(/images/interior_bottom.png) no-repeat; width:990px; height:75px;}

#logoLink {
	position: absolute;
	top: 35px;
	left: 113px;
}

#logoLink a {
	display:block;
	width: 420px;
	height: 200px;	
	
}

#interiorSubhead {
	width:990px;
	height:144px;
}

#interiorSubhead h1 {
	font-size:40px;
	padding-top:65px;
	padding-left:164px;
	margin: 0px;
}
/* subnav styles */
.subnav{
	float:right;
	margin:12px 40px 10px;
	width:170px;
	background:url(/images/subnav_bottom.png) no-repeat #33213B bottom center;
	padding-bottom:20px;
	padding-right:30px;
	padding-left:40px;
	position:relative;
}
* html .subnav{ /* IE 6 is annoying */
	padding-right:0px;
	display:inline;
}
.subnav h3{
	width:200px;
	margin-left:-40px;
	padding-left:40px;
	padding-top:20px;
	background:url(/images/subnav_bg.png) no-repeat ;
	background-position:top center;
	position:relative;
	top:-20px;
	margin-bottom:0;
}
.subnav li{
	background:url(/images/subnav_bullet.png) no-repeat top left;	
}
p.readMore {
	font-size: 12px;
	text-align: left;
}

span#footerLegal a {
	color: #fbaf5d;
}

a.large {
	font-size: 20px;
}

#interiorBody h2 {
	width:500px;
}

#interiorBody .newsHeadlineArchive h2 {
	width:748px;
}
/* PLAYNC TOPHAT STYLES ------------------------------------------------------------------------- */

#topHat{
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	border-bottom: solid 1px #a09f9f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#topHat a, #topHat a:hover{
	color: #FFFFFF;
	font-weight:bold;
}
#topHat a:hover{
	text-decoration:underline;
}
#topHat div{
	text-align: left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0px 2px 0px;
}
#playncTophatLogo{
	margin-right: 10px;	
}

/*Jump Links */
#jumplinks {margin:0px 0px 10px 0px; padding:0px; width:550px; text-align:center; line-height:1.75em;}
#jumplinks li{list-style:none; margin:0px; padding:0px; display:inline; background:none;}
#jumplinks li a{padding-right:7px; margin:5px 7px 0px 0px; border-right:1px solid #6666cc;}
#jumplinks li:last-child a{border-right:none;}

/* Table Styles */
table.standard{border:3px solid #33213B; border-collapse:collapse;}
.standard thead{background:#33213B; text-align:left;}
.standard th {padding: 3px 8px;}
.standard td{border:3px solid #33213B; padding:10px;}
.standard td p{margin:0; padding:0;}

/* Guide images */
.centerImg{text-align:center; margin-left:auto; margin-right:auto;}
.rightImg{float:right; margin:0px 0px 0px 20px;}
.badBg{border:4px solid #6666cc;}
.noborder{
	border:none !important;
}
.thumbleft {
	border:2px solid #33213B;
	float:left;
	margin: 0px 20px 20px 0px;
}
 
.thumbright {
	border:2px solid #33213B;
	float:right;
	margin: 0px 0px 20px 20px;
}

/*Video Styles */
.flowplayer{width:480px; height:374px; display:block; clear:both; outline:none; float:left; margin-right:10px;}
.videolisting{clear:both; height:100px; margin-bottom:10px;}
.videothumb img{margin-bottom:10px;}
.videolisting strong{font-size:18px;}
.videolisting p{font-size:11px; margin-bottom:5px;}
.listcontainer{font-size:11px; width:150px; float:left; margin-right:10px;}
.listcontainer_desc{width:200px; float:left;}

/* Download Pages */
.lBlock{margin-right:20px; padding-right:20px; float:left; border-right:1px dashed #fff;}
.rBlock{float:left;}
.dlBlock{width:480px;}
.fansites{text-align:center; border:none;}

/* Wallpapers */
.wallpapers {width:700px; margin:auto; clear:both;}
.wallpapers p {width:155px; float:left; margin:10px; text-align:center; height:175px;}
.wallpapers p img{margin-bottom:5px; border:2px solid #33213B;}

/* Image Gallery Styles */
.slider-wrap {text-align:center; margin-left:15px;}
.stripViewer {position: relative; overflow: hidden;	margin: auto; width: 770px; height: 460px; clear: both; top:-35px;}
.stripViewer .panelContainer {position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
.stripViewer .panelContainer .panel {float:left; height:100%; position:relative; width:770px;}
.stripViewer .panelContainer .panel a{display:block; width:190px; height:148px; float:left; text-align:left}
.stripNav{height:50px; margin:0 auto; position:relative; top:462px;}
.slider-wrap ul{margin:0; padding:0;}
.slider-wrap ul li{background:none; float:left; margin:0 10px 0 0; padding:0;}
.slider-wrap ul li a, .slider-wrap .stripNavL a, .slider-wrap .stripNavR a, #comic-nav a {text-decoration:none; background:url(/images/image_gal_nav_bg.png) no-repeat; padding:0 10px; border:1px solid #4C475C; line-height:30px; display:block; color:#fff; font-weight:bold;}
.slider-wrap ul li a:hover, .slider-wrap ul li a.current, .slider-wrap .stripNavL a:hover, .slider-wrap .stripNavR a:hover{color:#ffffff; background-position:bottom left; border:1px solid #319487;}
.slider-wrap .stripNavL {float:left; position:relative; top:462px; margin:0 10px 0 0;}
.slider-wrap .stripNavR {float:right; position:relative; top:462px;  margin:0 12px 0 0;}
.screens h3.headline {margin-left:15px;}

.gallery_listing{margin:20px 10px 0 12px; float:left; padding:15px; background:#000a15 url(/images/gallery_bg.png) repeat-x; border:1px solid #1D3F5B; height: 270px;}
.gallery_listing h3.headline{margin:5px 0 0 0;}
.page .gallery_listing p{margin:0;}

.gallery_images{width:327px; height:213px; position:relative;}
.gallery_images .thumb1{position:absolute; left:10px; top:10px; z-index:1;}
.gallery_images .thumb2{position:absolute; left:148px; top:30px; z-index:2;}
.gallery_images .thumb3{position:absolute; left:80px; top:70px; z-index:3;}
.gallery_images .thumboverlay{position:absolute; left:0; top:0; z-index:4;}

.gallery_info {width:327px;}

p.tallThmb{padding-bottom:20px;}

.topPageCount {text-align:right; margin-bottom:40px; font-size:16px;}
.botPageCount {text-align:center; margin-top:40px; font-size:16px;}

/* Comic Gallery */
#comic-nav { float: left; display: inline; }
#comic-nav-first { float: left; display: inline; margin-right: 6px; }
#comic-nav-previous { float: left; display: inline; }
#comic-nav-select { float: left; display: inline; margin: 6px; }
#comic-nav-next { float: left; display: inline; }
#comic-nav-last { float: left; display: inline; margin-left: 6px; }
#comic-download { float: right; display: inline; padding-top: 16px; }
#comic-content { float: left; display: inline; clear: both; padding-top: 10px; }
#comic-content img { margin: 0px; padding: 0px; }


/* SNS ICON */
div#snsIcons { margin:22px 0 0 55px; }
div#snsIcons a { padding-right:15px; }