/*------------------------------------------------------------------
Theme Name: Pumpkin Games
Theme URI: http://www.pumpkin-games.net/
Description: Pumpkin Games main theme.
Version: 1
Author: Paul Cunningham
Author URI: http://www.pumpkin-games.net/

c 1 2 7 2 d
  
-------------------------------------------------------------------*/ 
 
/* 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; }
h3 { color: #fff; font-size: 15px; padding: 0 0 6px 0; }
h1 a { color: #fff; }
h2 .alt{ color: #27c12d; }
h3, h4, h5, h6 { padding: 0 0 12px 0; font-weight: bold; }
p { padding: 0 0 12px 0; margin: 0; font-size: 12px; line-height: 14px; }
img { margin: 0; padding: 0; border: 0 none; }
strong { color: #fff; }
em { }
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 14px; color: #27c12d; background: #250a0b; border: 1px solid #ae2329; padding: 4px 10px; }
ul { padding: 0 0 12px 0; margin: 0; font-size: 12px; }
ul li { margin: 0; list-style-type: none; line-height: 14px; }
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; 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: #27c12d; text-decoration: none; }
p a:hover, li a:hover { color: #fff; text-decoration: none; } 	
p a:hover span, li a:hover span { color: #fff; }

.hr { background: url(../images/div-01.gif) top left repeat-x;}
 
 
/* GOLBAL STYLES ---------------------------------------------------*/ 
 
body { background: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 14px; color: #787878; }
#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: 0px solid #ddd2be; padding: 10px 11px; }
#nav { border-right: 1px solid #ddd2be; margin-left: 540px; width: 372px; 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: #27c12d; }
#featureWrapper { background: #d8ceb7 url(../images/featureBg.png) top left repeat; min-width: 993px; border-top: solid 1px white; border-bottom:solid 0px #000;}
#xxxfeatureWrapper { background: #000; }
#mainWrapper { border-top: 5px solid #27c12d; 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(../images/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(../images/div-01.gif) top left repeat-x; margin: 8px 0 0; padding-top: 12px; }
#footer-bot ul { background: url(../images/logo-joystick-generals-tiny.gifxxx) no-repeat left top; padding-left: 0px; }
#footer-bot li { float: left; background: url(../images/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: #0a250b; border: 1px solid #27c12d; padding: 5px 18px 6px; display: block; text-align: center; }
.btn:hover, .postNav a:hover { color: #fff; background: #0d6f10; }
span.hr { background: url(../images/div-01.gif) bottom left repeat-x; display: block; height: 1px; width: 913px; margin: 8px auto 20px; }	
.pumpkin { background: url(../images/pumpkin.png); display: block; width: 128px; height: 128px; position: absolute; top: -35px; left: -50px; }
.sep { background: url(../images/div-01.gif) top left repeat-x; margin-top:20px;}	

/* PAGE STYLES ---------------------------------------------------*/ 
 
/* home */
 
.home .split p a { height: 130px; overflow: hidden; display: block; }
 
.homeBanner { position: relative; background: url(../images/bg-home-banner.pnd) no-repeat center 384px; width: 807px; padding: 0px; /*60px 93px 70px;*/ margin: 0 auto; }
.characterxxxy { background: url(../images/bg-character2.png); display: block; width: 282px; height: 242px; position: absolute; bottom: 10px; right: -30px; }
.appStore { position: absolute; bottom: 50px; left: 150px; display: block; }
 
.pData { padding-bottom: 0; }
.pData strong { margin-bottom: 5px; display: block; }
.pData span { color: #27c12d; }
.stars { background: url(../images/rating.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(../images/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(../images/bg-character-large.png); display: block; height: 4px; width: 570px; margin: 0 auto; position: relative; top: 20px; }
 
 
/* games */
 
.gamesWrapper { padding: 30px 0; }
.gamesBanner { position: relative; width: 807px; padding: 0px; margin: 0 auto; }
.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; }
 
 /* doppelganger / sumo / etc */
 .screenshotsBanner { width: 600px; margin: 20px auto 20px auto; border: solid 5px #27c12d; background-color: #000}
 
/* news */
 
.post { background: url(../images/div-03.gif) repeat-x bottom left; margin-bottom: 20px; padding-bottom: 8px; }
.single .post { background: 0 none; }
.posttitle { background: url(../images/div-04.gif) left top no-repeat; padding-left: 0px; zoom:1; }
.posttitle h1 { padding-bottom: 6px; }
.post-meta { position: relative; padding-top: 14px; }
.post-meta a { margin: 0 8px; }
.postdate  { color:#bbb; font-size:11px; padding: 0 0 5px 0; }
.post-meta .addthis_button { position: absolute; top: 12px; right: 0; }
.postNav  { margin-top: -10px; }
.tContact, .tTwitter, .tRSS, .tFacebook { padding: 0 0 0 22px; background: url(../images/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; }
.tFacebook { background-position: 0 -62px; }
.colRow ul { padding-bottom: 0; }
.colRow li, .post li, .gameContent li { background: url(../images/ico-01.gif) no-repeat 0 2px; padding: 0 0 6px 18px; }	
 
 #tweet ul, #tweet li{ padding: 0; background: none; }
 .tweetdate  { color:#bbb; font-size:11px; padding: 0 0 5px 0; }
/* Comments */
 
#comments { background: url(../images/div-01.gif) repeat-x left top; padding-top: 13px; }
#commentlist { background: url(../images/div-01.gif) repeat-x left top; padding-top: 1px; }
#commentlist li { padding: 20px; background: url(../images/div-01.gif) repeat-x left bottom; }
#commentlist li.odd { background-color: #161616; }	
#commentlist li .commentMeta { width: 100%; }
#commentlist li .commentMeta strong { color: #27c12d; }
.noComments { background: url(../images/div-01.gif) repeat-x left top; padding-top: 20px; }
#postcomment { background: url(../images/div-01.gif) repeat-x left top; padding-top: 13px; margin-top: 30px; }	
.newsform { background: url(../images/div-01.gif) repeat-x left top; padding-top: 20px; margin-bottom: 40px; }	
.newsform .right { width: 350px; }
.newsform .left { width: 237px; }
.newsform label { color: #27c12d; display: block; padding-bottom: 8px; }
.newsform input { width: 215px; }
.newsform textarea { height: 125px; width: 328px; }
.req { display: inline; color: #27c12d; }
.req label { display: inline; }
.submit { text-align: right; }
#submit { width: 98px; background: url(../images/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(../images/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(../images/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  { padding-top: 40px; background: url(../images/div-01.gif) repeat-x left bottom;}
.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: 400px; padding-top: 390px; }
.gameFeature .appStore { top: -200px; left: 416px; top: -115px; bottom: auto; }
 
.trailer { height: 232px; }
 
/* media viewer */ 
#mediaViewer { height: 340px; width: 470px; border: 10px solid #0f0; margin: 0; position: relative; background: #fff; }
#thumbset { position: absolute; top: 0; right: 0; width: 241px; height: 320px; background: #000 url(../images/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 #27c12d; } 
#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; }



.screenShot 
{
	border:solid 1px white;
	padding: 10px;
	margin-right:10px;
}

.availablePlatforms
{
	margin:10px 0px;
}