/*
Theme Name: Starkers
Theme URI: http://crossfitsouthphilly.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
*/




/**** Basic Typography ***/

* {
margin: 0;
border: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
font-weight: normal;
font-style: normal;
}

#warning {
font-size: 20px;
color: red;
}

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
color: #313131;
background: url(images/page_bg.jpg) repeat;
}


h1, h2 {
font-family: Impact, Helvetica, Arial, sans-serif;
text-align: center;
clear: both;
text-transform: uppercase;
font-size: 35px;
margin: 40px auto 20px auto;
}

h3 {
clear: both;
color: #313131;
text-transform: uppercase;
font-weight: bold;
padding: 25px 0 10px 0;
text-align: center;
}

ul, ol {
clear: both;
}

a {
color: #790202;
}

a:hover {
border-bottom: 2px solid #790202;
color: #292929;
}

p {
margin: 10px;
text-align: left;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

.addendum {
text-align: center;
font-size: 14px;
color: gray;
}

li {
margin: 5px 2px 5px 2px;
}

.sectionhead p {
text-align: center;
}

.sectionhead h2 {
text-align: left;
margin-top: 10px;
position: relative;
top: 15px;
left: 22px;
z-index: 999;
font-size: 29px;
}

h2.imghead {
top: 28px;
}

.photohead {
margin-bottom: -12px;
}

.frameme {
padding: 5px;
border: 2px solid gray;
background-color: white;
}

/* Specific Formatting */
div#payment {
position: relative;
}

div#payment p {
width: 250px;
position: absolute;
top: 5px;
right: 45px;
font-size: 16px;
}


/* Text Replacement */
#homeh1 {
width: 991px;
height: 394px;
background: url(images/homepageh1.jpg) no-repeat;
margin-top: 15px;
text-indent: -1000%;
}

/* Forms */

table td {
text-align: right;
}

label {
margin-right: 3px;
font-weight: bold;
}

label.option {
font-size: 18px;
color: #504F4F;
font-weight: normal;
}

.basictext {
background-color: #757474;
font-size: 18px;
padding: 5px;
margin: 4px 0;
border: 1px solid gray;
background: url(images/header_bg.png) repeat;
}

#panel {
color: white;
position: absolute;
top: -2px;
right: 23px;
display: none;
background: url(images/red2.jpg) repeat-x bottom;
font-size: 15px;
padding: 10px 20px 15px 20px;
}

#panel a {
color: white;
}

#panel input.basictext{
font-size: 14px;
}

.button {
display: block;
clear: both;
font-family: Helvetica, Arial, sans-serif;
font-size: 17px;
text-transform: uppercase;
margin: 10px auto;
padding: 4px 7px;
background-color: gray;
cursor: pointer;
}

.button:hover {
background-color: #790202;
color: white;
}

.options {
font-weight: normal;
font-size: 16px;
}

#loggedin {
font-family: Impact, Helvetica, Arial, sans-serif;
padding: 5px;
background-color: #E2E1E1;
font-size: 18px;
position: absolute;
top: 227px;
right: 50px;
}

#membermenu {
font-family: Impact, Helvetica, Arial, sans-serif;
padding: 5px;
background-color: #E2E1E1;
font-size: 18px;
margin-top: -20px;
}

#alw_login {
text-align: center;
}

/** Lists **/
dl {
text-align: center;
margin: 0 auto;
font-size: 25px;
}

dt {
font-family: Impact, "HelveticaNeue", Helvetica, Arial, sans-serif;
float: left;
clear: left;
width: 200px;
text-align: right;
color: #790202;
margin: 20px 15px;
}

dd {
float: left;
margin: 20px 10px 0 10px;
  }

.schedule {
width: 550px;
}

.gallery-item dt {
margin-top: 0;
margin-bottom: 0;
}

.gallery-item dt img {
padding: 3px;
border: 2px solid gray;
}

dl.certs {
font-size: 20px;
margin-left: 20px;
}

.certs dt {
width: 300px;
}

.certs dd {
text-align: left;
width: 600px;
}

/*** Tables ***/
.onramp {
margin: 10px auto 20px auto;
}

