/*
Theme Name: Starkers v2
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/



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

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */




/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.




/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }



/* GO */
/* ----------------------------------------- */

body {
background: #d2eff4;
color: #375362;
font-family: Trebuchet, Trebuchet MS, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}

a {
color: #DA444F;
text-decoration: none;
}

a:hover {color: #000;}

hr {border: none; clear: both; height: 0;}

hr.divide {
border-top: 1px solid #d7e9eb;
border-bottom: 1px solid #a9cfd5;
margin: 18px 0;
}

#header #nav li {
float: left;
margin: 0 0 0 10px;
line-height:40px;
}



#header #nav a {
display: block;
padding: 0;
color:#ffffff;
font-family: 'Arvo', serif;
font-size:28px;
font-weight:700;
padding:5px;
text-shadow: 1px 1px 2px #777777;

}

#header #nav .current_page_item a, #header #nav a:hover, #header #social a:hover {color: #38d0e9;}
#header #nav a:active, #header #social a:active {color: #375362;}

#header #nav .twitterlink a:hover {color: #4dceff;}
#header #nav .society6link a:hover {color: #000000;}

/* CONTENT */
/* ------------------------------------- */

#content {
clear: both;
margin: 0;
padding: 25px 0;
}

#content p {
margin: 0 0 18px 0;
}


#content h2, #content h1 {
text-shadow: 1px 1px 2px #A9CFD5;
color: #ffffff;
font-size: 24px;
margin: 0 0 16px 0;
font-family: 'Arvo', serif;
}

#content h3 {
color: #ffffff;
font-size: 24px;
margin: 0 0 6px 0;
font-family: 'Arvo', serif;
text-shadow: 1px 1px 2px #777777;

}

#content small {font-size: 12px;}



#gamethumb {
    display: block;
    float: left;
    margin: 10px 20px 10px 0px;
    width: 300px;
	text-align:center;
}

#gamethumb span{font-size:16px;font-family:'Arvo', serif;display:block;margin-top:5px;}

#proimages {
width: 640px;
margin: 5px 0 0;
float: right;
}

.imagehint {clear: both; margin: 20px 0 0 0;}

p.proprice {font-size: 14px;}

#procopy {
width: 300px;
float: left;
padding: 0 20px 0 0;
}

#procopy img {
margin-bottom:10px;
}

.tweet-this {float: left; margin: 3px 5px 9px 0;}
.google-plus {float: left; margin: 3px 5px 9px 0;}
.pin-it {float: left; margin: 3px 5px 9px 0;}
.delicious-save {float: left; margin: 3px 5px 9px 0; display: none;}
.fb-like {float: left; margin: 3px 0 9px 0;}

.shareset {width: 320px; margin: 0 -20px 0 0;}



.faqbasic a:hover {cursor: pointer;}

.faqlink {
color: #DA444F;
display: block;
font-size: 24px;
height: 40px;
line-height: 40px;
margin: 0 0 5px 0;
}

.faqlink img {margin: 0 0 -10px 0;}


/* CONTACT FORM */
/* ------------------------------------- */

.contacttextbox {
font-size: 14px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 7px 0;
width: 306px;
}

.contacttextboxsmall {
font-size: 14px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 7px 5px;
width: 100px;
}

.contacttextarea {
font-size: 14px;
line-height: 20px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 7px 0;
width: 466px;
max-width: 626px;
height: 180px;
max-height: 320px;
}

.contactbutton {
font-size: 16px;
font-weight: bold;
padding: 7px 25px;
border: none;
background-color: #DA444F;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 10px 0 0;
cursor: pointer;
}

.contactbutton:hover {
background-color: #375362;
color: #fff;
}

.capimg {margin: 0;}



/* ESHOP */
/* ------------------------------------- */

#cartDelete img, .deletecartitem label, .eshopoptname, .eshopoptsets br, .eshoppayvia legend, .custdetails .privacy, .eshopcheckoutconf h4, #unset, .offset, .eshopdetails, .addtocart label.qty, .eselect label, .sglprice, .sgloption {display: none;}

.addtocart select {
clear: both;
display: block;
margin: 0 0 10px 0;
line-height: 18px;
padding: 2px;
color: #375362;
font-size: 12px;
background-color: #fff;
}

