/************************************
Pressure - Alien Ink: General Styles
*************************************/

/** yui css reset - optimized by cssoptimiser.com (20/10/09) **/
td,th,blockquote,p,textarea,input,fieldset,form,pre,h6,h5,h4,h3,h2,h1,li,ol,ul,dd,dt,dl,div,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,fieldset,acronym,abbr{border:0}var,th,strong,em,dfn,code,cite,caption,address{font-style:normal}var,th,strong,em,dfn,code,cite,caption,address,h6,h5,h4,h3,h2,h1{font-weight:normal}ul,ol{list-style:none}th,caption{text-align:left}h6,h5,h4,h3,h2,h1{font-size:100%}q:after,q:before{content:''}

/** some general alien ink styles **/
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0; color: #666666; line-height:16px;}
p {margin: 0; padding: .3em 0 .8em 0;}
p em, p i {font-style: italic;}
p strong, p b {font-weight: bold;}
p strikethrough {text-decoration: line-through;}
p u {text-decoration: underline;}
a { color:#369; text-decoration:none; }
a:hover {color:#fff; text-decoration: underline;}
/*** end resets  ***/

/** header tag normalisations **/
h1 {font-size: 28px; font-weight: normal;}
h2 {font-size: 20px; font-weight: bold; padding-top:5px; padding-bottom:10px;}
h2 a:hover {color:#369; text-decoration: underline;}
h3 {font-size: 16px; font-weight: bold;}
/** end header tag normalizations**/

/** basic list styles (bulleted) **/
ul.list { padding: 10px 0; list-style:disc inside; }
ul.list li { padding:3px 0; line-height: 17px; }
ol li { list-style:disc inside;}
/** end basic list styles **/

/*** clearfix (clear floats w/o extra markup) ***/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/*** end clearfix ***/

body { background: #000; }
div#page {
	padding-top: 0px;
	background: url("../images/bg.jpg") no-repeat top center;
	background-attachment:fixed; 
}
* html body div#page {  display: inline-block; } /* IE6 - force background to not repeat */ 

/*** this defines the interior container -- 816px and centered ***/
.inside { margin: 0 auto; width:816px; }

#header {position: relative; width: 816px; height: 82px; margin: 0 auto; z-index:100;}

#logo a {
	display: block;
	position: absolute;
	top: 0px;
	left: 2px;
	text-indent: -100000px;
	width:173px;
	height:53px; /** dimensions of pressure_logo.png **/
  
}

/** LOGO OVERRIDE!! **/
div#logo a {top: 14px; width:173px; height:64px; background: url("../images/pressure_logo.png") no-repeat;outline:none;}

* html div#logo a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pressure_logo.png',sizingMethod='scale');
}
/** END: LOGO OVERRIDE!! **/

.beta {
	float: left;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-left:710px;
	color: #acacac;
	}

#help {
	float: right;
	font-size: 10px;
	margin-top:15px;
	color: #fff;
	}
#help:hover {text-decoration: underline; color:#ff9900}
#help a {color:#fff}

/** main nav **/
#primary_nav {
	position:absolute;
	bottom:-8px;
	left: 332px;
	height:65px;
	width:521px;
	z-index:1;
}   

li.pnav { position:relative; height:69px;  display:inline; float:left; }
li.pnav a { display:block; height:69px; position:relative; cursor:pointer; }

