/*   
Theme Name: Twin Town CrossFit
Theme URI: http://twintowncrossfit.com/
Description: Custom wordpress theme for Twin Town CrossFit
Author: Valerie Wininger
Author URI: http://21rubylane.com/
Version: 1.0
..
*/

* {margin:0; padding:0; }
*:focus {outline:none;}
html, body {height:100%;}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	background-image:url(images/main-bg.jpg);
	background-repeat:repeat;
	height:100%;
}

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

a:hover {
	text-decoration:underline;
}

a img {
	border:0;
}

p {
	margin:0 0 10px 0;
}

#wrapper {
	min-height:100%;
	width:758px;
	margin:0 auto;
	background-image:url(images/content-bg.png);
	background-repeat:repeat-y;
	position:relative;
}


#blog-title, #blog-description {
	position:absolute;
	left:-9999px;
}
	

#blog-title-tag {
	position:absolute;
	top:27px;
	left:14px;
}

#header {
	height:185px;
}

#logo {
	position:absolute;
	left:41px;
	top:26px;
}

#elite-fitness {
	position:absolute;
	left:271px;
	top:12px;
}

#flickr-box {
	width:176px;
	height:158px;
	float:right;
	margin:24px 40px 0 0;
	display:inline;
	background-image:url(images/flickr-gallery-bg.jpg);
	background-repeat:no-repeat;
}

#rss {
	position:absolute;
	top:140px;
	left:61px;
}

#youtube {
	position:absolute;
	top:140px;
	left:208px;
}

#top-nav {
	width:684px;
	height:32px;
	background-image:url(images/nav-bg.jpg);
	background-repeat:no-repeat;
	margin:15px auto;
	font-family:Tahoma, Geneva, sans-serif;
	clear:both;
}

#top-nav ul {
	list-style:none;
	float:left;
	padding:7px 0 0 25px;
}

#top-nav li {
	float:left;
	margin-right:23px;
}

#top-nav a {
	color:#4D4D4D;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	padding-bottom:1px;
	font-weight:bold;
}

#top-nav a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:2px solid #C3312D;
}

#content {
	margin:26px 30px 0 43px;
	width:421px;
	float:left;
	display:inline;
	height:100%;
	padding-bottom:40px;
}

* html #content {
	margin:26px 25px 0 43px;
}

	
	#post {
		min-height:800px;
		width:100%;
		margin-bottom:50px;
		float:left;
	}


/******************************************************************************************
********************************  #SIDEBAR STYLES# ****************************************
******************************************************************************************/

#primary {
	float:right;
	width:223px;
	height:100%;
	margin-right:37px;
	margin-top:26px;
	display:inline;
	margin-bottom:50px;
}

* html #primary {
	margin-right:30px;
}

#primary ul {
	list-style:none;
	width:197px;
}

#primary li {
	
}

#primary p {
	margin:0;
	padding-bottom:10px;
}

#primary h3 {
	color:#C3312D;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
}

.event-date {
	color:#4D4D4D;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
}

.event-descrip {
	font-size:12px;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
}

#events-top {
	width:223px;
	height:46px;
	background-image:url(images/upcoming-events-top.jpg);
	background-repeat:no-repeat;
}

#wod-box, #kids-wod-box, #ads-box {
	margin-top:18px;
}

#wod-top {
	width:223px;
	height:47px;
	background-image:url(images/the-wod-top.jpg);
	background-repeat:no-repeat;
}

#kids-wod-top {
	width:223px;
	height:47px;
	background-image:url(images/kids-wod-top.jpg);
	background-repeat:no-repeat;
}

.sidebar-body {
	width:210px;
	background-image:url(images/sidebar-fill.jpg);
	background-repeat:repeat-y;
	padding-left:13px;
}

.sidebar-bottom {
	width:223px;
	height:15px;
	background-image:url(images/sidebar-box-bottom.jpg);
	background-repeat:no-repeat;
}

.sidebar-divider {
	width:182px;
	height:5px;
	margin:15px 0 0;
	padding-bottom:15px;
	background-image:url(images/sidebar-dots.png);
	background-repeat:no-repeat;
}



/******************************************************************************************
***********************************  #POST STYLES# ****************************************
******************************************************************************************/

