/*
Theme Name: Crossfit
Theme URI: http://wordpress.org/
Description: Custom Theme for Crossfit Thousand Oaks.
Version: 1
Author: Katherine Arline
Author URI: http://katherinearline.com/

*/



/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font: 63% helvetica, arial, verdana, sans-serif;
color: #000;
background: #18191B url('images/main/pagebg.jpg') top left repeat-x;
}

ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img {
-ms-interpolation-mode: bicubic;
}

img.floatright {
display: block;
position: relative;
float: right;
padding: 10px;
}

img.floatleft {
display: block;
position: relative;
float: left;
padding: 10px;
}

.hidden {
display: none !important;
}

/* ----------------- Main Structure ----------------- */

.bgwrap {
background: url('images/main/bgwrap.png') top left repeat-y;
width: 1069px;
display: block;
position: relative;
margin: 0 auto;
}

.contentwrap {
width: 978px;
display: block;
position: relative;
margin: 0 auto;
background: #FFFFFF;
}

#mast {

}

#mast h1 {
background: url('images/main/logo.jpg') no-repeat scroll top left;
width: 978px;
height: 201px;
text-indent: -9999px;
}

#content {
z-index: 1;
display: block;
position: relative;
}

.smallpic, .attachment-post-thumbnail {
background: #fff;
padding: 2px;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #DCDCDC;
}

#video object, #video img {
border: 3px solid #fff;
}

#video p {
text-align: center;
font-weight: bold;
margin: -1em 0 -.5em 0; 
}

#footer {
background: url('images/main/footer.jpg') 0 23px no-repeat;
width: 978px;
height: 122px;
margin-top: -5px;
display: block;
z-index: 1000;
position: relative;
}

#leftcol {
width: 378px;
float: left;
display: block;
position: relative;
border-right: 1px dotted #000;
}


.featuredpost {

}

.postwrap {
padding: 10px;
}

p.dateline {
font-weight: bold;
margin-bottom: .6em;
font-size: 1em;
}

p.meta, .commentmetadata p {
color: #c2301b;
font-size: 1em;
margin-bottom: .5em;
}

.meta a, .commentmetadata p {
text-decoration: underline !important;
}

#leftcol h3 {
color: #c4311c;
text-indent: 0;
font-size: 2em;
margin-bottom: 1.5em;
}

#leftcol .textwrap h3 {
margin-bottom: .5em;
font-size: 1.4em;
}

.textwrap ol {
margin-left: 50px;
list-style: decimal;
}

#leftcol p {

}

.daily {
background: #E3E4E4;
}

.daily .alt {
background: #FFFFFF;
}

.alt {}

#leftcol h2 {
color: #fff;
font-weight: bold; 
font-size: 30px;
background: url('images/main/leftcolheadline.png') no-repeat scroll top left;
width: 351px;
padding: 14px 0 0 10px;
height: 53px;
margin-left: 5px;
}

#rightcol {
width: 599px;
float: right;
display: block;
min-height: 1100px;
position: relative;
background: #BF2E1A;
margin-top: -19px;
padding-bottom: 40px;
}

#rightcol h3 {
color: #fff;
font-weight: bold; 
background: url('images/main/headlineflag.png') no-repeat scroll top left;
width: 242px;
height: 55px;
font-size: 25px;
padding: 17px 0 0 10px;
text-indent: 0;
top: 5px;
}

#rightcol a {
font-weight: bold;
color: #fff;
font-size: 14px;
}

.toprow {
background: #840F08 url('images/main/topbg.jpg') top left repeat-y;
width: 599px;
display: block;
position: relative;
}

.freedom {
width: 299px;
float: left;
border-right: 1px dotted #fff;
}

.freedom h3 {
display: block;
position: relative;
text-indent: -9999px !important;
background: url('images/headlines/fitnessisfreedom.jpg') no-repeat scroll top left !important;
width: 299px !important;
height: 140px !important;
}

.freedom p img.alignnone {
margin: -20px 0 0 3px !important;
display: block;
position: relative;	
left: -17px;
}

.freedom p {
color: #fff;
width: 270px;
margin: 20px auto;
display: block;
position: relative;
}

.promo {
width: 290px;
float: right;
display: block;
position: relative;
}

.promo p img.alignnone {
margin: -20px 0 10px 20px !important;
display: block;
position: relative;	
left: 20px !important;
}

.promo p, .promo ul {
color: #fff;
width: 250px;
margin: 10px auto;
display: block;
position: relative;
}

.promo a:hover {
color: #fff !important;
text-decoration: underline !important;
}

.promo ul {
margin-left: 20px;
display: block;
position: relative;
}

.postwrap ul {
	margin: 15px;
}

.promo li, .postwrap li {
list-style: disc;
margin-bottom: 0;
margin-left: 15px;
}

