/*------------------------------------------------------------------
Theme Name: Joy Stick Generals
Theme URI: http://codefor.com/
Description: A wordpress theme created by Adam Foster for use on Joy Stick Generals only.
Version: 1
Author: Adam Foster
Author URI: http://codefor.com/
Tags: Joy Stick Generals, iPhone, games, game, Super turbo action pig

	Joy Stick Generals 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, h2 { color: #fff; font-size: 20px; padding: 0 0 12px 0; }
	h1 a { color: #fff; }
h3, 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: Arial, Helvetica, sans-serif; font-size:11px; line-height: 13px; color: #c1272d; background: #250a0b; border: 1px solid #ae2329; padding: 4px 10px; }
ul { padding: 0 0 12px 0; margin: 0; font-size: 11px; }
	ul li { margin: 0; list-style-type: none; line-height: 13px; }
dl { padding: 0; margin: 0; font-size: 11px; line-height: 13px; }
	dt { display: inline; font-weight: bold; float: left; clear:both; }
	dd { margin: 0; padding: 0; }
small { margin: 0; padding: 0 0 10px; display: inline-block; }
abbr, acronym { cursor: help; }
q { font-style: italic; }
	q:before { content: no-open-quote; content: ""; }
	q:after { content: no-close-quote; content: ""; }
a { color: #c1272d; text-decoration: none; }
	p a:hover, li a:hover { color: #fff; text-decoration: none; } 	
		p a:hover span, li a:hover span { color: #fff; }


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

body { background: #000; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 13px; color: #656565; }
#jsg { border-top: 1px solid #ddd2be; }
	#header { background: #000; width: 913px; margin: 0 auto; padding: 0 40px; position: relative; height: 67px; }
		#logo { position: absolute; left: 40px; top: 0; border-right: 1px solid #ddd2be; border-left: 1px solid #ddd2be; padding: 10px 11px; }
		#nav { border-right: 1px solid #ddd2be; margin-left: 447px; width: 465px; padding: 0; height: 67px; }
			#nav li { float: left; border-left: 1px solid #ddd2be; height: 67px; }
				#nav a { width: 92px; text-align: center; display: block; padding: 36px 0 10px; font-size: 20px; font-size: bold; text-transform: uppercase; height: 21px; background-color: #000; }	
				#nav .current_page_item a, #nav .current_page_parent a { padding-top: 46px; color: #fff; background-color: #c1272d; }
	#featureWrapper { background: #d9cdb8 url(_include/img/bg-feature.jpg) top no-repeat; min-width: 993px; }
	#mainWrapper { border-top: 5px solid #c1272d; min-width: 993px; }
		#main { width: 933px; margin: 0 auto; padding: 25px 30px 0; }
			.content {  }
	#footer { width: 913px; margin: 0 auto; padding: 0 40px; }
		#footerTwitter { background: url(_include/img/div-01.gif) top left repeat-x; margin: 8px 0 0; padding: 12px 0 4px; }
			#footerTwitter h2 { padding: 3px 14px 0 0; }
			#footerTwitter p { padding: 7px 0 0 0; line-height: 12px; }
		#footer-bot { background: url(_include/img/div-01.gif) top left repeat-x; margin: 8px 0 0; padding-top: 12px; }
			#footer-bot .right { background: url(_include/img/logo-fully-illustrated.gif) top right no-repeat; padding: 3px 38px 12px 0; }
			#footer-bot ul { background: url(_include/img/logo-joystick-generals-tiny.gif) no-repeat left top; padding-left: 50px; }
			#footer-bot li { float: left; background: url(_include/img/div-02.gif) no-repeat right 4px; padding: 2px 12px 0 0; margin-right: 12px; }
	
	
/* COMMON STYLES ---------------------------------------------------*/

