/*
Theme Name: Alan Wake
Theme URI: http://www.evermade.fi
Author: Evermade
Author URI: http://www.evermade.fi
Description: Alan Wake.
Version: 1.0
License: Commercial
License URI: license.txt
Tags: Alan Wake
*/

/*
 * new new new -a68500
 * New New -977c00
 * New -81562c
 * Old -a2560b
 */

/* Linkit */

a{
	color:#000001;
	text-decoration:underline;
}

.entry-content a{word-wrap: break-word;}

	a:hover{
		color:#000001;
		text-decoration:underline;
	}


/* Linkit loppuut */

img{
	border:none;
}

h1{
	font-size:25px;
}

h2{
	font-size:23px;
}

h3{
	font-size:16px;
}

h1, h2, h3, h4, h5, h6{
	color:#000;
}

h1, h2, h3{
	font-weight:normal;
}

body{
	font-family: Georgia, Times New Roman;
	background:url("images/bg2.gif") repeat-x fixed 50% -20px #131719;
  -webkit-background-size: 1880px 1378px;
	color:#555;
	line-height:23px;
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-top:-20px;
}

html{
	padding:0px;
	margin:0px;
	color:#555;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

.typewriter {
	font-family: Georgia, Times New Roman;
}

h1 {
}

.hr {
	clear: both;
	height: 2px;
	width: 100%;
	background: url(images/lines.jpg);
	margin: 46px 0 29px;
	text-align:center;
	position:relative;
}

	.hr span{
		position:absolute;
		top:-10px;
		left:0px;
		background:#e7e7e7;
		padding: 0px 10px 0px 0px;
		display:inline;
		font-size:17px;
		margin:0px;
		text-align:center;
	}
	
	.hr span span{
		display:inline;
		position:static;
		background:none;
		top:auto;
		text-align:left;
		color:#999;
		padding:0px;
	}

.hr.medium-margin {
	margin: 9px 0;
}

.vr {
	float: left;
	height: 100px;
	width: 2px;
	background: url(images/lines.jpg);
	margin: 0 19px;
}

.error404 {
  text-align: center;
  padding: 200px 0;
}

a, a:active, a:visited {
}

a:hover {
  text-decoration: underline;
}

.alignright {
  float: right;
  margin: 5px 0 5px 5px;
}

.alignleft {
  float: left;
  margin: 5px 5px 5px 0px;
}


/* LAYOUT */

.purchase{
	width:172px;
	height:132px;
  	background: url("images/buynow-steam.png") no-repeat 0px -138px;
}

.purchase:hover{
  	background-position:top;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
}

#header {
  position: fixed;
  min-height: 201px;
  width: 960px;
  background: url("images/header.png") no-repeat center bottom;
  z-index: 1000;
}

#content {
  padding: 209px 40px 40px 40px;
  background: url("images/footer.jpg") repeat-x left bottom #e7e7e7;
}

#footer {
  width: 100%;
  background: black;
  padding: 8px 0 0 0;
}

	.headerSplat{
  		background: url("images/toprightsplat.png") repeat-x left bottom transparent;
		width:321px;
		height:123px;
		position:absolute;
		top:0px;
		right:6px;
	}
	
	.purchase{
		position:relative;
		z-index:2;
	}

/* HEADER */

#logo {
  display: block;
  width: 428px;
  margin: 34px 89px 9px 260px;
}

#header-line {
  width: 100%;
  height: 4px;
  background: url(images/header-line.png) no-repeat center top;
  margin: 15px 0 0 0;
}

.arm{
  background: url(images/arm.png) no-repeat center top;
  width:39px;
  height:279px;
  position:absolute;
  top:174px;
  left:0px;
}

#mainmenu {
	list-style-type: none;
	margin: 0;
	padding: 0px 0 0 18px;
	font-family: 'Special Elite', cursive;
	margin-top:-9px;
}

#mainmenu li {
	line-height: 31px;
	font-size: 18px;
  line-height: 39px;
	margin: 0;
	float: left;
	position:relative;
	z-index:2;
}

	#mainmenu li:hover{
		background: url(images/navhover.png) no-repeat center 4px;
	}

#mainmenu li a {
	color: #000001;
	text-decoration: none;
	display: block;
	padding: 10px 24px;
}

#mainmenu li a:hover{
  color:black;
}

.menu-hover {
  height: 39px;
  position: absolute;
  display:none;

}