.post {
	margin:0 0 33px 0;
	float:left;
	width:100%;
	display:inline;
	clear:both;
}

.entry-content img {
	border:1px solid #ccc;
	padding:6px;
}

.date-time {
	width:45px;
	height:58px;
	float:left;
	margin:0 5px 0 0;
	background-image:url(images/date-box.gif);
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	display:inline;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}

.month {
	margin-top:4px;
	line-height:12px;
	color:#ffffff;
}

.day {
	font-size:22px;
	color:#C3312D;
	line-height:22px;
	margin-top:3px;
}

.year {
	color:#646C6F;
}

.entry-title {
	font-size:18px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}

.entry-title a {
	color:#4D4D4D;
	text-decoration:none;
}

.title-hr {
	height:6px;
	background-image:url(images/post-title-hr.gif);
	background-repeat:no-repeat;
	margin: 4px 0 4px 48px;
}

.entry-content {
	clear:both;
	margin:20px 0 20px 48px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
}

.post-dots-hr {
	width:374px;
	height:6px;
	background-image:url(images/post-dots.gif);
	background-repeat:no-repeat;
	clear:both;
	margin:3px 0 6px 48px;
}

#comments {
	clear:both;

}

.entry-content p, #comments p {
	margin:0 0 20px 0;
}

.moretext {
	display:block;
	clear:both;
	margin:10px 0 10px 0;
	text-transform:uppercase;
	font-style:italic;
}

.entry-meta {
	color:#4D4D4D;
	font-size:12px;
	font-style:italic;
	margin-left:48px;
}

.entry-meta a {
	color:#C3312D;
}

.entry-utility {
	text-transform:uppercase;
	color:#4D4D4D;
	font-size:11px;
	font-weight:bold;
}

.entry-utility a {
	text-decoration:none;
	color:#C3312D;
}

.entry-utility a.comments-link {
	font-weight:bold;
	margin-left:10px;
}

.entry-utility a:hover {
	text-decoration:underline;
}

.comments-link {
	display:inline-block;
	float:left;
	margin:10px 0 10px 48px;
}

.divider {
	display:block;
	float:left;
	font-weight:bold;
	color:#C3312D;
	margin:10px;
}

.cat-links {
	display:block;
	float:left;
	margin:10px 0 10px 0;
}

#nav-above {
	margin:0 0 15px 0;
	float:left;
	width:100%;
	display:inline;
}

#nav-below {
	margin:0 0 15px 48px;
	width:385px;
	float:left;
	clear:both;
	display:inline;
}

.nav-previous {
	display:block;
	float:left;
}

.nav-next {
	display:block;
	float:right;
}

#comments {
	margin-left:48px;
}

#comments .post-dots-hr {
	margin-left:0;
}

#comments-list h3, #respond h3 {
	color:#E31837;
	font-size:24px;
	margin:0 0 4px 0;
}

#comments-list ol {
	list-style:none;
	width:390px;
}

#comments-list li {
	clear:both;
	margin-bottom:35px;
	width:390px;
}

.comment-content {
	color:#000;
	margin-left:82px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.comment-box-top {
	width:308px;
	height:5px;
	background-image:url(images/comment-box-top.gif);
	background-repeat:no-repeat;
	color:#000;
}

.comments-meta {
	display:block;
	padding:7px 0 4px 8px;
}

.comment-box-main {
	width:308px;
	height:100%;
	background-color:#E6E6E6;
}

.comment-box-bottom {
	width:308px;
	height:5px;
	background-image:url(images/comment-box-bottom.gif);
	background-repeat:no-repeat;
}

#comments h3 {
	padding:15px 0 20px 0;
	clear:both;
	color:#C3312D;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
}


#comments .comment-content p {
	margin:0 8px;
	padding-bottom:10px;
}



.avatar {
	float:left;
}

.formcontainer {
	width:381px;
}

#commentform input {
	border:0;
	background-image:url(images/input-box.gif);
	background-color:transparent;
	height:31px;
	width:239px;
	padding-left:7px;
	margin-bottom:6px;
}

#commentform label {
	text-transform:uppercase;
	font-size:11px;
}

#commentform span {
	text-transform:uppercase;
	font-size:10px;
}

#form-section-comment textarea {
	width:367px;
	height:230px;
	background-image:url(images/textbox-bg.gif);
	background-color:transparent;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:7px;
}

