/* Style Sheet for Commit2Flex.com */
/* This document will define all of the main styles */

html{
	background-color: #252a2e;
	background:#252a2e url("../images/main-bg.jpg") 50% 0% no-repeat;
}
span.alt-text {
	visibility:hidden;
}
#page{
	margin:0px auto;
	text-align: left;
	padding:0px;
	width:1000px; /* Needs to be a fixed width */
        position:relative;
}
ul{ list-style-type: none; }

.entry-title { color:white; text-decoration:none;}
.xfolkentry-blog-post { padding-top:10px; }
.xfolkentry{ padding-top:40px; }
.xfolkentry a{ color:#FFFFFF; text-decoration:none; }
.xfolkentry a:hover{ color:#FFFFFF; text-decoration:underline; }
p.details a{ color:#FFFFFF; text-decoration:none; }
p.details a:hover{ color:#FFFFFF; text-decoration:underline; }
.postmetadata a{ color: #FFFFFF;}
.alignright a{ color: #FFFFFF; float:right;} 
.alignleft a{ color: #FFFFFF;}



/*----HEADER----*/
#header{}
#main-logo{
	background: url(../images/header/main-logo.png);
	height: 70px;
	width: 255px;
	position:absolute;
}
#header-links {
	height:28;
	width: 800px;
	position:absolute;
	left:235px;
	top:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}
#h-ul-navigation{	list-style-type: none; }
li#h-program-signup a, li#h-about-us a, li#h-media a, li#h-crossfit a, li#h-contact a {
	position:relative;
        height:28px;
	float:left;
	top:-15px;
	list-style-type: none;
	color:#ffffff;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}

li#h-program-signup a { width: 182px; background: url(../images/nav/programs-signup-182-56.png) 0px 0px no-repeat;}
li#h-about-us a { width:113px; background: url(../images/nav/about-us-113-56.png) 0px 0px no-repeat transparent;}
li#h-media a { width:106px; background: url(../images/nav/media-106-56.png) 0px 0px no-repeat transparent;}
li#h-crossfit a { width: 114px; background: url(../images/nav/crossfit-wod-114-56.png) 0px 0px no-repeat transparent;}
li#h-contact a {width:112px; background: url(../images/nav/contact-112-56.png) 0px 0px no-repeat transparent;}

li#h-program-signup a:hover, li#h-about-us a:hover, li#h-media a:hover, li#h-crossfit a:hover, li#h-contact a:hover {
	position:relative;
	top:-15px;
	list-style-type: none;
	color:#FFFFFF;
	font-weight:bold;
	background-position: 0px -28px;
	color:transparent;
}
/*----SIDEBAR----*/
#sidebar{}

/*----MAIN CONTENT---*/
#main-content{	
   position:relative;
   top:60px;
   left:-30px;
   min-height:580px; /* tack */ 
   background: url(../images/home-main-content.png) 0% 0% no-repeat;
}
#home-intro-text{
	color:white;
	width:560px;
	position:relative;
	top:120px;
	left:50px;
	padding-bottom:25px;
	border-bottom:5px solid white;
}	
#home-image-nav-links {
   position:relative;
   left:35px;
   top:25px;
}
#workout-couple{
	z-index: 10;
	position:absolute;
	left:570px;
}
li#home-program-signup , li#home-media , li#home-contact, li#home-flex-blog {
   position:absolute;
   left:0px;
   top:110px;
   z-index:20;
   margin:0px;
   padding:0px;
   list-style-type: none;
}
li#home-program-signup a{
   background: url(../images/nav/programs-signup.jpg) 0px 0px no-repeat;
   height:93px;
   width: 300px;
   display:block;
   text-decoration: none;
   position:absolute;
}
li#home-media a{
   background: url(../images/nav/media.jpg) 0px 0px no-repeat;
   height:93px;
   width: 300px;
   display:block;
   text-decoration: none;
   left:310px;
   top:0px;
   position:absolute;
}
li#home-flex-blog a{
   background: url(../images/nav/flex-blog.jpg) 0px 0px no-repeat;
   height:93px;
   width: 300px;
   display:block;
   text-decoration: none;
   top:103px;
   position:absolute;
}
li#home-contact a{
   background: url(../images/nav/contact.jpg) 0px 0px no-repeat;
   height:93px;
   width: 300px;
   display:block;
   text-decoration: none;
   top:103px;
   left: 310px;
   position:absolute;
}
li#home-program-signup a:hover, li#home-media a:hover, li#home-contact a:hover, li#home-flex-blog a:hover, li#home-flex-blog a:hover{ background-position:0px -93px;}

#home-lower-division{
   position:relative;
	top:0px;
	left:-30px;
}
#single-blog-entry{
   width:600px;
   height: 305px;
   position:relative;
   top:0px;
   color:white;
   font-family:Arial, Helvetica, sans-serif;
}
#flex-blog-label {	background: url(../images/flex-blog-label.png) 0px 0px no-repeat; height:40px; width:164px }}
#single-blog-entry h3{ padding: 20px 0px 0px 20px; margin:0px; font-weight:bolder;}
#single-blog-entry p{ padding: 0px 0px 0px 20px; margin:0px; font-size:10pt;}
#read-on-btn{ position:relative; left:480px; padding-top:25px;}
div.content-box{	border: 2px solid #5D5D5D;	background-color: #171717; padding:10px 20px 10px 20px;}
#contact-flex-label {	background: url(../images/contact-flex-label.png) 0px 0px no-repeat; height: 25px; width:174px; }
#home-contact-flex {
	width:298px;
	height:305px;
	position: absolute;
	left:670px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	top:0px;
}
#phone-number-label{ position:relative; left:-28px; top:40px;} 
#email-label{ position:relative; left:-28px; top:55px;} 
#facebook-label { position:relative; left:180px; top:80px;} 

/*----FOOTER---*/
#footer{	position: relative;	bottom:10px; }
#footer-logo{
	background: url(../images/footer/footer-logo.png);
	height: 38px;
	width: 128px;
	position:relative;
        float:left;
}
footer-links {
	height:25px;
	width: 680px;
	position:relative;
	left:0px;
	top:35px;
	font-family:Arial, Helvetica, sans-serif;
}
#f-ul-navigation{	list-style-type: none;}
li#f-program-signup a, li#f-about-us a, li#f-media a, li#f-wod a, li#f-contact a, li.footer-seperator {
	position:relative;
	float: left;
	top:0px;
	left:0px;
	list-style-type: none;
	text-decoration: none;
	color:#ffffff;
	font-size:small;
	padding: 0px 10px 0px 10px;
}
li#f-program-signup a:hover, li#f-about-us a:hover, li#f-media a:hover, li#f-wod a:hover, li#f-contact a:hover {
	position:relative;
	float: left;
	top:0px;
	list-style-type: none;
	color:#FFFFFF;
	text-decoration: underline;
	padding: 0px 10px 0px 10px;
}

#f-ul-copyright{list-style-type: none; position:relative; top:35px;} 
li#f-copyright{
   position:absolute;
   float:left;
   left:135px;
   color:#FFFFFF;
   font-size:small;
}


/******** COMMENT FORM Section ********/
#author, #email, #url, #comment{
   display: block;
   clear:left;
   border: 1px solid black;
   margin: 5px;
   height:18px;
   font-size:16px;
   padding:2px;
}

#submit { height:31px; width:155px; }

#comment { width:500px; height:100px; }