.menu-hover-1, .menu-hover-2 {
  position: absolute;
  color: black !important;
}

.menu-hover-1 {
  -moz-transform: rotate(5deg);
  opacity: 0.8;
  margin-top:0px;
}

.subheader {
	clear: both;
}

.quote-overlay-anchor {
  position: absolute;
}

.quote-overlay {
  position: absolute;
  width: 880px;
  height: 80px;
  background: url(images/quote-overlay.png) no-repeat top left;
}

.quote-area {
}

.quotes {
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	color: #333;
	font-family: 'Oswald', sans-serif;
	line-height:30px;
	letter-spacing:-1px;
	
}

.quote {
	padding: 0;
}

.quote em {
  font-style: normal;
}

.quotesource {
	font-size: 20px;
	color: #fff;
	display:block;
}

.quote-anchor {
  position: absolute;
  width: 280px;
  opacity: 0.6;
}

.splash {
  position: absolute;
  width: 280px;
  display: none;
}

.purchase {
	float: right;
}

.facebook {
  float: left;
  height: 50px;
  width: 200px;
  margin-top: 21px;
  margin-left: 30px;
}

.twitter-follow-button {
  margin-left: 10px;
}

/* FOOTER */

.logo-xbox-live, .logo-xbox, .logo-pc, .logo-steam {
  display: block;
  float: left;
  margin-left: 15px;
  margin-bottom: 10px;
}

.logo-pc{
	margin-top:2px;
}

.logo-xbox {
  margin-left: 40px;
  margin-top:-7px;
  margin-bottom:16px;
}

.logo-xbox-live img{
	width: 98px;
	margin-top:6px;
	margin-top:4px;
}

.logo-remedy {
  display: block;
  float: right;
  margin-right: 40px;
}

.more-from-remedy {
  clear: both;
  padding: 10px 0 30px;
  margin: 0px 40px 0;
  border-top: 1px solid #212121;
  text-align: right;
  color: #555555;
}

.more-from-remedy a {
  color: #a5a7a8;
}

/* Front */

.video-left {
	display: none;
	float: left;
	width: 40px;
	height: 114px;
	margin: 120px 0 0 0;
	background: url(images/video-left.png) no-repeat top left;
}

.video-right {
	display: none;
	float: left;
	width: 82px;
	height: 114px;
	margin: 160px 0 0 0;
	background: url(images/video-right.png) no-repeat top left;
}

.front #videoplayer {
  overflow: hidden;
}

.video-content {
	padding: 0;
	float: left;
	margin-top:34px;
	margin-left:40px;	
}

	.video-content object{
		border-width:1px;
		border-style:solid;
		border-color:#333;
		display:block;
		height:388px;
		background:#000;
		position:relative;
		z-index:1;
	}

#videobrowser-container {
}

ul.videobrowser {
	list-style-type: none;
	padding: 0;
	margin: 12px 0 0 0;
	width: 594;
	height: 170px;
	overflow: hidden;
	padding-top:4px;
	margin-left:-2px;
	padding-left:2px;
}

	.frontpageHeader ul.videobrowser{
		padding-left:116px;
		width:470px;
		background: url(images/playvideos2.jpg) no-repeat 0px 21px;
	}

ul.videobrowser li {
	float: left;
	text-align: center;
	background: url(images/video-underline.png) no-repeat center bottom;
	padding: 0 0px 20px 0;
	margin-right:9px;
}

	ul.videobrowser li:hover{
		background: url(images/video-underline-hover.png) no-repeat center bottom;
	}

ul.videobrowser li.last {
	padding-right: 0;
	margin-right: 0;
}

ul.videobrowser li a {
	text-decoration: none;
	font-size: 13px;
  width: 84px;
  display: block;
}

ul.videobrowser li a img {
  width: 81px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	border-width:2px;
	border-style:solid;
	border-color:#333;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

	ul.videobrowser li:hover a img{
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
		-ms-transform:rotate(5deg);
	}

	ul.videobrowser li:hover a img{
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}

ul.videobrowser #title{
	line-height:17px;
	margin-top:4px;
	color:#666;
	text-decoration:underline;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size:12px;
}

	ul.videobrowser li:hover #title{
		color:#fff;
	}
	
	.game ul.videobrowser li:hover #title{
		color:#000;
	}

.front .column-left {
	float: left;
	width: 65%;
}

