/*
Theme Name: Starkers
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
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Your Health Club general stylesheet. Created by Rob Mason t/a Sponge Project - spongeproject.co.uk
Version: 1.0 */

/* General styles */
* { margin: 0; padding: 0; }
body { background: #fff url('style/images/back.png') repeat-x top left; color: #292627; font: 62.5%  Tahoma, Arial, Verdana, sans-serif; }
h1, h2 , h3{ text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px;  }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; font-weight: bold; margin-bottom: 0.4em; text-transform: uppercase; color: #FF9900;  }
h3 { font-size: 2em; font-weight: normal; font-weight: bold; margin-bottom: 0.4em; text-transform: uppercase; color: #FF9900; }
h4 { font-size: 1.8em; font-weight: normal; }
p { line-height: 1.5em; font-size: 1.3em; padding: 0 0 1em 0; letter-spacing: 0.03em; text-shadow: #fff 1px 1px 0px; }
abbr { cursor: help; }
ul { margin: 0 0 0.5em 0; }
li { line-height: 1.6em; font-size: 1.3em; letter-spacing: 0.03em; text-shadow: #fff 1px 1px 0px;}
ul li { list-style: square; margin: 0 0 0 1.5em; }
ol li { margin: 0 0 0 1.5em; }
ol li li { font-size: 1em; list-style: lower-roman; }
ul li li { font-size: 1em; }
q, em, blockquote { color: #FF9900; font-style: italic; }
blockquote {  font-size: 1em; padding:1em 0; }
a { color: #FF9900; }
a:hover { color: #292627; background: none; text-decoration: none; }
a:focus, a:active  { color: #292627; background: transparent; text-decoration: underline; }
img { border: 0; }

/* Header */
#header { width: 960px; margin: 0 auto; height: 165px; }
#header h1 { position: absolute; left: -9000px; top: -9000px; }
#header img { bordeR: none; }

/* Main navigation*/
#nav { clear: both; background: #FF9900; border: solid 2px #DE6422; border-left: none; border-right: none; height: 50px; margin-bottom: 20px; }
#navinner { width: 960px; margin: 0 auto; position: relative;  }
#nav li { float: left; list-style: none; margin: 8px 10px 0 0; padding: 0; background: none;  }
#nav li a { float: left; text-align: center; float: left; padding: 0.4em 0; width: 180px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.95em; text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px;  margin-top: 3px; }
#nav li a:hover { background: #DE6422; text-shadow: #FF9900 1px 1px 0px, #FF9900 2px 2px 0px, #FF9900 3px 3px 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#nav .current_page_item  a{ background: #fff; color: #DE6422; text-shadow: #FF9900 1px 1px 0px; border-right: solid 1px #d1d2d4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#nav .current_page_item a:hover { background: #fff; color: #DE6422; text-shadow: #FF9900 1px 1px 0px;  }

/* Wrapper */
#wrapper { width: 960px; margin: 0 auto; min-height: 300px; }

/* Misc styles */
.hr { clear: both; height: 3px; margin-top: 25px; background: #FF9900; -webkit-box-shadow: 1px 1px 0px #292627; -moz-box-shadow: 1px 1px 0px #292627; box-shadow: 1px 1px 0px #292627; }
hr { display: none; border: 0; }
.gallery { overflow: hidden; }

/* Home */
.home { height: 255px; }
.home img { -webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #d1d2d4; }

/* About box */
#about { float: right; background: #fff url('style/images/box-back.png') repeat-x bottom left; -webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;  width: 300px; padding: 0 10px; height: 255px; -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627; border: solid 1px #fff; border-left: solid 1px #d1d2d4; border-top: solid 1px #d1d2d4; }

/* Join now box */
#specialoffer a{ color: #fff; width: 300px; font-size: 2em; font-weight: bold; display: block; text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px; text-decoration: none; float: right; color: #fff; background: #FF9900; border: solid 2px #DE6422; margin: 2px 0 0 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 10px 0 10px; margin-top: 20px; text-transform: uppercase; -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627;}
#specialoffer a span { font-size: 0.4em; }
#specialoffer a:hover { background: #DE6422; text-shadow: #FF9900 1px 1px 0px, #FF9900 2px 2px 0px, #FF9900 3px 3px 0px;    -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;border: solid 2px #fff;  }

/* Floating boxes */
.box { float: left; width: 298px; min-height: 275px; margin: 20px 0; padding: 0 10px; overflow: hidden; border: solid 1px #fff; border-right: solid 1px #d1d2d4;  background: #fff url('style/images/box-back.png') repeat-x bottom left; -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627; border-top: solid 1px #d1d2d4;}
.boxlast { -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px; border-top-right-radius: 10px; }
.boxfirst { border-left: solid 1px #d1d2d4; margin-top: 22px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}

/* Sidebar */
#sidebar { float: right; font-size: 0.7em; background: #fff url('style/images/box-back.png') repeat-x bottom left; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; width: 300px; padding: 10px; -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627; -webkit-border-top-right-radius: 10px;-moz-border-radius-topright: 10px; border-top-right-radius: 10px; border: solid 1px #fff; border-left: solid 1px #d1d2d4; border-top: solid 1px #d1d2d4; margin-bottom: 20px;  }
#sidebar ul li{ list-style: none; margin: 0; }
#sidebar ul li ul li { list-style: square; margin: 0 0 0 1.5em; font-size: 1.428em ; }
#sidebar ul li ul { margin: 0 0 20px 0; }
#searchform { margin: 0 0 10px 0 ; }
#searchform #s {width: 200px;  }
#searchsubmit, .button, #submit { text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px; text-decoration: none; color: #fff; background: #FF9900; border: solid 2px #DE6422; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-transform: uppercase; }
#searchsubmit:hover, #submit:hover  { background: #DE6422; text-shadow: #FF9900 1px 1px 0px, #FF9900 2px 2px 0px, #FF9900 3px 3px 0p; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; border: solid 2px #fff; cursor: pointer; }
.screen-reader-text { display: none; }

/* Content */
#content { width: 618px; margin-bottom: 20px; }
#content h2 a { color: #FF9900; text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px; text-decoration: none; display: block; }

/* Posts & Comments */
.postmeta { font-style: italic; border-top: solid 1px #d1d2d4; padding-top: 0.8em ;}
#comments, #respond {  border-top: solid 1px #d1d2d4; padding-top: 0.4em ;}
.commentlist li{ margin: 0; font-size: 1em;}
.comment-author, .commentmetadata { font-size: 1.2em; }
.avatar { float: right; border: solid 1px #fff;  -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627; }

/* Form styles */
textarea, input, select { margin: 0.5em 0; padding: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; border: solid 1px #d1d2d4; -webkit-box-shadow: 3px 3px 6px #292627; -moz-box-shadow: 3px 3px 6px #292627; box-shadow: 3px 3px 6px #292627;   }
textarea, select { font-size: 1em; line-height: 1.5em; }
option { padding: 0 5px 5px 5px;   }
legend, label { line-height: 1.5em; margin-top: 0.5em; }

/* Table styless */
table {  colspan="2" }
td { border: 1px solid #d1d2d4; font-size: 1em;}

/* Footer */
#footer { clear: both; background: #FF9900; border-top: solid 2px #DE6422; border-bottom: solid 2px #DE6422; text-transform: uppercase; }
#footerinner { width: 960px; margin: 0 auto; text-align: center; color: #fff; }
#footer-nav  { padding-top: 1.5em; padding-bottom: 9px; }
#footer-nav a { color: #fff; text-decoration: none;  }
#footer-nav a:hover { background: #DE6422; text-shadow: none;  }
#footer-nav li { display: inline; margin: 0; padding: 0 5px 0 0 ; background: none; text-shadow: #DE6422 1px 1px 0px, #DE6422 2px 2px 0px, #DE6422 3px 3px 0px; border-right: solid 1px #DE6422; }
#footer-nav li.spongeproject { border: none; }