li.hotItem a:active, li.hotItem a:visited, li.hotItem a:link { color: #710303; }

li.pnav a.tab { background: url("../images/MainNavSprite.png") no-repeat; z-index: 3; }
* html li.pnav a.tab { background: url("../images/MainNavSprite.gif") no-repeat; }

#primary_nav a{ outline:none; }
#primary_nav li#home_current a { width:90px;  background-position: 0px -69px;}
#primary_nav li#home a { width:90px;  background-position: 0px 0px;}
#primary_nav li#home:hover a, #primary_nav li#home.sfhover a { width:90px;  background-position: 0px -69px; }
body.home #primary_nav li#home a { width:90px;  background-position: 0px -70px; }
#primary_nav li#aboutai_current a { width:161px; background-position: -95px -69px; }
#primary_nav li#aboutai a { width:161px; background-position: -95px 0px; }
#primary_nav li#aboutai:hover a, #primary_nav li#aboutai.sfhover a { width:161px; background-position:-95px -69px; }
body.aboutai #primary_nav li#aboutai a { width:161px; background-position:-95px -70px; }
#primary_nav li#comicsodes_current a { width:122px; background-position: -265px -69px; }
#primary_nav li#comicsodes a { width:122px; background-position: -265px 0px; }
#primary_nav li#comicsodes:hover a, #primary_nav li#comicsodes.sfhover a { width:122px; background-position:-265px -69px; }
body.comicsodes #primary_nav li#comicsodes a { width:122px; background-position:-265px -70px; }
#primary_nav li#downloads_current a { width:111px; background-position: -397px -69px; }
#primary_nav li#downloads a { width:111px; background-position: -397px 0px; }
#primary_nav li#downloads:hover a, #primary_nav li#downloads.sfhover a { width:111px; background-position: -397px -69px; }
body.blogs #primary_nav li#downloads a { width:111px; background-position: -397px -70px; }

a.tab { text-indent:-10000px; }

/** end main nav **/

/** begin subnav **/

li div.sub_nav { position:absolute; display:none; clear: left; margin-top: -12px; padding: 10px 0; background: #f7f9f4; border: 1px solid #c4b7a7; z-index: 2;}
* html li div.sub_nav {margin-top: 0;}  /* sub nav is not tucked underneath tape in IE6 */
li:hover div.sub_nav, li.sfhover div.sub_nav { display:block; } 

div#sub_nav_2{ left: 0px; width: 145px; }

div.sub_nav ul {float: left; margin: 0; padding: 0 10px;}
div.sub_nav ul:first-child, div.sub_nav ul.first-child {background: none;}

div.sub_nav li, div.sub_nav li a { margin:0; padding:3px 0; line-height: 1.4em;
  width:140px !important; height:auto !important; color:#000;}

div.sub_nav li a:hover { background:none !important; }

/** end sub-nav **/

#content_outer { 
  position: relative;
  width:814px; 
  margin: 0 auto;
  height: auto !important;
	z-index:1;
} 

/** this is the bottom of the page **/
#content_outer .inside {
	background: url("../images/content_bg.jpg") no-repeat top;
	background-color:#efe9d8;
  height: auto !important;
  padding-bottom: 60px;
}

body .hd_btn{
	position:relative;
	top:-140px;
	left:10px;
}

/** contents of the page **/
.page { position: relative; width: 792px; margin: 0 11px; padding-top: 12px; z-index: 3; overflow: hidden; }


#content_well {float: left; display: inline; padding: 0;}

body.home div#content_well{margin-top:-28px}
	

body.show_package #content_well {width: 730px; margin-left:30px; margin-right:20px;}

body.con{background-color:#000}
#logo_header {margin: 0 0 10px 0; width:807px; height:179px; background: url("../images/alienink_logo.png") no-repeat center;}

/** Begin facebook nav **/
#logo_header a.facebook {
	background: url("../images/facebookNav.png") no-repeat;
	position:absolute;
	top:25px;
	left: 10px;
	height:40px;
	width:34px;
}   
#logo_header a.facebook:hover { width:34px;  background-position: 0px -47px;}

#logo_header a.left_facebook {
	left: 550px;
}
/** end facebook nav **/

/** Begin myspace nav **/
#logo_header a.myspace {
	background: url("../images/myspaceNav.png") no-repeat;
	position:absolute;
	top:25px;
	left: 90px;
	height:40px;
	width:34px;
}   
#logo_header a.myspace:hover { width:34px;  background-position: 0px -47px;}

#logo_header a.left_myspace {
	left: 630px;
}
/** end myspace nav **/