#commentform input#submit {
	background-image:url(images/submit-button.gif);
	background-color:transparent;
	cursor:pointer;
	height:29px;
	width:107px;
	float:right;
	margin-top:15px;
	margin-right:3px;
	border:none;
}

#commentform input#submit:hover {
	cursor:pointer;
}

/******************************************************************************************
***********************************  #PAGE STYLES# ****************************************
******************************************************************************************/

#page #content {
	width:684px;
	margin:18px 37px 0;
}

#page .entry-content {
	margin:10px 0 10px 6px;
}

.page-dots {
	background-image:url(images/page-dots.gif);
	background-repeat:no-repeat;
	width:686px;
	height:6px;
	clear:both;
	margin:15px 0;
	float:left;
}

#page .entry-content img {
	border:0;
	padding:0;
	margin:0;
}

#page .entry-content img.float-left {
	margin-right:15px;
	float:left;
}

#page .entry-content p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 0 20px 0;
}

#page h2 {
	font-size:18px;
	color:#4D4D4D;
	margin:5px 0 5px 0;
	clear:both;
	font-family:Tahoma, Geneva, sans-serif;
}

#page .entry-content ol {
	margin:0 0 20px 30px;
	list-style-position:inside;
}

#page .entry-content ol li {
	margin-left:15px;
}

#comparison-chart {
	width:651px;
	height:720px;
	margin:10px auto;
	font-size:14px;
	color:#4D4D4D;
	font-family:Tahoma, Geneva, sans-serif;
	background-image:url(images/comparison-chart-bg.jpg);
	background-repeat:no-repeat;
}

#heading-row {
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.col-1 {
	width:135px;
	margin:13px 9px 10px 19px;
	float:left;
	display:inline;
}

.col-2 {
	width:142px;
	margin:13px 3px 10px 11px;
	float:left;
	display:inline;
}

.col-3 {
	width:290px;
	margin:13px 5px 10px 17px;
	float:left;
	display:inline;
}

#testimonial-thumbs {
	border-bottom:6px solid #C3312D;
	margin-bottom:15px;
	padding-bottom:20px;
	float:left;
}

#testimonial-thumbs a {
	text-align:center;
	text-transform:uppercase;
	color:#4D4D4D;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	display:block;
	width:auto;
	float:left;
	margin-right:-7px;
}

#testimonial-thumbs a:hover {
	text-decoration:none;
}

#testimonial-thumbs a span:hover {
	color:#C3312D;
	text-decoration:underline;
}

#page #testimonial-main h2 {
	clear:none;
}

#page #testimonial-main p {
	margin-left:162px;
}

#page #testimonial-main ol {
	margin-left:162px;
}

#page .entry-content img.red-hr {
	margin:15px 0;
	clear:both;
}

#contact-left {
	width:236px;
	float:left;
	margin-right:15px;
}

ul.directions {
	list-style:none;
}

ul.directions li:before {  
    content: " - ";  
  }

#page .entry-content #contact-left p {
	margin:15px 0 4px 0;
}

#contact-left h2 {
	margin:15px 0 10px 0;
}

#vert-dots {
	width:6px;
	height:733px;
	background-image:url(images/vert-dots.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
}

#contact-right {
	float:left;
	width:382px;
}

#social-media {
	list-style:none;
}

#social-media li {
	display:inline;
	margin-right:10px;
}

#page .entry-content h3 {
	font-size:18px;
	color:#4D4D4D;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:15px;
}

#page .Media .entry-content h3 {
	margin-bottom:5px;
}

#page .Trainers .entry-content h3 {
	color:#4D4D4D;
	font-size:11px;
	font-style:italic;
	margin:5px 0 20px 0;
}

#page .entry-content p.address {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	color:#646C6F;
	margin:0 0 10px 0;
}

#cformsform {
	width:332px;
	height:438px;
	background-image:url(images/contact-form-bg.jpg);
	background-repeat:no-repeat;
	padding:22px 27px 0 23px;
	margin-top:35px;
}

:first-child + html #cformsform {
	padding:22px 27px 0 0;
	width:355px;
}

#cformsform label {
	display:block;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#646C6F;
	text-transform:uppercase;
	margin-bottom:3px;
}