.front .column-right {
	float: left;
	width: 30%;
}

div.post-intro {
	width: 560px;
	clear: both;
	padding: 0 0 10px 0;
}

div.post-intro-image {
	float: right;
	width: 130px;
}

div.post-intro-image img {
  width: 120px;
}

div.post-intro-content h2 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #000001;
	text-decoration:none;
}

div.post-intro-content p {
	margin: 0;
	padding: 0;
	color: #555555;
}

div.post-intro-content a{
	text-decoration:none;
}

div.post-intro-author {
	float: left;
	color: #999999;
	margin-bottom:12px;
}

div.post-intro-date {
	float: right;
	color: #999999;
}

.column-right.intro h2 {
	margin: 0 0 5px 0;
	color:#000;
}

.column-right.intro h3 {
	margin: 0 0 10px 0;
}

.front-shares {
  margin-top: 5px;
  padding: 5px 0 0;
  clear: both;
}

.front-fb {
  float: left;
  width: 80px;
}

.front-twitter {
  float: left;
  width: 84px;
}

.front-reddit {
  float: left;
  width: 110px;
}

/* Info */

.info div.column-left {
	float: left;
	width: 60%;	
}

.info div.column-left img {
  width: 100%;
  margin-top:-21px;
  margin-left:-21px;
}

.info div.column-right {
	float: left;
	width: 40%;	
}

div.info-bg {
	padding: 10px 0 10px 139px;
	margin: 0 0 20px 0;
}

div.info-bg.wake {
	background: url(images/info-wakebg.png) no-repeat left bottom;
}

div.info-bg.night {
	background: url(images/info-wakebg.png) no-repeat left bottom;
}

.platform-icon {
  margin: 0 5px 10px 0;
}

/* Game */

.awnext .quotesource{
	color:#f5d23b !important;
}

.awnext{
	background-image: url(images/alanwake_americanNightmareComingSoon2.jpg) !important;
}

img.game-title {
	margin: 0 auto;
	padding: 20px 0 40px;
	width: 380px;
	display: block;
}

div.column-left {
	float: left;
	width: 540px;
}

div.column-left .video-placeholder {
	width: 100%;
} 

.game div.column-right {
	float: left;
	width: 320px;
	margin-left: 20px;
}

.game #videobrowser-container {
}

.game #videobrowser{
	overflow:visible;
}

.game ul.videobrowser{
	width:600px;
}

.game ul.videobrowser li {
	padding-right: 0px;
	margin-right:3px;
}

.game ul.videobrowser li.last {
	padding-right: 0px;
	margin-right: 0;
}

.game ul.videobrowser li a {
  width: 97px;
}

.game ul.videobrowser li a img {
  width: 85px;
  border-width:1px;
  border-color:#ccc;
}

div.column-right h2 {
	margin: 0 0 0 0;
}

.game .quotes {
	width: 100%;
	margin: 0 0 20px 0;
	text-align:left;
	font-size: 16px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	text-transform: none;
}

.game .quotesource {
  font-size: 14px;
  text-transform:capitalize;
  color:#b4d1e5;
}

div.game-screenshots {
	clear: both;
	width: 880px;
	margin: 20px 0px 20px;
	background: url(images/screenshot-bg.jpg);
	border: 1px solid #4a4c49;
	padding: 0 0 30px 0;
}

#screenshot-display {
  background: none repeat scroll 0 0 white;
  display: block;
  margin: 40px 0 0;
  padding: 0;
  width: 760px;
  float: left;
}

#screenshot-loader {
  background: transparent url(images/ajax-loader.gif) no-repeat center center;
  display: block;
  margin: 40px auto 0;
  padding: 0;
  width: 100%;
  height: 434px;
  display: none;
}

div.game-screenshots .previous {
  clear: both;
	display: block;
	float: left;
	width: 65px;
	height: 94px;
	background: red;
	margin: 43px 0px 0 0px;
	background: url(images/screenshots-previous.png) -21px 10px;
}

div.game-screenshots .previous-image {
  clear: both;
	display: none;
	float: left;
	width: 60px;
	height: 94px;
	background: red;
	margin: 200px 0px 0 0px;
	background: url(images/screenshots-previous.png) -21px 10px;
}

div.game-screenshots .next-image {
	display: none;
	float: right;
	width: 60px;
	height: 98px;
	background: red;
	margin: 200px 0px 0 0px;
	background: url(images/screenshots-next.png);
}