/** Begin youtube nav **/
#logo_header a.youtube {
	background: url("../images/youtubeNav.png") no-repeat;
	position:absolute;
	top:25px;
	left: 50px;
	height:40px;
	width:34px;
}   
#logo_header a.youtube:hover { width:34px;  background-position: 0px -47px;}

#logo_header a.left_youtube {
	left: 590px;
} 
/** end youtube nav **/

/** Begin blog nav **/
#logo_header a.blog {
	background: url("../images/blogNav.png") no-repeat;
	margin-top:13px;
	float:right;
	margin-right:22px;
	height:40px;
	width:115px;
}   
#logo_header a.blog:hover { width:115px;height:40px;  background-position: 0px -47px;}
/** end blog nav **/

/** begin comicsodes content **/
.titleBox {
	height:23px;
	margin-bottom:25px;
	background-color:#FFF;
	font-size: 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #990000;
	border:solid;
	border-width:2px;
	border-color:#9088aa;
	padding: 7px 10px 0px 10px;
}
.preview_titleBox {
	width:378px;
}

.helpBox {
	width:52px;
}
.usefullinkBox {
	width:331px;
}
.creditsBox {
	width:86px;
}
.width450 { width:514px; padding-bottom:10px; font:18px bold Arial, Helvetica, sans-serif; }
.width250 { width:250px; padding-bottom:5px; padding-left:7px; }
.widthLong { width:250px; height:30px; padding-bottom:10px; padding-left:7px; }
.floatleft, .float-left { float:left; } 
.clearboth, .clear-both { padding:0; margin:0; clear:both; }
.credit-breaker { width:494px; padding:10px; }

.contactBox {
	width:130px;
}
.termsBox {
	width:223px;
}
.privacyBox {
	width:169px;
}
.comicsodes_leftBox {
	width:420px;
	float:left;
}
.ad_rightBox {
	padding:12px; 
	background: #efe9d8; 
	border:solid; 
	border-width:1px; 
	border-color:#ccc;
	width:280px;
	float:right;
	margin-top:60px;
	color:#666;
}
.preview_Box {
	width:740px;
}
.thumb_container {
	float:left;
	width:420px;
	margin-bottom:20px;
}
#thumbpageholder {
	width:104px;
	float:left;
	margin-right:15px;
}
#previewTopholder {
	width:100px;
	float:left;
	margin-right:9px;
	margin-bottom:6px;
}
.thumb_Copy {
	float:left;
	width:275px;
}

#episodeHdr {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:10px;
	color: #cc0000;
	float:left;
}
#episodeHdr :hover {text-decoration: underline; color:#cc0000}
#episodeHdr a {color:#cc0000}

#logo_header a.subnavLatest {
	background: url("../images/subnav_latest.gif") no-repeat;
	float:left;
	position:absolute;
	top:115px;
	left: 34px;
	width:131px;
	height:21px;
} 
#logo_header a.subnavLatest:hover { width:131px;  background-position: 0px -24px;}
#logo_header a.subnavLatest_Current {
	background: url("../images/subnav_latest.gif") no-repeat; background-position: 0px -24px;
	float:left;
	position:absolute;
	top:115px;
	left: 34px;
	width:131px;
	height:21px;
}
#logo_header a.subnavLatest_Current :hover { width:131px;}

#logo_header a.subnavArchived {
	background: url("../images/subnav_archived.gif") no-repeat;
	float:left;
	position:absolute;
	top:143px;
	left: 34px;
	width:143px;
	height:21px;
} 	
#logo_header a.subnavArchived:hover { width:143px;  background-position: 0px -24px;}
/** end comicsodes content **/