.onramp td {
width: 115px;
padding: 20px 5px;
background-color: #E2E1E1;
text-align: center;
}

.onramp th {
color: #790202;
font-family: Impact, "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 22px;
padding-right: 10px;
}

.onramp span {
font-family: Helvetica, Arial, sans-serif;
color: gray;
}

/*** Basic Layout ****/
.container {
width: 1050px;
text-align: center;
margin: 0 auto;
}

.center {
text-align: center;
}



/*** Nav menu ***/

.navmenu {
margin-bottom: 30px;
}

ul.navmenu li {
font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
font-weight: bold;
display: inline;
text-transform: uppercase;
margin: 12px;
font-size: 21px;
width: 270px;
}

.navmenu a {
font-weight: bold;
color: #4B4A4A;
border-bottom: none;
width: 100%
}

.navmenu a:hover {
color: #790202;
border-bottom: 3px solid #790202;
}

body.page-id-1930 ul.navmenu li a.menugs {
color: #790202;
}

body.blog ul.navmenu li a.menublog {
color: #790202;
}

body.page-id-1934 ul.navmenu li a.menusched {
color: #790202;
}

body.page-id-1932 ul.navmenu li a.menutrain {
color: #790202;
}

body.page-id-1936 ul.navmenu a.menuloc {
color: #790202;
}

body.page-id-1938 ul.navmenu a.menucontact {
color: #790202;
}

.submenu li {
display: inline;
margin: 12px;
}

.submenu {
border-bottom: 5px solid #E2E1E1;
border-top: 5px solid #E2E1E1;
}

/*** Header ****/

#logo {
width: 877px;
height: 213px;
background: url(images/logo.jpg) no-repeat;
margin-top: 15px;
position: relative;
}

#logo a {
text-indent: -1000%;
display: block;
width: 700px;
height: 160px;
position: absolute;
top: 0;
left: 80px;
border-bottom: none;
}

#toplogin a {
border-bottom: none;
}

a.btn-slide {
position: absolute;
right: 4px;
top: 50px;
width: 16px;
height: 112px;
background: url(images/toplog.png) no-repeat bottom;
}

a.active {
background-position: top;
}

/*** Announcements ****/

#announcements {
padding-bottom: 6px;
background: url(images/red2.jpg) repeat-x bottom;
text-align: center;
}

#announcements li {
display: inline;
}

#announcements li a { 
border: none;
color: white;
text-transform: uppercase;
font-size: 14px;
padding: 5px 20px 3px 5px;
}

#announcements li a:hover {
color: #949494;
}

a#moreannounce {
color: #313131;
font-weight: bold;
padding-right: 36px;
background: url(images/announcearrow.png) no-repeat right;
margin-left: 30px;
}

/**** Tabs *****/

ul.tabnav {
height: 100%;
padding: 20px;
margin: 25px 0 2px 0;
}

ul.tabnav li {
display: inline;
}

ul.tabnav li a {
color: #4B4A4A;
position: relative;
margin: 0 10px;
font-size: 24px;
border-bottom: none;
font-family: Impact, Helvetica, Arial, sans-serif;
}


.tabnav a.selected {
color: #313131;
border-bottom: 5px solid #790202;
}

.tabdiv {
border: 5px solid #790202;
margin: 5px 10px 10px 10px;
padding: 5px;
text-align: left;
}


/***** Blog *****/
#postcontainer {
margin-top: -25px;
margin-left: 5px;
width: 690px;
float: left;
}

#sidebar {
float: left;
width: 350px;
margin-top: 20px;
}

.post {
clear: both;
text-align: left;
position: relative;
}

.post h2 {
width: 555px;
}

.post ul li {
margin-left: 50px;
list-style-image: url(images/listbullet.png);
}

.postdate {
font-family: Impact, Helvetica, Arial, sans-serif;
font-size: 19px;
position: relative;
left: 10px;
bottom: -40px;
}

.commentnum a {
width: 46px;
height: 29px;
text-align: center;
padding-top: 7px;
padding-left: 3px;
position: absolute;
right: 20px;
top: 45px;
color: white;
border: none;
font-size: 18px;
background: url(images/commentnum_bg.png) no-repeat top;
z-index: 999;
}