div.game-screenshots .screenshot {
	float: left;
	width: 182px;
	height: 201px;
	background: url(images/game-screensot-frame.png) no-repeat top left;
	margin: 0px 5px 0 0;
}

#screenshot-display img {
  width: 740px;
  margin: 10px;
}

div.game-screenshots .screenshot img {
	margin: 20px 0 0 16px;
	cursor:pointer;
}

div.game-screenshots .next {
	display: block;
	float: right;
	width: 67px;
	height: 98px;
	background: red;
	margin: 70px 0px 0 0px;
	background: url(images/screenshots-next.png);
}

#rings {
  position: absolute;
}

#rings .left-ring, #rings .right-ring {
  position: absolute;
  top: -29px;
}

#rings .left-ring {
  left: -3px;
}

#rings .right-ring {
  left: 800px;
}


/* Purchase */

.purchase-items {
  display; block !important;
}

.purchase-item {
  float: left;
  width: 200px;
  margin: 10px;
  text-decoration: none;
}

.purchase-item img {
  display: block;
  width: 153px;
  margin: 0 auto;
}

.item-name {
  display: block;
  text-decoration: none;
  background: url(images/purchase-box-bg.png) no-repeat left top;
  width: 193px;
  height: 60px;
  text-align: center;
}

.item-name {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  font-family: Arial;
}

.item-name span {
  display: block;
  padding: 10px 20px 0;
}

.steam-link {
  background: none repeat scroll 0 0 #585858;
  display: block;
  padding: 5px 0;
  width: 180px;
  margin: 5px auto 0;
  color: #DADADA;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: center;
  text-decoration: none;
}

.steam-link:hover {
  color: white;
  text-decoration: none;
}

.steam-button {
  display: block;
  margin: 20px 0 5px 0;
}

.no-steam-button {
  margin-top: 93px !important;
}

.purchase-left {
  float: left;
  width: 450px;
}

.purchase-left-padding {
  padding: 0 20px 0 0;
}

.purchase-left h3 {
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}

.purchase-left h3 span {
  font-weight: normal;
}


.purchase-right {
  float: left;
  width: 425px;
}

.purchase-wake-cover {
	float: left;
    height: 149px;
    left: -167px;
    position: absolute;
    text-align: center;
    top: -15px;
    width: 154px;
}

.purchase-wakepc-cover{
	width:188px;
}
	.purchase-wakepc-cover img{
		left: -15px;
	    position: relative;
	    top: -11px;
	}

.purchase-title {
	float: left;
	width: 537px;
	height: 158px;
	background: url(images/buynow.jpg) no-repeat center -8px;
	margin:0px 0px 0px 165px;
	position:relative;
}

.purchase-promo {
  position: absolute;
}

.purchase-promo a {
  display: block;
  position: absolute;
  left: 155px;
  top: 76px;
}


.purchase-night-cover {
	float: left;
	width: 316px;
	text-align: center;
	height:149px;
	position:absolute;
	left:403px;
	top:-15px;
}

.purchase-wake-cover img,
.purchase-night-cover img {
	position: relative;
	top: 4px;
}

.purchase-table {
	clear: both;
	width: 100%;
	margin-bottom:10px;
	border-spacing:0;
}

	.purchase-table td{border-width:1px;border-style:solid;border-image: url(images/lines.jpg) 27 27 27 27 round round;width:25%;}