/** begin About AI content **/
#thumbprofilesholder {
	width:137px;
	float:left;
	margin-right:15px;
}
#profilesholderBox {
	width:513px;
	height:226px;
	padding:10px;
	float:left;
	margin-right:15px;
	margin-bottom:25px;
	background-color:#FFF;
	border:solid;
	border-width:1px;
	border-color:#9088aa;
}
#profilescomicBox {
	width:739px;
	height:207px;
	padding:10px;
	float:left;
	margin-right:15px;
	background-color:#FFF;
	border:solid;
	border-width:1px;
	border-color:#9088aa;
}
#profileCopy {
	width:310px;
	float:right;
	margin-top:5px;
}
.bedroomlinkBox {
	width:210px;
	float:right;
}
.story_container {
	float:left;
	width:490px;
	margin-left:135px;
}
#thumbprofilename {
	width:137px;
	float:left;
	margin-top:7px;
	margin-bottom:20px;
	text-align:center;
}
.profilesthumb_container {
	float:left;
	width:760px;
}
.profilesthumb_Copy {
	float:left;
	color:#333;
	width:350px;
	margin-bottom:25px;
}
.bedroomSubHdr_Copy {
	float:left;
	color:#333;
	width:330px;
	margin-bottom:15px;

} 
#logo_header a.subnavProfiles {
	background: url("../images/subnav_profiles.gif") no-repeat;
	float:left;
	position:absolute;
	top:40px;
	left: 25px;
	width:192px;
	height:25px;
} 
#logo_header a.subnavProfiles:hover { width:192px;  background-position: 0px -28px;}
#logo_header a.subnavProfiles_Current {
	background: url("../images/subnav_profiles.gif") no-repeat; background-position: 0px -28px;
	float:left;
	position:absolute;
	top:40px;
	left: 25px;
	width:192px;
	height:25px;
}
#logo_header a.subnavProfiles_Current :hover { width:192px;}

#logo_header a.subnavStory {
	background: url("../images/subnav_story.gif") no-repeat;
	float:left;
	position:absolute;
	top:73px;
	left: 25px;
	width:72px;
	height:25px;
} 	
#logo_header a.subnavStory:hover { width:72px;  background-position: 0px -28px;}
#logo_header a.subnavStory_Current {
	background: url("../images/subnav_story.gif") no-repeat; background-position: 0px -28px;
	float:left;
	position:absolute;
	top:73px;
	left: 25px;
	width:72px;
	height:25px;
} 

#storyholderBox {
	width:480px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	background-color:#FFF;
	border:solid;
	border-width:1px;
	border-color:#9088aa;
}
#storyImg {
	background: url("../images/story_img.jpg") no-repeat;
	width:480px;
	height:763px;
	float:left;
	margin-top:10px;
}
#storyCopy{
	width:480px;
	float:left;
	margin-top:-90px;
}
/** end About AI content **/

/**** end section header ****/
.paper.main #content_below { width: 740px; margin-left:9px; margin-right:9px;}
.paper.main #sidebar { width:160px !important; margin-left:10px;}
.paper.main .last-child { background: none; }
#infoHelpBox { width: 600px; border:solid #9088aa; border-width:1px; background-color:#FFF; padding:15px;}
#infoHelpBox a:hover {color:#369; text-decoration: underline;}
#infoCreditBox { width: 600px; height:1120px; border:solid #9088aa; border-width:1px; background-color:#FFF; padding:15px;}

/**** begin footer ****/
#footer {position: relative;
  width:835px; 
  margin: 0 auto;
  height: 55px !important;
	z-index:1;}

#logo_pt {
	background: url("../images/ptlogo.gif") no-repeat;
	margin-left:18px;
	margin-top:8px;
	float:left;
	height:23px;
	width:53px;
} 
#logo_c4 {
	background: url("../images/c4logo.gif") no-repeat 10px;
	margin-top:8px;
	float:left;
	height:23px;
	width:50px;
}
.nav-footer {
	height:30px;
	padding-left:1px;
	padding-right:1px;
	float:right;
	margin-top:10px;
}
.nav-footer ul{
	list-style:none;
	margin:0;
	padding-top:15px;
	float:right;
}
.nav-footer li {
	display:block;
	float:left;
	background:url(../images/FooterNav_SeperationLine.gif) right center no-repeat;
}
.nav-footer a {
	display:block;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	padding:0px 7px 0px 7px;
}
.nav-footer a:hover {
	color:#fff;
	text-decoration:underline;
}
.noBackground {
	background:none !important;
}
/**** end footer ****/

