/*
Theme Name: Endurance Concepts Orange
Theme URI: www.enduranceconcepts.com
Description: The endurance concepts website
Version: 01.0
Author: JP at concept168	
Author URI: www.concept168.com
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}


@font-face {
	font-family: "Graublau Web Regular";
	src: url("type/GraublauWeb.eot");
	src: local("Graublau Web Regular"), local("GraublauWeb-Regular"),
		url("type/GraublauWeb.woff") format("woff"),
		url("type/GraublauWeb.otf") format("opentype"),
		url("type/GraublauWeb.svg#GraublauWeb-Regular") format("svg");
	}


body {
	margin:0; padding:0;
	width:auto; height:auto;
	background: #000000;
	font-family:  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#FFFFFF; line-height:normal;
}

h2 {font-family: "Graublau Web Regular"; font-weight:normal; color: #FF6600; text-shadow: 1px 2px 3px #1a1a1a; font-size:20px; text-transform:uppercase;  padding: 0; margin:4px 0 0 0;
}
h3 { font-family: "Graublau Web Regular"; color: #FF6600; text-shadow: 1px 2px 3px #666666; font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom: 10px;
}
.title { font-family: "Graublau Web Regular"; color: #FF6600; text-shadow: 1px 2px 3px #1a1a1a; font-size:16px; text-transform:uppercase; padding: 0; margin:10px 0 0 5px;
}
a {color:#006699;
}
p {font-size: 12px; padding: 5px; margin: 5px; line-height: 125%;
}
img.alignleft {padding-left: -10px; margin-left: -10px;
}


/* structural declarations */

.center {width: 1280px; margin: 0 auto;
}
.container {width: 1280px; margin:0; background:url(images/vertical_bkg.jpg) top left repeat-y; float:left;			
}
#menu-container {width: 250px; min-width: 250px; float:left; position:relative; overflow: visible;
}
#middle-container {width: 60px; min-width: 60px; float: left;  position:relative;
}
#main-container {width: 880px; min-height: 800px; background:#000000 url(images/main_bkgnd.jpg) left repeat-y;
		float:left; position:relative;
		}
#home-middle-container {width: 90px; min-width: 90px; float: left;  position:relative;
}
#home-main-container {width: 850px; min-height: 900px; background:#000000 url(images/main_bkgnd.jpg) left repeat-y;
		float:left; position:relative;
		}

/* menu declarations */

#logo {margin: 10px 40px 15px 0; padding: 0px; border: 0px; 
min-height: 200px; min-width: 210px; background: url(images/logo.png) no-repeat top right; overflow: visible;	 	
}

#EC-logo {display:block; height:130px; text-indent:-9999px;
}
	
#logo p {width: 185px; font-size: 18px;
		color:#000000;
                font-family: "Graublau Web Regular";
		text-transform: uppercase;
                text-align: center;
		font-style:italic;
		border-color: #000000;
		border-width: 1px 0px 1px 0px;
		border-style: dotted;
margin: 0; margin-top: 5px; margin-left: 20px;
		}
	
#menu {margin:0; padding: 0px; border: 0px; font-family: "Graublau Web Regular"; position: absolute; top: 220px; left: 10px; overflow: visible;
}
	
#menu ul li{color:#006600; text-decoration: none; font-size: 16px; font-style: normal; background-color: transparent;
	    border-color: #000000; border-width: 0px 0px 1px 0px; border-style: dotted;
	    width: 200px; list-style: none; padding: 5px 0 5px 10px; text-transform: uppercase; overflow: visible; 
}

#menu ul li a{color:#006600; text-decoration: none; 
}

#menu ul li.current_page_item {width: 210px; background:url(images/arrow-icon.png) no-repeat right 8px;
}
#menu ul li.current_page_item a {color:#ff9900;
}

#menu ul li ul li {font-size: 12px; margin: 0; border-width: 0 0 0 0;
}

#menu ul li ul li.current_page_item {width: 200px; background:url(images/arrow-icon.png) no-repeat right 4px;
}
#menu ul li#home {background-image:none;
}
#menu ul li.current_page_item ul li a {color:#006600;
}

#menu ul li ul li.current_page_item a {color:#ff9900;
}

