/*
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
*/




/**** Basic Typography ***/

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


body {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
color: black;
background: url(images/background2.jpg);
line-spacing: .2em;
letter-spacing: 0.06em;
}

p {
text-indent: 20px;
}

h1 {
color: #790202;
text-align: left;
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
letter-spacing: .08em;
clear: both;
text-transform: uppercase;
font-size: 35px;
margin: 40px auto 20px auto;
}

h1.descriptive {
font-size: 32px;
text-transform: none;
margin-left: 65px;
}

h1.descriptive span {
font-size: 26px;
}

h2 {
color: #790202;
clear: both;
font-size: 27px;
margin: 10px 0 20px 0;
font-family: Helvetica, Arial, sans-serif;
padding-top: 25px;
}

h3 {
color: #790202;
clear: both;
padding: 20px 0 10px 0;
text-align: center;
font-weight: bold;
}

h1 a, h2 a, h3 a {
color: #790202;
letter-spacing: .05em;
}

strong a {
font-weight: bold;
}


ul, ol {
clear: both;
text-align: left;
margin: 0 auto;
}

ol li {
list-style-type: decimal;
}

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

a:hover {
color: #790202;
border-bottom: none;
}

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

strong {
font-weight: bold;
}

em {
font-style: italic;
}

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

.formatpic {
display: block;
border: 6px solid #CCCCCC;
margin: 0 auto;
}

/* Home Page Formatting */

.featured li {
color: black;
font-size: 20px;
text-align: justify;
text-indent: 20px;
font-family: Helvetica, Arial, sans-serif;
line-spacing: 3px;
width: 800px;
margin: 0 auto;
margin-bottom: 20px;
}

.featured li strong {
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-size: 23px;
}

.points {
text-align: left;
}

.points li {
list-style-type: square;
margin: 20px;
}

img.colorimg {
clear: both;
display: block;
margin: 0 auto;
}

.programs {
width: 430px;
float: left;
font-size: 17px;
margin-left: 30px;
margin-bottom: 20px;
}

.programs a {
display: block;
font-size: 30px;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
text-transform: uppercase;
padding-bottom: 2px;
}

.programs a:hover {
border-bottom: 4px solid #790202;
padding-bottom: 0;
}

.programs a span {
font-size: 17px;
position: relative;
top: -10px;
left: 10px;
color: #790202;
}

/* Specific Formatting */

.col {
width: 450px;
float: left;
margin-bottom: 50px;
margin-left: 30px;
}


/* Tool Tip */
.tooltip {
color: #790202;
border-bottom: none;
padding-right: 20px;
background: url(images/tooltip.png) no-repeat right;
  cursor: help; 
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
  font-size: 15px;
}

.tooltip:hover span {
  color: black;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  padding: 10px;
  width: 280px;
  border: 4px solid #CCCCCC;
  background-color: white;
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}

/* Forms */

table td {
text-align: right;
}

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

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


#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;
}

.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;
}


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

dt{
font-weight: bold;
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;
}

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

.certs dt {
width: 300px;
}

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

/** Button **/
.button {

}

.button:hover {

}


/*** Tables ***/

.table1 {
margin: 20px auto 20px auto;

}

.table1 td {
font-size: 12px;
width: 75px;
padding: 20px 5px;
background-color: #E2E1E1;
text-align: center;
border: 3px solid #CCCCCC;
}

.table1 th {
text-align: left;
padding-left: 15px;
font-size: 19px;
text-transform: uppercase;
padding-right: 10px;
}

.table1 th span {
color: gray;
font-size: 14px;
}

.table1 em {
color: red;
font-size: 14px;
}
 
/*** Basic Layout ****/
.container {
width: 980px;
text-align: center;
margin: 10px auto;
padding: 0 0 40px 20px;
}


/*** Header ****/
#header {
padding-bottom: 80px;
min-width: 980px;
background: url(images/background.jpg);
border-bottom: 6px solid black;
}

.login {
font-size: 10px;
color: white;
border: none;
float: right;
}

#logo {
text-align: center;
padding: 20px 0;
background: url(images/glow-bg.png) no-repeat center;
}

#homelink {
text-indent: -1000%;
}

#homelink a {
text-indent: -1000%;
height: 170px;
width: 700px;
position: absolute;
top: 20px;
left: 180px;
border-bottom: none;
}

#homelink a span {
position: absolute;
top: 3px;
left: 27px;
width: 140px;
height: 36px;
background: url(images/homepopup.png) no-repeat center;
display: none;
}

#homelink a:hover span {
display: block;
}

#cfsp {
width: 211px;
height: 45px;
background: url(images/cfsp_logo.png);
text-indent: -1000%;
position: absolute;
top: 165px;
left: 650px;
}

/*** Nav menu ***/

#nav {
	position: absolute;
	left: 50px;
	top: 230px;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#nav li a {
color: white;
border: 2px solid transparent;
}

#nav li a:hover {
border-bottom: 2px solid #790202;
}

#nav li {
	margin: 0 20px 0 0;
	padding: 0;
	font: small-caps 110%/80% Arial, sans-serif;
	float: left;
	white-space: nowrap;
}
#nav ul {
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	text-transform: lowercase;
	margin: 5px 0;
	padding: 0;
	font-size: 16px;
	float: none;
}

