/*------------------------------------------------------------------
Theme Name: Fuzion
Theme URI: http://codefor.com/
Description: A wordpress theme created by Adam Foster for use on Fuzion only.
Version: 1
Author: Adam Foster
Author URI: http://codefor.com/
Tags: Fuzion, iPhone

	Fuzion v1
	http://codefor.com/

	This theme was designed by Mike at http://fullyillustrated.com 
	and built by Adam Foster at http://codefor.com

-------------------------------------------------------------------*/ 

/* RESET STYLES ---------------------------------------------------*/

* { margin: 0; padding: 0; text-indent: 0; border:0; outline:0; list-style:none; font-size:100%; border-collapse:collapse; border-spacing:0; word-wrap:break-word; quotes:none; background:transparent; vertical-align: baseline; font-weight: normal; }
:focus, a { -moz-outline-style: none; outline: none !important; }
.clearfix { /*display: inline-block;*/ width: 100%; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	

/* GENERAL STYLES ---------------------------------------------------*/

h1 { color: #000000; font-size: 18px; margin: 0 0 8px 0; }
h2 { font-size: 18px; color: #dbd3d3; padding-bottom:10px; }
	h2 a, h2 a:hover, h1 a, h1 a:hover { text-decoration: none; }
h3 { color: #422a1a; font-size: 18px; padding-bottom:12px; }	
h4, h5, h6 { padding: 0 0 12px 0; font-weight: bold; }
p { padding: 0 0 12px 0; margin: 0; font-size: 11px; line-height: 13px; }
img { margin: 0; padding: 0; border: 0 none; }
strong { color: #fff; }
em { }
input, textarea { font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; color: #666666; }
ul { padding: 0 0 8px 0; margin: 0; font-size: 10px; }
	ul li { margin: 0; list-style-type: none; line-height: 12px; }
	#main ul li {  padding: 0 0 6px 15px; background: url(_include/img/ico-02.gif) left 2px no-repeat; font-size: 11px; }
dl { padding: 0; margin: 0; font-size: 12px; line-height: 14px; }
	dt { display: inline; font-weight: bold; float: left; clear:both; }
	dd { margin: 0; padding: 0; }
small { margin: 0; padding: 0 0 10px; color: #999999; display: inline-block; }
abbr, acronym { cursor: help; color: #fff; }
q { font-style: italic; }
	q:before { content: no-open-quote; content: ""; }
	q:after { content: no-close-quote; content: ""; }
a { color: #fff; text-decoration: underline; }
	a:hover { color: #840000; text-decoration: underline; } 	

/* GOLBAL STYLES ---------------------------------------------------*/ 

body { background: #000 url(_include/img/bg-body.gif) top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color: #626161; }
.home { background-image: url(_include/img/bg-body-home.gif); }
#header { min-width: 986px; height: 638px; background: url(_include/img/bg-header-game.jpg) top no-repeat; }
.home #header { background: url(_include/img/bg-header.jpg) top no-repeat; height: 509px; }
	#logo { height: 120px; width: 287px; margin: 0 auto; }
		#logo a { background: url(_include/img/logo-fuzion.png) no-repeat 1px 12px; height: 120px; width: 287px; display: block; text-indent: -9999px; }
	#nav { position: relative; margin: 0 auto; width: 986px; }
		#nav p { height: 70px; position: absolute; top: 0px; background: url(_include/img/bg-nav.png); }
			#nav p a { text-decoration: none; background: url(_include/img/sprite-sheet.png) no-repeat; height: 41px; width: 169px; display: block; text-indent: -9999px; padding: 0 0 10px; position: relative; }
			#nav p span { background: url(_include/img/bg-hoverstate.gif); height: 51px; width: 165px; display: block; position: absolute; top: 0; right: 44px; display: none; }
			#nav p.selected span { display: block; }
		#nav p#the-game-link { width: 210px; padding: 0 0 0 92px; left: -26px; }
			#nav p#the-game-link a { background-position: 25px 2px; }
				#nav p#the-game-link a:hover { text-decoration: none; }
			#nav p#the-game-link span { right: 44px; }
		#nav p#buy-now-link { background-position: 0 -71px; width: 264px; padding: 0; right: -26px; }
			#nav p#buy-now-link a { background-position: 22px -48px; }
				#nav p#buy-now-link a:hover { text-decoration: none; }
			#nav p#buy-now-link span { right: 93px; }		
			
#main { width: 986px; margin: 0 auto; padding-bottom: 10px; position: relative; }
	#content { width: 910px; padding: 30px 38px 0; position: relative; }
#footer { margin: 0 auto; background: url(_include/img/bg-footer.gif) no-repeat top; width: 900px; padding: 10px 43px; position: relative; }
	#footer ul {}
		#footer ul li { float: left; padding: 0 0 0 7px ; margin: 7px 0 0 7px; border-left: 1px solid #2d2d2d; font-size: 10px; }
			#footer a { text-decoration: none; color: #626161; font-size: 10px; }
				#footer a:hover { text-decoration: underline; color: #840000; }
		#footer ul li.app-store-link, #footer ul li.copyright { padding: 0; margin: 0 0 0 0; border: 0 none; }
		#footer ul li.copyright { background: url(_include/img/sprite-sheet.png) 0 -138px no-repeat; padding: 7px 0 7px 35px; margin-left: 14px; }
			#footer ul li.copyright span { color: #fff; }
			.app-store-link a { background: url(_include/img/sprite-sheet.png) 0 -102px; height: 28px; width: 84px; display: block; text-indent: -9999px; }
	#footer p { padding: 7px 40px 10px 0; background: url(_include/img/sprite-sheet.png) right -170px no-repeat; font-size: 10px; line-height: 12px; }
	
	
/* COMMON STYLES ---------------------------------------------------*/

.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.end { border: none!important; margin-right: 0!important; }
.last { margin-bottom: 0!important; }
.row { width: 940px; margin: 0 auto; position: relative; }
.col { width: 241px; background: url(_include/img/bg-col.png); margin: 0 6px 12px; padding: 40px 25px 14px; position: relative; }
	.col h2 { background: url(_include/img/ico-01.gif) left 1px no-repeat; padding-left: 22px; }
	.col .bot { width: 291px; position: absolute; bottom: 0; left: 0px; height: 10px; display: block; background: url(_include/img/bg-bot.gif); }
.btn { }
	.btn:hover { }
	
	
/* PAGE STYLES ---------------------------------------------------*/ 

/* home */

.home {}
	.home .col { min-height: 153px; }
	#character-detail { background: url(_include/img/bg-character-overlay.png); position: absolute; top: -4px; left: 286px; width: 464px; height: 184px; }
	.date { text-transform: uppercase; }
	.home .col p { padding-bottom: 8px; }
		.title a { text-decoration: none; }
			.title a:hover { text-decoration: underline; }
	.twitter-timestamp { display: block; color: #fff; padding-top: 10px; }		

/* blog stuff */

#sidebar { padding-bottom: 170px; width: 291px; }
	#sidebar .col { margin: 0 0 6px; }
		.screen-reader-text { display: none; }	
		#s { width: 198px; background: #202020; padding: 4px; float: left; margin-bottom:14px; }	
		#searchsubmit { background: url(_include/img/sprite-sheet.png) 0 -198px; height: 22px; width: 26px; text-indent: -9999px; font-size: 0px; color: #000; float: right; cursor: pointer; }
		.rss-feed { position: absolute; top: 43px; right: 20px; }
	.twitter-col p a { color: #626161; text-decoration: none; }
#posts {width: 596px; }
	.post { width: 546px; background: url(_include/img/bg-post.png); margin: 0 0 12px; padding: 40px 25px 14px; position: relative; }
		.post .bot { width: 596px; position: absolute; bottom: 0; left: 0px; height: 10px; display: block; background: url(_include/img/bg-post-bot.gif); }

/* game */
.game-page { background: url(_include/img/bg-character.jpg) 585px bottom no-repeat; }		
	.game-page #content { padding-top: 60px; }
		#news-stories { position: absolute; top: -10px; left: 375px; background: url(_include/img/bg-news-stories.png); height: 61px; width: 247px; text-indent: -9999px; }

/* media */

#media { width: 785px; margin: 90px auto 0; position: relative; }
	#thumbs	{ float: left; width: 203px; height: 335px; margin-left: 35px; }
		#thumbs ul { background: url(_include/img/bg-ul-thumbs.png); height: 280px; width: 195px; }
			#thumbs li { float: left; margin: 2px; }
				#thumbs li a { display:block; height:92px; overflow:hidden; position:relative; width:61px; }
					#thumbs li a img { position:absolute; top: -92px; }
					#thumbs li a:hover img, #thumbs li.selected a img { top: 0px; }
		#thumbs	h3 { padding-left: 6px; }
	#screenshot { float: left; width: 220px; height: 340px; padding: 5px; margin-left: 43px; position: relative; }
	#about { float: right; height: 365px; width:225px; }
		#about p { color: #836017; line-height:12px; }
		#about .app-store { padding: 10px 0 0 30px; display: block; }
	#loader { position: absolute; top: 160px; left: 383px; }	
	
/* WITH JS STYLES ---------------------------------------------------*/