/* mid line declarations */
#midline {margin: auto; padding: 0px; border: 0px; min-width:90px; 
position: absolute; top: 75px; left: -40px;
}

#midline ul li {background-color: transparent; 
			text-decoration:none; text-transform: uppercase; 
			list-style: none;
			height: 70px;
			width: 70px;
			max-height: 70px;
			max-width: 70px;
			padding: 5px;
}

/* main section declarations */

#photo { background: url(images/photo.png) no-repeat;
         margin: 50px 20px 0 50px; float: left; position: relative;
		 min-width: 450px;
		 height: 360px;
}
#photo-caption { background: rgb(235, 243, 240); background: rgba(255, 255, 255, .7); color:#333;
		position: absolute; bottom: -20px; right: 8px; 
		min-height: 100px;
		width: 360px;
}
#photo-caption p {font-size:12px; line-height: 150%; color:#006600; text-align: right; min-height:65px;
}

#photo-caption p a {color:#000; text-decoration:none;
}

#about {background-color: transparent;
		float: left;
		width: 300px; 
                margin: 40px 0 0 0;
		}
		
#about-title { font-family: "Graublau Web Regular"; color: #FF6600; font-size:26px; text-transform:uppercase; 
}
#about-content { margin: 10px -15px 5px -15px; 
}
#about-content p { font-family: "Graublau Web Regular"; text-align: justify; font-size:13px; line-height: 140%;
}
#team-about-content { margin: -50px 5px 5px 5px;  
}
#team-about-content p { font-family: "Graublau Web Regular"; font-size:13px; line-height: 140%;
}
#feature1-box {border:1px solid #333333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35); 
		float: left; margin: 0 25px 40px 50px;
		width: 350px; min-height: 250px; max-height: 260px;
		padding: 0 0 0 15px; overflow: hidden;
}

#feature1-box p {margin: 0;
}
#feature1-box p.title {margin: 10px 0 8px 5px;
}

.makelink {font-size: 6px;}

#news-date {font-size: .9em; color: #33CC00; line-height: 90%; }

.feat-entry {font-size: .7em; line-height: 100%; padding: 0 10px 0 0; margin: 0 0 0 5px;}

.feat-entry a {color: #FFF; text-decoration: none;}
.feat-entry img {float: left; margin: 8px;}

#news-sub {text-align: right; line-height: 70%; }

#feature2-box {border:1px solid #333333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35); 
		float: left; margin: 0 0 0 25px;
		width: 350px; min-height: 250px; max-height: 260px;
		padding: 0 0 0 15px; overflow: hidden;
}

#feature2-box p {margin: 0;
}
#feature2-box p.title {margin: 10px 0 0 5px;
}

#cal-date {font-size: 1em; color: #33CC00; line-height: 90%; text-align: right; padding: 10px 0 0 0; }
#cal-entry {margin: 0 0 0 5px;}



/* sponsor declarations */
#sponsor-box{border:1px solid #006600; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
			background: rgb(0, 102, 0); background: rgba(0, 102, 0, .5); 
			clear: both; margin: 50px 0 0 -190px;
			min-width: 720px;
			min-height: 90px;
			padding-left: 10px;
} 
#sponsor-box p {text-align: center; padding: 0; margin: 0;
}
#sponsor-box img{ margin: 10px 10px 10px 0; border: 0; 
}  

/* footer decs */
#footer-box{border-top:1px solid #999; border-bottom:1px solid #999;
			clear: both; margin: 50px 0 30px 30px;
			min-width: 830px;
			min-height: 30px;
			padding-left: 10px; position: relative; color: #666;
}
#footer-menu { margin: 10px 0 10px 0; 
}
#footer-menu ul { margin-left: 0; padding-left: 0; display: inline; font-size: 10px;
} 
#footer-menu ul li {margin-left: 0; padding: 10px 15px 10px 15px;  list-style: none; display: inline;
	}

#footer-menu ul li a {color: #999; text-decoration: none; 
	}


#concept168design {text-align: right; font-size: 10px; position: absolute; top: 40px; right: 0;
	}
#concept168design a {color: #fff; text-decoration: none; 
	}
	