.purchase-table .row-1 .column-1{font-weight:bold;font-size:18px;}
.column-1{font-weight:bold;background:#f4f4f4;}

.purchase-table .pc,.purchase-table .xbox{
	width:151px;
}

.purchase-table .hborder {
	height: 2px;
	background: url(images/lines.jpg);
}

.purchase-table .vborder {
	width: 2px;
	background: url(images/lines.jpg);
}

.purchase-table th {
	background: url(images/purchase-table-header.png);
	line-height: 29px;
	font-size: 15px;
	color: black;
	font-weight: normal;
}

.purchase-table td {
	line-height: 40px;
	text-align: center;
}

.purchase-table td a {
	font-size: 15px;
	color: #5b5b5b;
	padding: 0 15px;
}

	.purchase-table td a:hover{
		color:#000001;
	}

td.purchase-merchant {
	font-size: 16px;
	font-weight: bold;
	color: #5b5b5b;
  width: 276px;
}

.purchase-table .links {
}

.ancell {
	width:200px;
}

.purchase-table th .span{
	color:#777;
}

/* Blog */

.blog .column-left {
  float: left;
  width: 536px;
}

.blog .column-right {
  float: left;
  width: 300px;
  margin: 0 0 0 20px;
}

.sidebar-bg {
  background: url(images/sidebar-bg.png) repeat-y top left;
  width: 318px;
  margin: 0 0 0 20px;
}

.sidebar-header {
  background: url(images/sidebar-header.png) no-repeat left top;
}

.sidebar-footer {
  background: url(images/sidebar-footer.png) no-repeat left bottom;
  min-height: 799px;
  margin-bottom: 200px;
  padding: 40px 46px 40px 40px;
}

#sidebar-search {
  font-size: 16px;
  padding: 6px;
  width: 100%;
  color:#ccc;
  font-family:inherit;
}
	#sidebar-search:hover{
		color:#555;
	}

.sidebar h3 {
  	font-size: 17px;
	color: #555;
	font-weight: normal;
	margin-bottom: 9px;
	margin-top: 24px;
}

.sidebar h3 span {
  float: right;
  font-weight: normal;
  color: #ababab;
  font-size: 14px;
}

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

.sidebar ul li {
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 18px;
  background: url(images/bullet.png) no-repeat left 5px;
  font-size: 14px;
  font-style: normal;
  color: #ababab;
  text-align: right;
}

.sidebar ul li a {
  float: left;
}

.entry-title a {
	color:#000;
	text-decoration:none;
}

.entry-title {
  margin: 15px 0 13px 0;
}

.category-title {
  font-size: 14px;
  color: #949494;
  display:none;
}

.author-archive-title {
  font-size: 14px;
  color: #949494;
}

.entry-meta{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.entry-meta {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

	.entry-meta:hover{
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}

.post-some {
  display: block !important;
}

.post-some .fb {
  float: left;
  width: 350px;
}

.post-some .twitter {
  float: right;
  width: 100px;
}

.post-some .plusone {
  float: right;
  width: 40px;
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* News */

#respond{
	background: url(images/card.png) no-repeat top; 
	position:relative;
	width:550px;
	height:440px;
}

#respond .form-allowed-tags {
  display: none;
}

#respond form{
	margin: 0px 30px 0px 27px;
}

	#respond input{
		padding:2px;
		color:inherit;
		font-family:inherit;
		line-height:20px;
	}

	#commentform{
		padding-top:20px;
	}

	#respond form label{
		display:inline-block;
		width:70px;
	}
	
	#respond form input{
		width:327px;
		
	}
	
	#respond form p{
		margin:0px;
		padding:0px;
		margin-bottom:4px;
	}
	
	#respond .comment-notes{
		width: 407px;
		font-size: 11px;
		color: #999;
		padding:7px 0px;
	}
	
	#respond .comment-form-comment textarea{
		width: 493px;
		height: 96px;
	}
	
	#respond .comment-form-author label, #respond .comment-form-email label{
		width:59px;
	}

	#respond #reply-title{
		display:none;
	}
	
	#respond .form-allowed-tags{
		margin-top: 0;
		color: #999;
	}
	
	#respond .form-submit{
		top: 273px;
		right: 20px;
		margin-right:9px;
	}
	
		#respond .form-submit input{
			width:140px;
			padding:6px 10px;
			cursor:pointer;
		}
		
	.captchaSizeDivSmall {
    float: right;
    width: 156px;	
  }
  
  #si_refresh_com {
    float: left;
  }
  
  #captcha_code_label {
    float: left;
    width: 124px;  
  }
  
  #captcha_code {
    width: 180px !important;
  }
  
  #captcha_code_label {
    width: 105px !important;
  }

#comments-title{
	display:none;
}

.comment-form-comment label{
	display:block !important;
}

.vcard.fn {
  color: black !important;
}

.vcard img{
	display:none;
}

.vcard .says{
	display:none;
}

.vcard a{
	float:right;
	margin-right:63px;
	color:#999;
}

.vcard .fn a{
	float:none;
	font-weight:bold;
	margin-right:0px;
	color:#000001;
}

.vcard{
	color:#000;
	font-weight:bold;
}

ul.children li{display:block;}

.commentlist .comment{
	margin-bottom:7px;
	padding-top:6px;
}