body.detail #content_below { width:775px; margin-left:10px; margin-right:9px; margin-top:10px; }

/**** generic pages ****/
body.generic_page.copy #content_below { width: 775px; height:auto; margin-left:10px; margin-right:9px;}
body.generic_page p { line-height: 1.6em; }

/**** ad box ****/
.flashAdBox{ 
width: 510px;
background-color:#ffffff;
height:361px;
float:left;
margin-right:5px;
padding:0px;
border-color:#000;
}
.iframeAdBox{ 
width: 510px;
height:361px;
}
.iframeEpisodeBox{ 
width: 345px;
height:253px;
margin-top:20px;
}
/**** ad box end ****/

.aboutBox{
	background:url(../images/about_box.gif) no-repeat;
	width: 248px;
	background-color:#fff;
	border: 1px #ccc solid;
	height:257px;
	float:right;

}
.aboutBox #text{
	width: 228px;
	padding-left:11px;
	margin-top:180px;
	text-align:center;
}
#text a.more {
	background: url("../images/more_bttn.gif") no-repeat;
	position:absolute;
	top:383px;
	height:21px;
	width:47px;
	left: 48px;
}   
#text a.more:hover { width:47px;  background-position: 0px -24px;}

.quizBanner {
	background: url("../images/quiz_banner.gif") no-repeat;
	height:254px;
	width:133px;
	float:right;
	margin-top:20px;
}
.facebookBox{
	width: 250px;
	height:462px;
	margin-top:17px;
	float:right;
}
.facebookBox .fbHdr{
	width: 250px;
	height:98px;
}
.quicklinksBox #fbtext 
{margin-left:12px; width:14px; height:21px; background: url("../images/fb_small_logo.gif") no-repeat top left;
	width: 225px;
	height:36px;
	padding-left:25px;
	padding-top:3px;
	line-height:16px;
}
#fbtext  a.fbTitle {color:#3b5998; font-weight:bold;}
#fbtext  a.fbTitle:hover {color:#3b5998; text-decoration: underline;}

.quicklinksBox #extrastext 
{margin-left:12px; width:16px; height:23px; background: url("../images/extras_small_logo.gif") no-repeat top left;
	width: 225px;
	height:36px;
	padding-left:25px;
	padding-top:3px;
	line-height:16px;
}
#extrastext   a.extraTitle {color:#990000; font-weight:bold;}
#extrastext   a.extraTitle:hover {color:#990000; text-decoration: underline;}

.quicklinksBox #blogtext 
{margin-left:12px; width:14px; height:22px; background: url("../images/blog_small_logo.gif") no-repeat top left ;
	width: 225px;
	height:36px;
	padding-left:25px;
	padding-top:3px;
	line-height:16px;
}
#blogtext a.blogTitle {color:#cc6600; font-weight:bold;}
#blogtext a.blogTitle:hover {color:#cc6600; text-decoration: underline;}

/* alien ink trailer */
#trailer-content{ width: 500px; margin-left:135px; margin-right:0px;}
#trailer-container {padding:10px; margin-top:0px; auto;overflow:hidden;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:480px; background-color:#fff;}
.trailerHdr { height:60px; margin-bottom:20px;}

.iframeTrailerBox{ 
width: 480px;
height:291px;
margin-top:0px;
}

/* alien ink character/episode slider */
#epislider-outer-container {padding:10px; margin-top:13px; auto;overflow:hidden;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:488px; background-color:#fff; float:left;} /* This element controls the slideshow spacing and border */
.characters_box {
	width: 490px;
	height: 70px;
	margin-left:-5px;
	clear:both;
} 
	.viewAll {
	position:relative;
	width:105px;
	float:right;
	margin-left:0px;
}   