/* single page with sidebar main section declarations */
#page-main {  margin: 40px; float: left;
		 padding: 10px 0 0 15px;
		 width: 530px;
		 min-height: 400px;
		 border:1px solid #333333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		 background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35); 
}
#page-main p { line-height: 150%; padding:0 15px 10px 5px; 
}
#page-main img { border:#c8c8c8 solid 2px; margin:10px;
}
#page-main img.alignleft { margin: 10px 10px 0 0; float:left;
}
.page-image { text-align: center; margin: 0 0 0 -20px; 
}
.page-image img { width: 400px; border:#c8c8c8 solid 2px;
}

/* ec bragging rights twitter feed decs */
#query ul li {font-size: 12px; padding: 0; padding-top: 5px;
}
#query ul li img {vertical-align:text-top;
}

/* comment section decs */
ol.commentlist {list-style: none; width: 90%; margin: 0 0 0 -20px;
}
ol.commentlist li {font-size: 12px;
}
ol.commentlist li.even { background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35); 
}
ol.commentlist li img {margin: 2px;
}

/* single page without sidebar main section declarations */
#page-noside-main {margin: 50px;
		 padding: 10px 0 0 15px;
		 width: 700px;
		 min-height: 400px;
		 border:1px solid #333333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
		 background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35); 
}

/* calendar page declarations */
#upcoming-event-list {width: 600; margin: 20px; margin-bottom: 50px; 
}


/* single page side bar declarations */
#right-side {background-color: transparent;
		float: left;
		width: 180px; margin: 50px 0 30px 0;
		}

#right-side p { font-size:12px; line-height: 120%;
}
#right-side ul li {list-style:none;
		text-decoration:none;
		list-style: none;
		min-width: 220px;
		padding: 0;
                font-size: 10px;
}
li.tweetside ul li { margin: 8px 0 8px 0;
}
li.eventside {padding: 0; margin: 0; margin-left:-7px;
}
li.eventside a {color:#FFF; text-decoration:none;
}
#right-side ul.sidebar li {font-size: 12px;
}
.widget ul li {min-width: 100px; padding: 0; margin: 0; margin-bottom:5px;
}

.widget ul li a {color:#FFF; text-decoration:none;
}

/*single page sub menu declarations */
#sub-menu {margin: auto;
	border: 0px;
	position: absolute; top: 200px; left: -35px;
	padding: 0;
}
#sub-menu ul li {list-style:none; min-width: 100px; padding: 0 0 0 0; font-size: 12px;
}

#sub-menu ul li a {text-decoration:none; color: #fff;
}

/* contact us page formatting */
#contactus {margin: 10px; padding-left: 0;
}
#contactus li {font-size: 12px; border-bottom: 1px solid #999999; padding-bottom: 10px;  
}
#contactus li.last {font-size: 12px; border-bottom: 0px; padding-bottom: 10px;  
}
#contactus li img {margin-left: 0;  
}


/* coach pages formatting */

.coach-info {border:#c8c8c8 dotted 1px; margin:5px 10px 10px 0; padding: 5px; font-size: 12px;
}
.coach-info img {border:#c8c8c8 solid 10px;float:right; margin:20px;
}
.coach-video {border:#c8c8c8 dotted 1px; float: right; margin:5px 10px 10px 0; padding: 5px;
}
.coach-creds ul {margin:-5px 10px 10px 0; padding: 5px; font-size: 12px;
}
.coach-creds li {padding-bottom: 5px;
	}
.coach-creds li:before {
	content: "\00BB \0020";
	}
.coach-pricing {margin:5px 10px 10px 0; padding: 0 5px 0 5px; font-size: 12px; border:#c8c8c8 dotted 1px; line-height: 250%;
}
.coach-pricing h3 {margin:0; padding: 5px 0 0 5px; line-height: 1em;
}

/* training peaks login form */
#formxx {margin: 0px; padding: 0 10px 10px 10px; 
border:1px solid #333333; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; 
background: rgb(103, 103, 103); background: rgba(103, 103, 103, .35);
}
.formlabel {font-size: 12px; padding: 5px;
}
.submitbtn {text-align: right; padding: 5px; margin-right: 10px;
}

.box-shadow {
	box-shadow: 6px 6px 4px #cecece;
	-moz-box-shadow: 6px 6px 4px #cecece;
	-webkit-box-shadow: 6px 6px 4px #cecece;
}