 @charset "UTF-8";
/*
Theme Name: Bicycle Life Coaching
Theme URI: http://benreed.com/
Description: A Theme
Version: 1.6
Author: Ben Reed
Author URI: http://benreed.com/
Tags: 

	This theme was designed and built by Ben Reed,
	whose blog you will find at http://benreed.com/blog/

*/



/* Begin Typography & Colors */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 19px;
	background-color:#fff;
	overflow: auto;
	color:#444444;
}
body, h1, h4{
	padding:0;
	margin: 0;
}
img {border: 0px}
a, a:active, a:link, a:visited {outline: none;}
#column3 p a, #column3 p a:link, #column3 p a:visited {color:#FFFFFF}
#column3 p a:hover {text-decoration:underline}
a[href $='.pdf'] { background: transparent url("http://www.bicyclelifecoaching.com/wordpress/images/pdf.gif") no-repeat center right; }
h4{
	font-weight:bold;
	clear:both;
	color:#FFFFFF;
	padding: 4px 5px 5px 5px;
	margin:0;
	text-transform: uppercase;
	line-height: 12px;
	font-size:9px;
	display: block;
}
h4 a, h4 a:link, h4 a:visited, #column3 h4 a {text-decoration: none; color:#FFFFFF}
h4.toggler {background-color:#9fb4d1}
h4.togglercontact {background-color: #c75c50;}
h4.togglerresources {background-color: #babf6f;}
h4.togglerblog {background-color:#72a1a0;}
h4.home {background-color:#c88734}
h4.togglerabout {background-color:#93904e}
#column2.home p, .home h2{color:#c88734}
#column2.about p, .about h2{color:#93904e}
#column2.resources p, .resources h2{color:#afac67}
#column2.contact p, .contact h2, .contact h2 a{color:#ba4b3e}
#columnWide.faqs p, .faqs h2{color:#62758f}
#columnWide.blog #column3.blog, #column2.blog p, #columnWide.blog p, #columnWide.blog h1, .blog h2, .blog h2 a, .blog h2 a:link, .blog h2 a:visited {color:#4e7774; text-decoration:none;}
.blog h2 a:hover, .blog h2 a.over {text-decoration:underline;}
#mainContainer {
	padding: 0px;
	width:916px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
#header {
	height: 110px;
	float:left;
	position:relative;
	width: 916px;
	padding: 0px;
}
.headerLogo{
	float:left;
	margin-top: 40px;
	width:250px;
	height: 60px;
}
.olive{
	float:left;
	margin-top:40px;
	margin-right: 7px;
	margin-left: 4px;
}
.olive.olivehome{background-color:#f1d26c;}
.olive.olivefaqs{background-color:#9fb4d1;}
.olive.oliveresources{background-color:#cdd460;}
.olive.oliveblog{background-color:#8fbcbb;}
.olive.oliveabout{background-color:#afac67;}
.olive.olivecontact{background-color:#cf6356;}
.column1 {
	float: left;
	display:inline;
	height: 375px;
	width: 250px;
	border: 1px solid #555555;
	position: relative;
	margin: 5px 10px 5px 50px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.column1.home {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/olive.png);}
.column1.faqs {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/lillypads.png);}
.column1.resources {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/grass.png);}
.column1.blog {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/waves.png);}
.column1.about {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/wedding.png);}
.column1.contact {background-image: url(http://www.bicyclelifecoaching.com/wordpress/images/lines.png);}
#column2{
	float: right;
	display:inline;
	background-color:#FFFFFF;
	min-height:355px;
	width: 250px;
	border: 1px solid #555555;
	position: relative;
	margin: 5px 20px 5px 20px;
	padding: 10px 0;
}
#column3 p, #column2 p{
	margin:10px 0;
	padding: 0 15px 0 20px;
}
#column2 small{
	padding:0;
	margin:0 20px 10px 20px;
	font-style:italic;
}
#column3 #audio {padding:10px 10px 20px 10px; color:#FFFFFF}
#column3 #audio a, #column3 #audio a:link, #column3 #audio a:visited{color:#FFFFFF}
.accordion{margin:0 0 5px 0; 	background-color:transparent;}
.column3 {
	float: right;
	display:inline;
	width: 250px;
	border: 1px solid #555555;
	position: relative;
	margin: 5px 50px 5px 10px;
	padding: 0;
	min-height: 375px;
}
.column3.home {background-color: #fdd465;}
.columnWide.faqs {background-color: #FFFFFF;}
.column3.resources {background-color: #cdd460;}
.column3.blog, h4.blog, #blogComment {background-color: #8fbcbb;}
.column3.about, h4.about {background-color: #afac67;}
.column3.contact {background-color: #cf6356;}
#columnWide p, #column2 p{
	padding: 0 20px;
	margin: 10px 0;
}
#columnWide {
	float: right;
	display: inline;
	min-height: 350px;
	width: 530px;
	border: 1px solid #555555;
	position: relative;
	margin: 5px 50px 5px 10px;
	padding: 0;
	min-height: 375px;
}
#columnWide ul{
	padding:0;
	margin:5px 20px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
	font-size: 10px;
	color: #62758f;
	line-height:16px;
}
#columnWide.blog #column3.blog{
	position:relative;
	right:0;
	top:0;
	margin:0 0 0 20px;
	border-top: none;
	border-right:none;
}

/*#columnWide ul li strong{
	background:#e8ecf1;
	padding:1px;
	font-weight:normal;
}*/
#column3 ul, #columnWide.blog ul{
	list-style: none;
	font-size: 11px;
	padding:0;
}
#column3 ul li, #columnWide.blog ul li{
	margin: 6px 20px 0px 20px;
	padding: 3px 6px;
	background-color: #FFFFFF;
	text-indent:-6px;
}
#column3 ul li a{padding: 6px 16px 6px 6px;}
#column3 ul li a:hover{text-decoration:underline}
#column3.blog ul#categories{
	margin:0 5px 5px 20px;
	padding-bottom:10px;
}
#column3.blog ul#categories li {
	background-color:transparent;
	padding:0;
	margin:0;
	float:left;
	clear:none;
	text-indent:0;

	}
#column3.blog ul#categories li a {
	margin: 6px 6px 0 0;
	background-color: #FFFFFF;
	padding: 6px 5px;
	text-transform:lowercase;
	float:left;
	clear:none;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	float: left;
	height: 150px;
	width: 300px;
	position: relative;
	margin: 0px;
	padding: 0px;
	clear: left;
}
#menu{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	padding-right: 17px;
	padding-top: 80px;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	width: 71px;
}
#menu ul li{
	display:block;
	float:right;
	height: 21px;
	margin:0;
	padding:0;
}
#menu ul.home li, #logohome {background-color: #c88734;}
#menu ul.faqs li, #logofaqs {background-color: #768aa5;}
#menu ul.resources li, #logoresources {background-color: #afac67;}
#menu ul.blog li, #logoblog {background-color: #4e7774;}
#menu ul.about li, #logoabout {background-color: #93904e;}
#menu ul.contact li, #logocontact {background-color: #ba4b3e;}
#menu ul li img {border:none}
#menu ul li:hover, #menu ul li.over{
}
/*#mainContainer #header #akrhome {
	float: right;
	background: url(http://www.bicyclelifecoaching.com/wordpress/images/akrLifeCoach.png) no-repeat;
	width: 250px;
	clear: right;
	height: 13px;
	margin-top: 102px;
	padding-right: 50px;
}*/
#mainContainer #header .akr {
	float: right;
	width: 250px;
	clear: right;
	height: 52px;
	margin-top: 48px;
	padding-right: 50px;
}
#mainContainer #header #akrhome {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_home.png) no-repeat;}
#mainContainer #header #akrfaqs {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_faqs.png) no-repeat;}
#mainContainer #header #akrresources {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_resources.png) no-repeat;}
#mainContainer #header #akrblog {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_blog.png) no-repeat;}
#mainContainer #header #akrabout {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_about.png) no-repeat;}
#mainContainer #header #akrcontact {background: url(http://www.bicyclelifecoaching.com/wordpress/images/AKR_contact.png) no-repeat;}
#footerLogos {
	background-color: #FFFFFF;
	float: right;
	height: 35px;
	width: 180px;
	margin-right: 50px;
	clear: right;
	position: relative;
}
.demoElement {
	width: 80px;
	height: 80px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
}
div.demoElementHeight {
	height: 120px;
}
.myClass {
	width: 300px;
	height: 50px;
	border: 3px dashed black;
	background-color: #C6D880;
	font-size: 20px;
	padding: 20px;
}
#column3 form input, #column3 form textarea{
	padding:5px;
	color:#777;
	border: none; /*#ba4b3e;*/
	background-color: #FFFFFF;
	font-size: 10px;
	margin: 6px 0 0 0;
}
#column2 form input, #column3 form textarea{
	padding:5px;
	color:#777;
	border: 1px solid #8fbcbb;
	font-size: 10px;
	margin: 6px 0 0 0;
}
#column3 form input.full, #column3 form textarea.full{
	width:194px;
	border:none;
}
select{
	text-transform:uppercase;
	color:#555;
}
#column3 a {
	color: #4E7774;
	text-decoration: none;
	letter-spacing: .05em;
}
#column3 ul {
	padding: 0px;
	margin: 0px;
}
p a {
	color: #676767;
	font-weight: bold;
}
h1 {
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	margin:0;
	padding:0 20px;
	line-height: 18px;
	font-weight: normal;
}
.blog h2{
	font-size:16px;
	padding: 0 20px;
}
	