.comment{
	position:relative;
}

#comments{
	margin-top:-4px;
}

.comment-reply-link{
	position:absolute;
	top:5px;
	right:0px;
	
}

.more-link, .comment-reply-link{
	display:inline-block;
	padding:1px 6px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#000001;
	color:#fff;
	font-size:12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration:none;
}

	.more-link:hover, .comment-reply-link:hover{
		background:#555;
		color:#fff;
		text-decoration:none;
	}
	
.more-link{
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}

.author .n{
	float:none !important;
}

	.author a{
		margin-right:0px;
	}

.commentlist{
	padding:0px;
	margin:0px;
	list-style-type: none;
}

.commentlist li{
	background: url(images/commentfade.jpg) no-repeat bottom; 
}

.commentlist li article{
	background:url(images/postCard.png) no-repeat left top;
	padding-left:72px;
	padding-bottom:10px;
}

	.comment-content p{
		margin:5px 0px 15px 0px;
	}

.post{
	position:relative;
}

	.post .entry-meta{
		text-align:right;
		margin-left:200px;
		margin-top:14px;
	}

.comments-link{
	position:absolute;
	top:4px;
	right:0px;
	display:none;
}

.readMore{
	display:block;
	background:url(images/more.png) no-repeat 0px -1px;
	width:123px;
	height:52px;
	position:absolute;
	bottom: -22px;
	left: -3px;
}

	.readMore:hover{
		background:url(images/more.png) no-repeat bottom left;
	}
	
	.post-intro-content .readMore, .info-bg .readMore{
		float:none;
		position:static;
		margin-left:-3px;
		margin-bottom:1px;
		margin-top:0px
	}

/* Game Area */

.spotlight{
	height:400px;
	background:#fff;
	-moz-box-shadow: 0px 2px 4px #ccc;
	-webkit-box-shadow: 0px 2px 4px #ccc;
	box-shadow: 0px 3px 4px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	margin-bottom:20px;
	padding:10px;
	margin-top:-20px;
}

.spotlight-items-anchor {
  width: 860px;
  height: 400px;
  position: absolute;
  overflow: hidden;
}

.spotlight-items {
  width: 3000px;
  height: 400px;
  position: absolute;
}

	.spotlightArea{
		background:#000;
		width:860px;
		height:400px;
		background:url(images/game_alanwake.jpg) no-repeat top left;
	}

		.spotlightQuotes{
			float:right;
			width:300px;
			margin:60px 20px 20px 0px;;
			height:300px;
		}
		
			.spotlightQuotes .quotes{
				font-family: 'Oswald', sans-serif;
				font-size:24px;
				text-align:center;
				color:#fff;
				line-height:26px;
				letter-spacing:0px;
				background:url(images/quoteLine.png) no-repeat bottom left;
				margin-bottom:10px;
				padding-bottom:10px;
				text-transform:uppercase;
			}

.spotlight-bullets {
  position: absolute;
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 370px 0 0 0;
  width: 860px;
  text-align: center;
}

.spotlight-bullets li {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #9A9AAA;
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
  cursor: pointer;
}

.spotlight-item {
  float: left;
}

.spotlight-bullets li:hover,
.spotlight-bullets li.selected {
  background: white;
}

#selectedInk{	
	background:url(images/splat.png) no-repeat top left;
	width:136px;
	height:79px;
	position:absolute;
	top: 99px;
	left: 242px;
	display: none;
	z-index:1;
}

.gameVideos{
	background:url(images/playvideos.jpg) no-repeat 0px 18px;
	height:181px;
	padding-left:134px;
	position:relative;
}

	.gameVideos img{
		padding:5px;
		background:#fff;
		border-style:solid;
		border-color:#ccc;
		border-width:1px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.gameVideos li:hover img{
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
		-ms-transform:rotate(5deg);
	}
	
	.game ul.videobrowser li{
		background:none;
		text-decoration:underline;
	}

.wakeywakey {
	background:url(images/wakeywakey.png) no-repeat top left;
	width:213px;
	height:338px;
	position:absolute;
	bottom: -20px;
	right: -207px;
}

.wakeywakeyNext{
	background:url(images/wakeywakey2.png) no-repeat top left;
	width:213px;
	height:338px;
	position:absolute;
	bottom: -20px;
	right: -190px;
}

	.game #videoplayer{
		display:none;
	}

	.game .introduction{
		margin-right:167px;
		position:relative;
		background:url(images/whosiawake.jpg) no-repeat 0px 6px;
		padding-left:134px;
		padding-bottom:17px;
	}
	