.promo img {
float: right;
margin: 13px 13px 0 13px;
padding-top: 13px;
display: block;
position: relative;
}

#photogallery {
background: #454C52 url('images/main/photos.jpg') no-repeat scroll top left;
width: 599px;
height: 280px;
border-top: 1px dotted #fff;
}

#photogallery a {
top: -50px;
margin-left: 250px;
display: block;
position: relative;
}

#photogallery a:hover {
color: #fff !important;
text-decoration: underline;
}

#video {
border-bottom: 1px dotted #fff;
background: #BF2E1A;
height: 100%;
display: block;
position: relative;
}

.featuredvideo {
float: left;
width: 299px;
}

#video img, #video object, #video iframe {
margin: 20px auto;
display: block;
position: relative;
}

#video iframe {
	border: 3px solid #fff;
}

.latestvideo {
float: right;
width: 299px;
background: #BF2E1A;
border-left: 1px dotted #fff;
}

#rightcol a {
color: #fff;
text-decoration: noneo
}

#rightcol a:hover {
text-decoration: underline;
}

.latestvideo a {
text-align: right;
float: right;
padding: 20px;
}

.latestvideo a:hover {
color: #fff !important;
}

/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {
color: #C4311C;
text-decoration: none;
}

a:visited {

}

a:hover {
color: #761E10 !important;
}

a.custom {
display: block;
position: relative;
background: transparent;
text-indent: -9999px;
}

a.addcomment {
background: url('images/buttons/addcomment.jpg') no-repeat scroll top left;
width: 110px;
float: right;
height: 22px;
z-index: 300;
top: -70px;
margin-right: -15px;
}

a.getstartednow {
background: url('images/buttons/getstartednow.png') no-repeat scroll top left;
width: 294px;
height: 109px;
margin: 0 auto;
}

a.crossfitlink {
float: right;
background: url('images/main/crossfitlogo.jpg') no-repeat scroll top left;
width: 125px;
height: 63px;
top: 20px;
padding: 15px;
}

a.readwhy {
background: url('images/buttons/readwhy.png') no-repeat scroll top left;
width: 108px;
height: 50px;
margin: 0 auto;
}

a.readwhy:hover {
background-position: 0 -48px;
}

a.fullarchive {
background: url('images/buttons/fullarchive.png') no-repeat scroll top left;
width: 168px;
height: 60px;
margin: 0 auto;
}

a.pastworkouts {
background: url('images/buttons/pastworkouts.png') no-repeat scroll top left;
width: 168px;
height: 60px;
margin: 0 auto;
}

a.fullarchive:hover, a.pastworkouts:hover {
background-position: 0 -58px;
}

/* Follow Us */

#followus {
background: url('images/main/followbg.jpg') top left repeat-y;
height: 45px;
bottom: 0;
margin-top: 30px;
width: 599px;
display: block;
position: absolute;
}


.interior #followus {
width: 300px;
}

#followus h3 {
float: left;
margin-top: -20px;
background: url('images/main/followusbg.png') no-repeat scroll top left;
width: 171px;
height: 53px;
}

.sociallinks {
top: 10px;
width: auto;
float: left;
display: block;
position: relative;
}

.sociallinks a {
margin-right: 10px;
}
a.twitter {
background: url('images/icons/twitter.jpg') no-repeat scroll top left;
width: 26px;
height: 26px;
float: left;
}

a.facebook {
background: url('images/icons/facebook.jpg') no-repeat scroll top left;
width: 26px;
height: 26px;
float: left;
}

a.typepad {
	background: url('images/icons/dailyblog.png') no-repeat scroll top left;
	width: 151px;
	height: 29px;
	float: left;
	margin-top: -4px;
}

/* ----------------- Navigation ----------------- */

ul#nav {
display: block;
position: relative;
list-style: none;
background: url('images/main/navbg.png') top left repeat-x;
width: 978px;
height: 59px;
z-index: 700;
}

ul#nav li {
float: left;
height: 31px;
top: 4px;
}

ul#nav li, ul#nav li a, ul#nav li a:link {
text-indent: -9999px;
text-decoration: none;
position: relative;
height: 31px;
display: block;
background: transparent;
}





ul#nav li.about a:link, ul#nav li.about a:hover, ul#nav li.about a:visited  {
	background: url('images/nav/whatis.png') no-repeat scroll top left;
	width: 155px;
} 

ul#nav li.testimonials a:link, ul#nav li.testimonials a:hover, ul#nav li.testimonials a:visited {
	background: url('images/nav/testimonials.png') no-repeat scroll top left;
	width: 126px;
} 

ul#nav li.schedule a:link, ul#nav li.schedule a:hover, ul#nav li.schedule a:visited {
	background: url('images/nav/schedule.png') no-repeat scroll top left;
	width: 106px;
}

ul#nav li.why a:link, ul#nav li.why a:hover, ul#nav li.why a:visited {
	background: url('images/nav/why.png') no-repeat scroll top left;
	width: 110px;
}