h3 {
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4E7774;
}
#column2 img {
	margin: 20px 0 15px 0;
}
#logos{
	position:absolute;
	bottom:5px;
	left:10px;
	width:200px;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
}
.commentlist{
	margin:0;
	padding:0;
	list-style-position:inside;
}
.commentlist li, .post.alt{padding:10px; background-color:#efefef;}
.commentlist li.alt, .post {background-color:#FFFFFF;}
.post{padding:10px 0;}
.postalt{padding:10px 0; background-color:#efefef}
.post .aligncenter img{padding:0 20px;}
/*#benReed{
	position:fixed;
	bottom:0;
	left:0;
}
#benReed a img { 
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	border:0
}
#benReed a img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}*/

/*********************** SCROLLERS ***********************/
/*.root{
	position:relative;
	height:355px;
	width:250px;
	margin:0;
}
.root p {
	margin:0;
	padding:0;
}
.thumb {
	position:absolute;
	height:9px;
	width:15px;
	left:10px;
}
.up, .dn 	{
	position:absolute;
	left:10px;
}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
	border:0;
}
.scrollContainer { 
	position:absolute; 
	left:0; 
	top:0; 
	width:200px; 
	background:#777;
	height:355px; 
	clip:rect(0 200 355 0); 
	overflow:auto; 
}
.scrollContent { 
	position:absolute; 
	left:0px; 
	background:#efefef;
	top:0px; 
	width:200px; 
}
.scrollContent h4{ 
	margin:0px;
	padding:0px;
}*/