#cformsform input {
	width:330px;
	height:29px;
	border:0;
}

#cformsform #li--3 input {
	width:170px;
}

#cformsform textarea {
	width:330px;
}

#cformsform #sendbutton {
	background-color:transparent;
	background-image:url(images/contact-submit.png);
	width:107px;
	height:29px;
	border:0;
}

.back-to-top {
	clear:both;
	width:100%;
	display:block;
	margin:10px 0 20px;
	text-align:right;
	color:#C3312D;
	font-size:10px;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
}

#footer {
	width: 738px;
	height:301px;
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	margin-left:11px;
	float:left;
	clear:both;
	display:inline;
}

#bottom-nav {
	font-family:Tahoma, Geneva, sans-serif;
	clear:both;
	display:block;
	margin:23px 0 0 37px;
}

#bottom-nav ul {
	list-style:none;
	float:left;
}

#bottom-nav li {
	float:left;
	margin-right:15px;
	display:inline;
}

#bottom-nav a {
	color:#4D4D4D;
	text-transform:uppercase;
	font-size:11px;
	display:block;
	font-weight:bold;
}

#bottom-nav a:hover {
	color:#fff;
	text-decoration:none;
}

#left-block {
	float:left;
	width:269px;
	clear:both;
	margin:24px 30px 0 37px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline;
}

* html #left-block, :first-child + html #left-block {
	margin:0 30px 0 37px;
}

	#left-block h2 {
		color:#4D4D4D;
		text-transform:uppercase;
		font-size:21px;
	}
	
	#left-block p {
		color:#646C6F;
		font-size:14px;
		margin:13px 0 0 0;
	}
	
	#left-block a {
		color:#C3312D;
	}
	
	#left-block a:hover {
		color:#fff;
	}
	
	#searchform {
		margin-left:-4px;
		margin-top:20px;
	}
	
	#search {
		background-image:url(images/search-box.png);
		background-repeat:no-repeat;
		height:33px;
		width:166px;
		background-color:transparent;
		border:0;
		padding:1px 10px 0 6px;
	}
	
	#search-button {
		background-image:url(images/search-button.png);
		background-color:transparent;
		background-repeat:no-repeat;
		border:0;
		width:76px;
		height:21px;
		cursor:pointer;
		margin-top:6px;
		vertical-align:top;
	}
	
	#left-block #copyright p {
		color:#C3312D;
		font-size:10px;
		font-weight:normal;
	}
	
	#left-block #copyright a {
		color:#fff;
	}
	
	#left-block #copyright a:hover {
		text-decoration:underline;
	}

#facebook-box {
	float:left;
	margin-top:24px;
	display:inline;
}

* html #facebook-box {
	margin-top:0;
	display:none;
}

:first-child + html #facebook-box {
	margin-top:0;
}

.float-left {
	float:left;
}

.clear-both {
	clear:both;
}

.spacer {
	height:15px;
	visibility:hidden;
}

/* wp styles */

.entry-content .alignleft,
.entry-content img.alignleft, #page .entry-content .alignleft,
#page .entry-content img.alignleft {
        display: inline;
        float: left;
  		margin-right:15px;
}
.entry-content .alignright,
.entry-content img.alignright, #page .entry-content .alignright,
#page .entry-content img.alignright {
        display: inline;
        float: right;
  margin-left: 15px;
}
.entry-content .aligncenter,
.entry-content img.aligncenter, #page .entry-content .aligncenter,
#page .entry-content img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
		margin-top:15px;
		margin-bottom:15px;
}
.entry-content .wp-caption {
        text-align: center;
        margin-bottom: 15px;
		padding:6px 6px 10px 6px;
		border:1px solid #ccc;
}
.entry-content .wp-caption img {
	padding:0;
	border:0;
}
.wp-caption p.wp-caption-text {
        margin: 5px 0 0 0;
}
.wp-smiley { 
        max-height: 1em;
        margin:0 !important;
}
.gallery dl {
        margin: 0;
}
.gallery-caption {
        margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
        float: left;
        margin-left: 0;
        margin-right: 20px;
        text-align: right;
        width: 33%;
}
blockquote.right {
        float: right;
        margin-left: 20px;
        margin-right: 0;
        text-align: left;
        width: 33%;
}