ul#nav li.pricing a:link, ul#nav li.pricing a:hover, ul#nav li.pricing a:visited {
	background: url('images/nav/pricing.png') no-repeat scroll top left;
	width: 92px;
} 

ul#nav li.home a:link, ul#nav li.home a:hover, ul#nav li.home a:visited {
	background: url('images/nav/home.png') no-repeat scroll top left;
	width: 71px;
	margin-left: 1px;
} 

ul#nav li.gifts a:link, ul#nav li.gifts a:hover, ul#nav li.gifts a:visited{
	background: url('images/nav/gifts.png') no-repeat scroll top left;
	width: 120px;
} 

ul#nav li.events a:link, ul#nav li.events a:hover, ul#nav li.events a:visited{
	background: url('images/nav/events.png') no-repeat scroll top left;
	width: 99px;
} 

ul#nav li.contact a:link, ul#nav li.contact a:hover, ul#nav li.contact a:visited{
	background: url('images/nav/contact.png') no-repeat scroll top left;
	width: 96px;
}


ul#nav li a:hover {
background-position: 0 -31px !important;
}



/* ----------------- Footer ----------------- */

#footer p {
color: #fff;
width: 700px;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

address {
background: #464c51;
font-weight: bold;
font-style: normal;
text-align: center;
color: #fff;
padding: 5px 0;s
display: block;
position: relative;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
}

address a:link, address a:hover,address a:visited {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

/* ----------------- Pages ----------------- */

/* Interior Page */

.interior {

}

.interior #leftcol {
border-right:  0;
width: 600px;
}

.interior #leftcol h2 {
background: none;
color: #000;
border-bottom: 1px dashed #000;
padding-bottom: 10px;
padding-right: 0;
margin-bottom: 0;
width: 590px;
height: auto;
}

.interior #rightcol {
width: 300px;
background: #BF2E1A;
border-left: 1px dotted #000;
}

.interior .postwrap {
padding: 20px;
font-size: 1.2em;
}

.textwrap {

}


#comments {
margin: 30px 0;
padding: 13px;
background: #E3E4E4;
display: block;
position: relative;
}

#comments h2 {
color: #fff;
border: none !important;
font-size: 20px;
padding: 14px 10px 0 10px;
background: url('images/main/commentsbg.png') no-repeat scroll top left !important;
width: 154px !important;
height: 46px !important;
margin: -40px 0 0 -5px;
}

.comment {
padding: 10px;
background: #F5F5F5;
display: block;
margin: 0 0 15px 0;
position: relative;
}

.comment .meta, .commentmetadata {
color: #000;
font-weight: bold;
margin: 1em 0;
}

.postlist {
background: #231F20;
border-bottom: 1px dotted #fff;
}

#recentposts h3 {
background: url('images/headlines/recentblogposts.png') no-repeat scroll top left;
width: 286px;
height: 109px;
text-indent: -9999px;
}

#workouts h3 {
background: url('images/headlines/workoutoftheday.png') no-repeat scroll top left;
width: 286px;
height: 109px;
text-indent: -9999px;
}

.postlist ul {
width: 263px;
margin: 0 auto;
padding-bottom: 15px;
}

.postlist li {
margin-bottom: .5em !important;
line-height: 1.2em !important;
background: url('images/main/navunderline.jpg') -10px bottom no-repeat;
padding: 5px;
width: 263px;
}

#rightcol .postlist a {
font-size: 12px !important;
}

.postlist li a:link, .postlist li a {
color: #c1c1c1 !important;
}

.postlist li a:hover {
color: #fff !important;
text-decoration: none;
}

#getstarted {
background: #454B50;
display: block;
position: relative;
border-bottom: 1px dotted #fff;
}

#photos {
margin-bottom: 100px;
display: block;
position: relative;
background: #BF2E1A;
}

#photos img {
margin: 20px 0 20px 8px;
text-align: center;
}

/* ----------------- News Column ----------------- */




/* ----------------- Headlines ----------------- */

h2 {

}

h3 {
text-indent: -9999px;
display: block;
position: relative;
background: transparent;
}

h4 {
font-size: 1.3em;
}


/* ----------------- Typography ----------------- */

p, li, dd {
font-size: 1.2em;
line-height: 1.3em;
margin-bottom: 1.3em;
}

.divider {
border-bottom:1px dashed #000000;
background: transparent;
margin-bottom:0;
padding-bottom:10px;
padding-right:0;
height: 5px;
margin: 15px 0;
width:590px;
}

#mediaspace {
margin-bottom: 20px;
}

span.smaller {
	font-size: 10px;
}

table.pricetable td {
	padding: 5px 5px 5px 0;
	font-size: 14px;
}

ol li {
	list-style: decimal !important;
}

ol {
	padding: 15px 0;
}