/* FrontPage */
.frontpageHeader{
	background:url(images/frontpageBg3.jpg) no-repeat top center;
	margin:-43px -40px 0px;
	height:650px;
}

.frontpageQuotes{
	width:280px;
	float:right;
	margin-top:31px;
	margin-right:40px;
	position:absolute;
	top:170px;
	right:50%;
	margin-right:-442px;
}

	.frontpageQuotes .quotes{
		color:#fff;
		font-size:24px;
		margin-bottom:14px;
		padding-bottom:16px;
		letter-spacing: 0px;
		line-height:26px;
		background:url(images/quoteLine2.png) no-repeat bottom left;
		opacity:0.85;
		filter:alpha(opacity=85); /* For IE8 and earlier */
	}
	
	.frontpageQuotes .quotesource{
		color:#ccc;
		font-size:14px;
		line-height:21px;
		text-transform:none;
	}

/* ManuScript */

#manuscript {
  display: none;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
	
	.ManuScript .shadowslide{
		opacity:100;
		filter:alpha(opacity=1); /* For IE8 and earlier */
	}
	
	.ManuScript .content{
		opacity:100;
		filter:alpha(opacity=1); /* For IE8 and earlier */
	}
	
	.hiddenManuScript .shadowslide{
		opacity:0;
		filter:alpha(opacity=0); /* For IE8 and earlier */
	}
	
	.hiddenManuScript .content{
		opacity:0;
		filter:alpha(opacity=0); /* For IE8 and earlier */
	}

#manuscript .content{
	width:798px;
	background:#000;
	position:absolute;
	top:108px;
	left:50%;
	margin-left:-399px;
	z-index:2001;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#manuscript .shadow{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:2000;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	cursor:pointer;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

	#manuscript .shadowslide{
		/*background:url(images/popup_shadow_slide.jpg) repeat-y center;*/
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#manuscript .shadowtop{
		/*background:url(images/popup_shadow_top.jpg) no-repeat center top;*/
	}

	#manuscript .shadowbottom{
		/*background:url(images/popup_shadow_bottom.jpg) no-repeat center bottom;*/
		height:800px;
	}
	

	#manuscript .slider{
		background:#e7e7e7;
	}

	#manuscript .top{
		background:url(images/popup_paper_top.jpg) no-repeat center top;
	}

	#manuscript .bottom{
		background:url(images/popup_paper_bottom.jpg) no-repeat center bottom;
    min-height: 590px;
	}
	
	.manuscript-padding {
	  padding: 40px;
	}
	
	.manuscript-loading {
	  line-height: 500px;
	  text-align: center;
	  width: 758px;
	}
	
/* Polaroid Picture */
.picture {
	float:right;
	width: 198px;
	height: 215px;
	margin: 0 0 0 15px;
	position: relative;
}

  .picture-container {
    width: 169px;
    height: 171px;
    overflow: hidden;
    position: absolute;
  }
  
	.picture img {
    width: 220px;
  }
	
	.picture .frame{
    position: absolute;
		background:url(images/polaroid.png) no-repeat center bottom;
		height: 215px;
		width: 198px;
		margin: -20px 0px 0px -12px;
	}

	.clearboth{
		clear:both;
	}

/* Flashlight */
.flashlight-container {
  position: absolute;
}

.flashlight-container a {
  left: 388px;
  position: absolute;
  top: -64px;
  z-index: 500;
	opacity:0;
	filter:alpha(opacity=00); /* For IE8 and earlier */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

article.post:hover .flashlight-container a {
  display: none;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
	
/* Alan Wake Next */
body{
	background-image:url("images/bg-nm.jpg");
}
.arm{
  background: url(images/hand-nm.png) no-repeat center top;
  height:436px;
  top:230px;
  width:45px;
}

#header {
  background: url("images/header-nm.gif") no-repeat center bottom;
}

.size-large, .size-full{
	width:516px !important;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#fff;
	margin:5px 0px 5px 0px;	
}
#manuscript .size-large, #manuscript .size-full{
	/*position: relative;
	left: 50%;
	margin-left: -278px;*/
	margin-left:90px;
}


.manuscript-padding .size-large{
	z-index:3000;
	position:relative;
}