.cqty .short, .iqty {
text-align: center;
width: 20px;
font-size: 14px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px 0;
}

#update, .eshopbutton, #submitit, #ppsubmit {
font-size: 16px;
font-weight: bold;
padding: 7px 25px;
border: none;
background-color: #DA444F;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 7px 0 7px 5px;
cursor: pointer;
}

#update:hover, .eshopbutton:hover, #submitit:hover, #ppsubmit:hover {
background-color: #375362;
color: #fff;
}

#eshopcartform caption, table.eshop caption, #mainlegend {
font-size: 24px;
font-weight: bold;
margin: 0 0 20px 0;
}

table.eshop {
margin: 0 0 20px;
width: 640px;
}

#cartDelete, #cartTotal , #cartQty, #cartItem {
padding: 5px 0 10px 0;
border-bottom: 1px dashed #375362;
font-weight: bold;
display: table-cell;
vertical-align: top;
}

.eshopidetails {
font-size: 12px;
color: #375362;
}

.eshoptext {font-size: 12px;}
.bt, .cqty {
text-align: center;
width: 100px;
}

.deletecartitem {
text-align: right;
width: 100px;
}

.btbr, .amts {
text-align: right;
width: 100px;
}

.cartitem {padding: 10px 0;}

#update {margin: 20px 0 0;}

.continue-proceed {
clear: both;
margin: 20px 0 0 0;
}

.rtnshopping {
float: left;
margin: 0 20px 0 0;
}

.gotocheckout {
float: left;
margin: 0;
}

.fld2 label {
clear: both;
display: block;
}

.fld2 .med {
clear: both;
font-size: 14px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 15px 0;
width: 466px;
}

.fld2 .short, .fld5 .med {
font-size: 14px;
padding: 5px 7px;
border: none;
background-color: #fff;
-moz-box-shadow: 1px 1px 2px #839598;
-webkit-box-shadow: 1px 1px 2px #839598;
box-shadow: 1px 1px 2px #839598;
color: #375362;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 15px 0;
width: 226px;
}

.fld6 ul, .fld2 legend {visibility: hidden;}

.eshopcheckoutconf ul {margin: 20px 0;}

.fourohfour {float: right; margin: 0 0 20px 20px;}

.anfaq {padding: 0 0 20px 0;}



/* FOOTER */
/* ------------------------------------- */

.credits-shadow {

clear: both;
height: 5px;
margin: 0;
padding: 0;
width: 100%;
}

#credits {
clear: both;
width: 100%;
padding: 15px 0 0 0;
background-color: #375362;

background-postion: top;
background-repeat: repeat-x;
font-size: 13px;
line-height: 20px;
}

#credits p {
	padding: 0;
	margin: 0 0 20px 0;
	color: #fff;
}

#credits a {color: #d2eff4;}

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

#credits li {margin: 0;}

#secondfootertop {

background-position: bottom center;
background-repeat: repeat-x;
}

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

#footertwo {
float: left;
padding: 15px 30px 0 0;
width: 610px;
}

#footertwo h2{
text-shadow: 1px 1px 2px #777777;
color: #ffffff;
font-size: 24px;
margin: 0 0 16px 0;
font-family: 'Arvo', serif;
}

#footerthree {
float: right;
padding: 15px 0 0 20px;
width: 300px;
}

#footerthree ul {margin: 0 0 20px 0;}

#footerfour {
float: left;
margin: 20px 0;
width: 640px;
}

#footersix {
color: #fff;
float: right;
margin: 20px 0;
width: 300px;
}

#footersix2 {
color: #fff;
float: right;
margin: 10px 0;
width: 300px;
}
#flickr_badge_wrapper img {
float: left;
margin: 5px 15px 10px 0;
  -moz-box-shadow: 1px 1px 2px #1b2931;
  -webkit-box-shadow: 1px 1px 2px #1b2931;
  box-shadow: 1px 1px 2px #1b2931;
}

.footitle {margin: 0 0 5px 0;}

#creditsthree {
background-color: #000;
width: 100%;
clear: both;
padding: 10px 0px;
color: #ccc;
text-align: center;
line-height: 16px;
font-size: 12px;
}

#creditsthree a {
color: #d2eff4;
margin: 0 15px 0 0;
text-decoration: none;
}

#creditsthree a:hover {color: #fff;}