.subnav {
float: right;
font-size: 15px;
margin-bottom: 40px;
margin-right: 10px;
}

.submenu {
margin-bottom: 30px;
}

.submenu li{
display: inline;
margin: 0 10px;
}


/** Search Form **/
div#search-form ,div#search-form2 { 
background: url(images/search-bg.png) no-repeat; 
float: right;
margin-top: 45px;
margin-right: 10px;
}
div#search-form input, div#search-form2 input { 
background: none; 
border: none; 
float: left; 
padding: 0px; 
margin: 0px;
}
div#search-form input#searchinput, div#search-form2 input#searchinput2 { font-size: 11px; 
letter-spacing: .1pt; 
width: 102px; 
color: white; 
padding: 9px 0px 3px 9px; 
}
div#search-form input#searchsubmit, div#search-form2 input#searchsubmit2 { 
width: 38px; 
height: 31px; 
text-indent: -9999px; 
cursor: pointer; 
}	

div#search-form2 { 
background: url(images/search2-bg.png) no-repeat; 
float: left;
}


a.active {
background-position: top;
}

/*** Announcements ****/

#announcements li {

}

#announcements li a { 
display: block;
border: none;
text-transform: uppercase;
padding: 5px 20px 3px 5px;
margin-top: 15px;
}

#featuredannounce {
clear: both;
font-size: 18px;
font: small-caps 110%/80% Arial, sans-serif;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background: url(images/transparent-bg.png) repeat;
}

#featuredannounce li {
margin: 10px;
}

#featuredannounce li a {
border-bottom: none;
color: #790202;
}


/***** Blog *****/
#postcontainer {
margin: 10px 20px 20px 5px;
width: 620px;
float: left;
}

#sidebar {
padding-top: 10px;
float: left;
width: 320px;
margin-top: 18px;
letter-spacing: .09em
}

#sidebar ul li {
margin: 0;
}

#sidebar ul li a {
border: none;
font-size: 14px;
padding: 5px 0;
margin: 0;
}

#sidebar ul li a:hover {
background: url(images/gradient-bg.png) left;
}

#sidebar strong {
color: #790202;
font-size: 16px;
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
}

#sidebar em {
color: #790202;
}

#sidebar h3 {
color: #790202;
font-size: 17px;
margin-top: 10px;
margin-bottom: -10px;
text-align: left;
}

#sidebar div {
margin-bottom: 10px;
padding: 10px;
}

.dropdown {
margin-top: 10px;
}

.post {
position: relative;
padding: 10px;
margin: 10px;
font-size: 17px;
}

.post p {
text-indent: 0;
}

.post h2 {
text-align: left;
max-width: 420px;
}

.post h2 a {
color: black;
font-size: 30px;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 2px;
}

.post h2 a:hover {
color: #790202;
border-bottom: 4px solid #790202;
padding-bottom: 0;
}

.post ul {
text-align: left;
padding-left: 40px;
}

.post ul li {
list-style-type: square;
}

.date {
margin-bottom: -30px;
margin-left: -20px;
padding: 0;
text-align: left;
color: #790202;
clear: both;
}

.postinfo {
position: absolute;
top: 35px;
right: 10px;
font-size: 13px;
font-weight: bold;
text-align: left;
}

.postinfo li {
display: block;
text-align: right;
}

.commentnum a {
font-size: 15px;
border: none;
padding-left: 25px;
background: url(images/comment-bubble.png) no-repeat left;
}


.commentnum a:hover {
border: none;
}


.dropdown {
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-size: 19px;
}


#recentcomments li {
text-align: left;
font-size: 14px;
padding: 10px 0 0 10px;
border-bottom: 2px solid #CCCCCC;
}

dt.gallery-icon a img {
border: 10px solid #CCCCCC;
}


#comments {
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 30px;
margin-top: 20px;
}

.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;
}

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

#respond h3 {
margin-top: 40px;
font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 28px;
}

.post_nav {
clear: both;
text-transform: uppercase;
font-size: 12px;
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;
}

.aligncenter {
display: block;
margin: 10px auto;
}

.size-medium, .size-large, iframe {
border: 6px solid #CCCCCC;
}

.searchresults h2 a {
font-size: 20px;
margin-top: 50px;
}


/**** Footer ****/

#footer {
clear: both;
background: url(images/background.jpg);
margin-top: 50px;
padding-top: 40px;
padding-bottom: 20px;
color: white;
position: relative;
border-top: 6px solid black;
}

#footer a {
color: white;
}

#follow {
margin-left: 300px;
float: left;
}

#follow li {
display: inline;
}

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

 
#cfj {
margin-left: 200px;
float: left;
}

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

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

.current_page_item a {

}

/* Nutrition Page */

.nutritionpost {
width: 270px;
height: 200px;
margin: 12px;
float: left;
line-height: 20px;
padding: 5px;

border: 3px solid #CCCCCC;
}

.nutritionpost h2 {
font-size: 18px;
}

.nutritionpost h2 a {
border: none;
}

.nutrition-post-info {
font-size: 14px;
text-align: right;
}

div.nutritionpost p.commentnum a {
position: relative;
bottom: 0;
right: 0;
font-size: 12px;
}

.additional {
font-size: 13px; }


/* Team Page */

.eventinfo {
text-align: left;
}