.commentnum a:hover {
background: url(images/commentnum_bg.png) no-repeat bottom;
}


.single .commentnum a {
background: url(images/comment_add.png) no-repeat top;
width: 50px;
height: 36px;
padding-top: 4px;
}

.single .commentnum a:hover {
background: url(images/comment_add.png) no-repeat bottom;
}

.dropdown {
font-family: Helvetica, Arial, sans-serif;
font-size: 19px;
}

#recentcomments , #twitter {
font-size: 16px;
}

#recentcomments li, #twitter li {
margin: 5px 0;
}

.recentinfo {
margin-top: 0;
text-align: right;
}

.postfoot {
text-transform: uppercase;
font-size: 16px;
text-align: right;
margin-top: 25px;
position: relative;
border-bottom: 4px solid #790202;
}

.footcomnum {
display: block;
float: left;
margin-left: 24px;
}

.postfoot a {
border-bottom: none;
position: relative;
}

.postfoot a span {
width: 26px;
height: 18px;
background: url(images/commenticon.png) no-repeat top;
position: absolute;
left: -27px;
top: 1px;
}

.postfoot a:hover span {
background: url(images/commenticon.png) no-repeat bottom;
}

.gallery-icon img {
border: 4px solid #E2E1E1;
}

.aligncenter {
margin-left: 10px;
border: 1px solid gray;
padding: 3px;
}

.scores {
margin: 40px;
}

#comments {
font-family: Impact, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 30px;
}

.commentlist {
margin: 20px auto 0 auto;
width: 800px;
}

.commentlist li {
text-align: left;
margin-top: 12px;
border: 5px solid #E2E1E1;
position: relative;
min-height: 100px;
padding: 10px 0 10px 60px;
}

.avatar {
position: absolute;
top: 5px;
left: -70px;
border: 5px solid #E2E1E1;
}

#gse_comments_message {
background-color: #E2E1E1;
position: relative;
top: -10px;
font-family: Impact, Helvetica, Arial, sans-serif;
}

.commentlist cite {
font-family: Impact, Helvetica, Arial, sans-serif;
font-size: 25px;
}

.comment-meta {
position: absolute;
top: 0;
right: 0;
font-size: 16px;
padding: 5px;
background-color: #E2E1E1;
}

#tabs2 {
width: 430px;
margin: -20px auto 0 auto;
color: #504F4F;
}

#tabs2 em {
color: #790202;
font-size: 25px;
}

#memberlogin table {
margin-left: 25px;
}

#respond h3 {
margin-top: 40px;
font-family: Impact, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 28px;
}

.subscribe-to-comments {
text-align: center;
}

.post_nav {
text-transform: uppercase;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
margin: 50px 0;
}

.post_nav a {
padding: 20px 23px;
color: white;
border-bottom: none;
}

.post_nav a:hover {
color: #790202;
}

.post_nav span.next a {
background: url(images/nextarrow.png) no-repeat right;
float: right;
}

.post_nav span.previous a {
background: url(images/prevarrow.png) no-repeat left;
float: left;
}

.caption {
text-align: center;
font-size: 14px;
margin-top: -5px;
margin-bottom: 10px;
font-style: oblique;
}

/**** Footer ****/

#footer {
clear: both;
background: url(images/header_bg.png) repeat;
margin-top: 50px;
padding-bottom: 20px;
position: relative;
border-top: 1px solid #E2E1E1;
}


#follow {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin-top: -20px;
}

#follow li {
display: inline;
}

#follow li a:hover {
border-bottom: none;
}

#follow h2 {
position: relative;
top: 0;
right: 30px;
}
 
#cfj {
position: absolute;
top: 55px;
left: 140px;
}

#searchform {
position: absolute;
top: 55px;
right: 90px;
}

#searchsubmit {
margin-bottom: -11px;
}


#info {
text-align: center;
font-size: 19px;
padding: 45px 0;
clear: both;
}

#info a {
border-bottom: 1px solid gray;
}


/**** Recipes ****/

#recipes li {
background-color: #E2E1E1;
}