/*
Theme Name: Boulevard
Theme URI: http://www.bicycleboulevards.com/
Description: Custom theme developed for Bicycle Boulevards.com.
Version: 1.0
Author: Bicycle Boulevards
Author URI: http://www.bicycleboulevards.com

*/


body {color: #222222; margin: 0; padding: 0 0 100px 0;  text-align: left; font-family: "Arial", "Helvetica", sans-serif; background: url(images/bkgsub.jpg) repeat-x #fff000;  }

body.home {background: url(images/bkgsub.jpg) repeat-x #fff000; }


html a {font-weight: bold; color: #000000; } 
html a:visited {font-weight: normal; color: #666666; }
html a:hover {color: #000000; background: #fff000; }
#header a:hover {background: none;} 
img {border: 0; }
.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #c2bba0; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }

legend {display: none !important; }

.alignleft {float: left;}  
.alignright {float: right;} 

h1, h2, h3, h4, h5, h6, ul, li, blockquote, ol, table {line-height: 1.2em; margin: 0; padding: 0; }  

p {font-size: 12px; line-height: 20px; padding: 0; margin: 13px 0;} 

h1, h2#comments, #respond h2 {font-weight: normal; font-size: 34px; padding: 6px 0; letter-spacing: -2px; font-family: "arial","helvetica",sans-serif; text-transform: uppercase; } 
h1 a, h2 a {text-decoration: none; font-weight: bold;} 
h2 {padding: 8px 0 0 0; font-weight: normal; font-size: 24px; color: #000000; letter-spacing: -2px; font-family: "arial","helvetica",sans-serif;} 
h3 {padding: 8px 0 0 0; font-weight: normal; font-size: 19px; color: #605c4d; letter-spacing: 0px;} 
#content h4 {padding: 8px 0 3px 0; font-size: 19px; color: #605c4d; border-bottom: 1px solid #c2bba0; font-weight: normal; letter-spacing: 0px; }

h2#comments, #respond h2 {font-weight: bold; font-size: 28px; color: #666666; } 





#content {width: 972px; margin: 0; padding: 0 0 0px 0; background: url(images/contentbkg.jpg) repeat-y;  position: relative; z-index: 999; text-align: left;}  
#innercontent { width: 642px; margin: 25px 35px 25px 25px; padding: 0; float: left; clear: left; position: relative; z-index: 0; } 
#innercontent h1 {font-weight: bold;} 
#innercontent p, #innercontent ul  {font-size: 14px;} 

table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: -7px; margin-top: 10px;} 
td {padding: 7px; margin: 0px; border-top: 1px solid #d9d5c7;} 

#footer {position: relative; width: 972px; z-index: 1000; margin: 0; text-align: left;} 
#footer ul {padding: 12px 0 0 19px;} 

#footer li {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 6px; float: left; clear: none;} 
#footer ul li ul {padding: 4px 0 0 0;} 
#footer ul li ul li {display: block; width: 96%; font-size: 9px; padding: 2px 0 2px 0; line-height: 11px;} 
#footer ul li a {font-weight: bold; }
#footer ul li ul li a {font-weight: normal;} 
#footer a:visited {color: #9c9200;}
#footer a:hover {background: none; color: #FFFFFF;}  
#footer li#home {width: 47px;} 
#footer li#profile {width: 120px;} 
#footer li#expertise {width: 145px;} 
#footer li#projects {width: 115px;}
#footer li#articles {width: 65px; } 
#footer li#contact  {width: 85px; }

#innerfooter  {background: #dbce00; padding: 5px 0 25px 0; margin: 0; width: 702px; border-top: 2px solid #222222; } 

p#habitat, p#businessjournal {font-size: 10px; width: 340px; padding: 25px 0 10px 0; margin: 0 0 0 11px; color: #6f6b5b; float: left; clear: none; line-height: 13px;} 
#habitat img, #businessjournal img {padding: 0 10px 0 0; float: left; clear: left; margin: 0;} 
#copyright {clear: both; width: 642px; font-size: 10px; padding: 0; margin: 20px 35px 0 25px; color: #333333; line-height: 13px;} 


#u_address {background: #fff000; width: 270px; font-size: 10px; color: #817c67; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; right: 0px; top: -50px; z-index: 1000;}
#u_address .address {padding: 20px;}   
#u_address a {color: #817c67 !important; text-decoration: none; font-weight: normal;} 
#u_address a.url {font-weight: bold !important; }

#content ul, #content ol {margin: 0 0 0 20px; font-size: 11px; } 
#content ul {list-style-type: square;} 
#content li { font-size: 11px; margin: 0; padding: 4px 0;} 

#outerwrapper {width: 972px; margin: 0; padding: 0; }


#header {width: 972px; margin: 0; padding: 0; border-bottom: 4px solid #bdbdbd; position: relative; height: 151px; background: url(images/headerbkg.jpg) repeat-x; text-align: left;}
#header img {padding: 25px 0px 0px 20px; }


#subhead {margin: 0; text-align: center; width: 972px; padding: 0 0 8px 0; background: url(images/subheadbkg.jpg) repeat-y;} 

#header .address {font-family: Georgia, "Times New Roman", Times, serif; position: absolute; right: 15px; top: 60px; font-size: 10px; text-align: right; color: #f8f8f8;} 
#header .address a {text-decoration: none; color: #699b82 !important; font-weight: normal !important;} 
#header .address a:hover {color: #91d4b3 !important;} 
#header .org {letter-spacing: 3px; text-transform: uppercase;} 
#header .email {font-size: 9px; padding-top: 2px;}
#header .email a {text-decoration: underline; }  

#innercontent .address {font-size: 12px; margin: 20px 0; line-height: 1.5em;}  


/* BEGIN NAVIGATION */

#nav {position: absolute; border-bottom: 4px solid #bdbdbd; left: 0px; bottom: -4px; background: #fff000; width: 702px; letter-spacing: 0px;} 
#nav ul {margin: 0px; padding: 0px; list-style-type: none; }
#nav li {margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; float: left; clear: none;  } 
#nav li a, #nav li a:visited {color: #000000; padding: 10px; margin: 0; display: block; font-weight: bold !important; text-decoration: none;}
#nav li a:hover {color: #FFFFFF; background: #000000;} 


#nav ul.main:after  {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }
/* Hides from IE-mac \*/  *html #nav ul.main:after {height: 1%;}  /* End hide from IE-mac */  
#nav ul.main li#current {background: #bdbdbd; }

#nav li ul { /* second-level lists */ z-index: 9999 !important; 	position: absolute; 	padding: 0; 	margin: 0; 	margin-top: 0em;  	width: 170px; 	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav ul li ul li { display: block;  float: none; clear: both; text-align: left;}

#nav ul.main li ul a { font-size: 11px !important; font-weight: normal !important; height: auto !important; width: 120px; background: #000000; color: #ffffff;}
#nav ul.main li.wider ul a {width: 170px !important;}  
#nav li ul li a:hover {background: #fff000 !important; color: #000000; }
#nav li ul li ul li a {background: #fff000 !important; }
#nav li ul li ul li a:hover {background: #000000 !important;  }
#nav li ul ul { /* third-and-above-level lists */  	margin: -1.95em 0em 0 170px !important;  	left: -999em; 	border: 0 !important; }
#nav li:hover ul ul, #nav li.sfhover ul ul { 	left: -999em; 	 }
#nav li:hover, #nav li.sfhover {position: static;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ 	left: auto;  }

/* END NAVIGATION */



form, fieldset {margin: 10px 0 0 0 !important; padding: 0 !important; font-size: 10px !important}
input, select, textarea {margin-bottom: 15px !important;} 
submit, input.button {background: #fff000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding: 6px 20px; border: 2px solid #333333; color: #000000;} 
#spamq {float: left; clear: both !important; } 
small.whythis {position: absolute; bottom: 0px; left: 0px;} 
small.whythis a {text-decoration: none; display: none;}  
select {display: none;} 

#results { font-weight: normal !important;} 

li.current_page_item a {text-decoration: none; font-weight: bold;} 
li.current_page_item ul li a {text-decoration: underline;}

ul.moreexpertise li.current_page_item {display: none !important;} 


ul.clientlist { padding-top: 8px !important;} 
ul.clientlist li {width: 172px; margin-right: 30px !important; padding-right: 0px !important;  float: left; clear: none; }
ul.clientlist:after  {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }
/* Hides from IE-mac \*/  *html ul.clientlist:after {height: 1%;}  /* End hide from IE-mac */  

.postdetails, .date {font-family: Arial, Helvetica, sans-serif; font-size: 11px !important; margin: 20px 0 0 0; padding: 4px 0 20px 0; border-top: 1px dotted #999999;} 
.date {margin: 4px 0 0 0; border: 0; padding: 0px; color: #777777;}
.postdetails a {font-weight: normal !important;} 
.postdetails {margin-bottom: 30px;} 


#sidebar {width: 270px; margin: 0; padding: 0 0 120px 0; float: left; clear: right; position: relative; color: #464646; }  
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar ul, #sidebar li, #sidebar p, #sidebar ol {margin: 5px 20px; padding: 0; }

#sidebar li {margin: 0 0 0 0px; padding: 0px; font-weight: normal !important; color: #000000; float: none; clear: both;} 
#sidebar li a {font-weight: normal !important; background: #cccccc; border-bottom: 1px solid #ababab; padding: 8px 6px !important; float: none; clear: both; display: block; } 
#sidebar li a:hover {color: #000000 !important; background: #fff000;} 
#sidebar h4 {font-size: 15px; letter-spacing: 0px; font-weight: bold; color: #000000; margin-top: 25px; border-bottom: 0px; text-transform: uppercase;}
#sidebar h4.break {padding-top: 15px; border-top: 1px solid #d2d2d2; }
#sidebar h4.break a {text-decoration:none; font-weight: bold;} 
#sidebar li p {font-size: 11px; margin: 0; padding: 0; text-indent: 0; line-height: 1.2em;} 
#sidebar p {font-size: 12px; line-height: 16px;} 
#sidebar ul {list-style-type: none; border-top: 1px solid #ababab; margin-top: 12px;} 
#sidebar ul.references {list-style-type: none;}
#sidebar ul.references li {margin-left: 2px;}  

.breadcrumb {padding: 11px 15px 21px 15px; background: #333333; color: #d2d2d2; margin: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.breadcrumb a {color: #fff000; font-weight: normal !important;} 
.breadcrumb a:visited {color: #d2d2d2; }
.breadcrumb a:hover {color: #FFFFFF;} 



form#searchform { position: absolute; bottom: 15px; right: 15px; width: 230px;} 
#searchform fieldset {margin: 0; padding: 0; border: 0; position: relative; width: 230px;} 
#searchform #s {font-size: 10px !important; padding: 3px; width: 150px; border: 1px solid #333333; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 10px !important; text-align: left; position: absolute; top: 0px; left: 35px;} 
#searchform input#searchsubmit {font-family: "Arial Black", Arial, Helvetica, sans-serif; font-weight: bold !important; background: #fff000; border: 1px solid #333333; color: #000000; float: left; clear: none; margin: 0; padding: 2px 2px 1px 2px; font-size: 11px !important; position: absolute; top: 0px; right: 0px; width: 32px;} 


#commentsection {margin-top: 30px; padding: 15px 0 0 0; border-top: 1px solid #d7d0b8; }
#commentsection #submit {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; background: #000000; border: 1px solid #333333; color: #FFFFFF; margin: 0; padding: 3px 4px 2px 4px; font-size: 17px !important; letter-spacing: 0px;} 
#commentsection input {font-family: Georgia, "Times New Roman", Times, serif; padding: 3px; border: 1px solid #d2d2d2; background: #f8f8f8;} 
#commentsection textarea {background: #f8f8f8; border: 1px solid #d2d2d2; width: 94%; height: 200px; font-family: Georgia, "Times New Roman", Times, serif; padding: 15px; font-size: 11px;} 


#u_address a.url {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold !important; font-style: normal !important; }
cite {font-style: normal; }
.comment p {font-style: italic !important;} 
.commentmetadata a {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #c2bba0;  text-decoration: none; font-style: normal !important;}



.featurepost p {font-size: 14px; }

#innercontent .homepost {padding: 10px 0px; border-top: 1px dotted #aaaaaa;  color: #000000; width: 290px; margin: 0 30px 20px 0; float: left; clear: none;} 
#innercontent .homepost p {font-size: 11px; line-height: 13px;} 

.home #innercontent  h1 {font-weight: 100;} 
.home #innercontent h1 a {font-weight: bold;}

.r {float: right; clear: right; background: #919191; }
.l {float: left; clear: left; background: #a6a6a6; } 
.sublist { width: 50%; padding: 0px 0 15px 0;  margin: 20px 0; } 
#sidebar .sublist ul {border: 0 !important; font-size: 10px;} 
#sidebar .sublist ul li a {padding: 0 0 8px 0 !important; border: 0; background: none; font-size: 10px; color: #fff000;} 
#sidebar .sublist h4 {color: #333333;} 
#sidebar .sublist h4 a {color: #333333; text-decoration: none; }
#sidebar .sublist h4 a:hover {color: #000000;} 
.tweet li.twitter-item {color: #fff000 !important;} 
.twitter-item a {font-weight: bold !important; font-size: 11px !important;} 
.tweet p {font-size: 11px !important; text-transform: uppercase; margin: 0 !important; padding: 0;} 
.tweet p a {display: block; padding: 8px 20px; background:#898989; text-decoration: none; color: #fff000; border-top: 1px solid #fff000; border-bottom: 1px solid #fff000;}
.tweet p a:hover {background: #000000;} 

.bikeclubs ul {margin: 10px 0 0 0 !important; padding: 0 !important;} 
.bikeclubs li {list-style-type: none; font-size: 14px !important; padding: 16px 0 !important; margin: 0 !important; border-top: 1px solid #d2d2d2;} 
.bikeclubs li a {display: block; float: left; clear: both; font-size: 24px; font-weight: bold; width: 100%; letter-spacing: -1px; margin-bottom: 8px !important;} 
.bikeclubs li a:hover {background: #FFFFFF;}