.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.end { border: none!important; margin-right: 0!important; background: 0 none!important; }
.last { margin-bottom: 0!important; }
.row { width: 940px; margin: 0 auto; position: relative; }
.col { width: 291px; margin: 0 10px; }
.cols { margin: 0 10px; width: 602px; }
.split { width: 446px; margin: 0 10px;  }
.btn, .postNav a { background: #250a0b; border: 1px solid #c1272d; padding: 5px 18px 6px; display: block; text-align: center; }
	.btn:hover, .postNav a:hover { color: #fff; background: #6f0d10; }
span.hr { background: url(_include/img/div-01.gif) bottom left repeat-x; display: block; height: 1px; width: 913px; margin: 8px auto 20px; }	
	
	
/* PAGE STYLES ---------------------------------------------------*/ 

/* home */

.home .split p a { height: 130px; overflow: hidden; display: block; }

.homeBanner { position: relative; background: url(_include/img/bg-home-banner.png) no-repeat center 384px; width: 807px; padding: 60px 93px 70px; margin: 0 auto; }
	.character { background: url(_include/img/bg-character.png); display: block; width: 282px; height: 242px; position: absolute; bottom: 10px; right: 0px; }
	.appStore { position: absolute; bottom: 126px; left: 214px; display: block; }

.pData { padding-bottom: 0; }
	.pData strong { margin-bottom: 5px; display: block; }
		.pData span { color: #c1272d; }
.stars { background: url(_include/img/bg-stars.gif) no-repeat; width: 95px; height: 16px; display: block; text-indent: -9999px; margin-bottom: 5px; }
.stars2{ background-position: 0 -16px; }
.stars2{ background-position: 0 -32px; }
.stars4 { background-position: 0 -48px; }
.stars5{ background-position: 0 -64px; }


/* about */

.aboutContent { background: url(_include/img/bg-about-col.gif) no-repeat 700px bottom; margin-bottom: 20px; }
	.colRow { margin-bottom: 20px; }
		.colRow .btn { width: 252px; margin-top: 10px; }
	.aboutRow { width: 100%; margin: 8px 0; }
		.aboutRow .left { width: 170px; }
			.aboutRow .left img { margin-top: 4px; }
		.aboutRow .right { width: 432px; }
.aboutCharacter { background: url(_include/img/bg-character-large.png); display: block; height: 345px; width: 570px; margin: 0 auto; position: relative; top: 20px; }


/* games */

.gamesWrapper { padding: 30px 0; }
	.gameBanner { padding: 20px 21px; background: #000; margin: 0 auto 10px; height: 213px; width: 872px; position: relative; }
		.gameBanner .appStore { left: 700px; bottom: 35px; }
.gamesMain { height: 15px; }

.lineFix { display: block; height: 10px; background: #000; width: 100%; position: relative; top: -5px; }

/* blog */

.post { background: url(_include/img/div-03.gif) repeat-x bottom left; margin-bottom: 20px; padding-bottom: 8px; }
.single .post { background: 0 none; }
	.posttitle { background: url(_include/img/div-04.gif) left top no-repeat; padding-left: 33px; zoom:1; }
		.posttitle h1 { padding-bottom: 6px; }
	.post-meta { position: relative; padding-top: 14px; }
		.post-meta a { margin: 0 8px; }
			.postdate span { padding: 0 5px; }
			.post-meta .addthis_button { position: absolute; top: 12px; right: 0; }
.postNav  { margin-top: -10px; }
.tContact, .tTwitter, .tRSS { padding: 0 0 0 22px; background: url(_include/img/ico-blog.gif) no-repeat top left; margin-bottom: 12px; }
	.tContact { background-position: 0 4px; }
	.tTwitter { background-position: 0 -20px; }
	.tRSS { background-position: 0 -42px; }
.colRow ul { padding-bottom: 0; }
	.colRow li, .post li, .gameContent li { background: url(_include/img/ico-01.gif) no-repeat 0 2px; padding: 0 0 6px 18px; }	

/* Comments */

#comments { background: url(_include/img/div-01.gif) repeat-x left top; padding-top: 13px; }
#commentlist { background: url(_include/img/div-01.gif) repeat-x left top; padding-top: 1px; }
	#commentlist li { padding: 20px; background: url(_include/img/div-01.gif) repeat-x left bottom; }
	#commentlist li.odd { background-color: #161616; }	
		#commentlist li .commentMeta { width: 100%; }
			#commentlist li .commentMeta strong { color: #C1272D; }
.noComments { background: url(_include/img/div-01.gif) repeat-x left top; padding-top: 20px; }
#postcomment { background: url(_include/img/div-01.gif) repeat-x left top; padding-top: 13px; margin-top: 30px; }	
.newsform { background: url(_include/img/div-01.gif) repeat-x left top; padding-top: 20px; margin-bottom: 40px; }	
	.newsform .right { width: 350px; }
	.newsform .left { width: 237px; }
		.newsform label { color: #c1272d; display: block; padding-bottom: 8px; }
		.newsform input { width: 215px; }
		.newsform textarea { height: 125px; width: 328px; }
		.req { display: inline; color: #c1272d; }
			.req label { display: inline; }
		.submit { text-align: right; }
			#submit { width: 98px; background: url(_include/img/submit-btn.gif); padding: 0; height: 26px; color: transparent; font-size: 0; text-indent: -9999px; cursor: pointer; }
				#submit:hover { background-position: 0 -36px; }
/* game */

.gameTop { background: url(_include/img/div-03.gif) repeat-x bottom left; margin: 0 10px; width:913px }
	.gameTop .cols { margin-left: 0; }
	.gameTop .last { margin-right: 0; }
	.gameTop .first { margin-left: 0; }
		.gameRow { background: url(_include/img/div-03.gif) repeat-x bottom left; margin-bottom: 20px; padding-bottom: 12px; }
			.gameRow .left { width: 291px; }
			.gameRow .right { width: 291px; }
				.gameRow  img { border: 1px solid #bf272d; }
					.gameRow .reviews img { border: 0 none; }
				.gameRow .pData strong { padding-top: 3px; }
				.gameRow a:hover img { border: 1px solid #fff; }
				.gameRow .screenLinks p { width:  169px; margin-right: 10px; display: block; height: 106px; float: left; }	
				.gameRow .screenLinks ul { width: 110px; float: left; }
				.gameRow .wallpapers { min-height: 148px; }
					.gameRow .wallpapers a { display: block; margin-right: 10px; width: 71px; float: left; }
					.gameRow .wallpapers strong { padding-bottom: 6px; display: block; }
	.gameContent .pData { padding-bottom: 5px; }
		.gameContent .stars { float: left; display: block; margin: 0; }
		.gameContent .right .pData strong { float: left; display: block; margin: 0; line-height: 14px; position: relative; top: 3px; left: 8px;  }
	.gameRow.last { background: 0 none; }

.gameReviews { padding: 18px 0 10px; }
	.gameReviews h2 { padding: 0 0 8px 10px; }

.gameFeature { height: 370px; padding-top: 390px; }
.gameFeature .appStore { top: -200px; left: 416px; top: -115px; bottom: auto; }

.trailer { height: 232px; }

/* media viewer */

#mediaViewer { height: 320px; width: 721px; border: 10px solid #000; margin: 0 auto 0; position: relative; background: #fff; }
	#thumbset { position: absolute; top: 0; right: 0; width: 241px; height: 320px; background: #000 url(_include/img/bg-thumbs.gif) repeat-y top left; padding: 0;  }
		#thumbset li { float: left; margin: 0 0 1px 1px; height: 79px; width: 119px; }
			#thumbset li a { display: block; height: 79px; width: 119px; position: relative; }
			#thumbset li a span { display:block; height:79px; left:0; position:absolute; top:0; width:119px; }
			#thumbset li a:hover span, #thumbset li.selected a span { height:73px; width:113px; border: 3px solid #c1272d; } 
	#ajaxloader { position: absolute; top: 48%; left: 33%; z-index: 1; }
	#screenshot { position: relative; z-index: 2; width: 480px; }
	
.cufon-loading h1, .cufon-loading h2, .cufon-loading #nav a, .cufon-loading .btn, .cufon-loading .postNav a { visibility: hidden !important; }