.box_left {
			height: 70px;
			float: left;
			width: 493px;
}
.browse_character {
			float: left;
			width: 230px;
			margin-top:3px;
			margin-left:10px;
			overflow: hidden;
}
.character_spotlight {
			float:left;
			width: 170px;
			height: 84px;
}
.charname_form_text {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	background-color:#898989;
	text-align:center;
	margin-right: 6px;
	width:100px;
	padding:0px;
	line-height:19px;
	height:19px;
	float:left;
}

.char-row-one {
	width:280px;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
}
.char-row-two {
	width:290;
	height:20px;
}
/* BEGIN CHARACTER SLIDER STYLES */
.viewbound {
	width: 542px;
	overflow:hidden;
	float: left;
}
.character_slider {
	padding-top: 2px;
	padding-left: 5px;
	width: 370px;
	height: 65px;
	float: left;
}
.barrow_pusher_l  {
	padding-top: 23px;
	padding-right:5px;
	height: 17px;
	width: 17px;
	float: left;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
.barrow_pusher_r  {
	padding-top: 23px;
	padding-left:5px; 
	height: 17px;
	width: 17px;
	float: left;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
.bracket-sm {
	float:left;
	width:10px;
	height:62px;
}
#character-thumbstrip {
	width: 6100px;
}
.thumbstrip {
	width: 6100px;
}
.char-thmb {
	float:left;
	padding:5px;
	width:50px;
}
/* END CHARACTER SLIDER STYLES */

/* POPUP MOUSEOVER STYLES */
   #popupcomment{
      position:relative;
      font-size:12px;
	  color:#666666;
      top:5px;
	  padding-left:2px;
    }
	#popupcomment h4 {top:5px; padding: 0px;color:#990000;font-weight:bold;}

/* END POPUP MOUSEOVER STYLES */

#episode_content_below { width: 755px; margin-left:20px; margin-right:0px;}

a.readon {
	background: url('../images/b_readon.png') no-repeat 0 0;
	color: #333;
	display: block;
	float: left;
	width: 99px;
	height: 17px;
	line-height:16px;
	clear: both;
	text-decoration: none;
	text-transform:uppercase;
	margin-top: 10px;
	font-size: 10px;
	font-weight: bold;
	font-family:Tahoma, Arial, sans-serif;
	text-indent: 6px;
}
a.readon:hover, a.readon:active, a.readon:focus {
	background-position: right;
	text-decoration: none;
	color: #cc0000;
}
.shHdr { font: bold 12px Arial, Helvetica, sans-serif #369 none; }
.shHdr:hover {color:#52130e; text-decoration: underline;}

.liHdr { font: normal 12px Arial, Helvetica, sans-serif #369 none;}
.liHdr:hover {color:#52130e; text-decoration: underline;}

.episode-spacer { padding:10px; }

.download_container {
	float:left;
	width:650px;
}
.download_leftBox {
	width:650px;
	float:left;
}
.funstuffHdr { height:60px; margin-bottom:20px;}
#quizholder {
	width:350px;
	float:left;
	margin-right:10px;
}
.quiz_Copy {
	float:right;
	width:250px;
	margin-top:15px;
	margin-right:15px;
}
a.share {
	background: url('../images/b_share.gif') no-repeat 0 0;
	color: #333;
	display: block;
	float: left;
	width: 75px;
	height: 20px;
	line-height:19px;
	clear: both;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 11px;
	font-weight: bold;
	font-family:Tahoma, Arial, sans-serif;
	text-indent: 8px;
}
a.share:hover, a.share:active, a.share:focus {
	background-position: right;
	text-decoration: none;
	color: #cc0000;
}
.wallpaper_Copy {
	float:left;
	width:600px;
	margin-bottom:15px;
}
.wallpaper_Box {
	width:600px;
	height:auto;
}
#wallpaperTopholder {
	width:134px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#AIMholder {
	width:48px;
	float:left;
	margin-right:13px;
	margin-bottom:0px;
}
#AIMholderEnd {
	width:48px;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
}