/* __    ____    __    ___  ____  __  __  _____  ___  ____      
  (  )  ( ___)  /__\  / __)(_  _)(  \/  )(  _  )/ __)(_  _)     
   )(__  )__)  /(__)\ \__ \  )(   )    (  )(_)( \__ \  )(       
  (____)(____)(__)(__)(___/ (__) (_/\/\_)(_____)(___/ (__).com
  bikes, music, art and adventure (and cascading style sheets)!
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, acronym, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} /* Eric Meyer reset */
html{height:100%;} /* firefox background fix */
body{background:url(../img/bg-wall.jpg) top center fixed repeat #eee;color:#222;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;font-size:12px;}
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
p{font-size:14px;line-height:20px;}
ul, 
ol{font-size:13px;line-height:20px;}
ol{list-style:decimal;}
ul{list-style:disc;}
hr{display:none;}
a:link, 
a:visited{color:#c30;text-decoration:none;}
a:hover{color:#600;text-decoration:underline;}
.rss{background:url(../img/feed.png) no-repeat center left;padding:1px 0 0 21px;} /* RSS icon */
.twitter{background:url(../img/twitter.png) no-repeat center left;padding:1px 0 0 21px;} /* Twitter icon */
.vimeo{background:url(../img/vimeo.png) no-repeat center left;padding:1px 0 0 21px;} /* Vimeo icon */
.email{background:url(../img/email.png) no-repeat center left;padding:1px 0 0 21px;} /* Email icon */
.hide,
#logo h2{left:-9000px;position:absolute;top:0;}
.group:after, 
#page:after,
#content:after,
#footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* self-clearing floats */

#page{background:#fff;margin:20px auto;overflow:hidden;width:960px;}

#header{float:left;padding-top:10px;width:960px;}

#logo{float:left;height:137px;width:220px;}
#logo h1 a{background:transparent url(../img/logo.png) no-repeat;display:block;height:137px;overflow:hidden;text-indent:-2000px;width:220px;}

#nav{float:left;width:728px;}
#nav ul{margin:10px 0;}
#nav li{list-style-type:none;font-size:23px;display:inline;color:#ccc;}
#nav li:after{content:" | ";}
#nav li:last-child:after{content:"";}
#nav li a:link, 
#nav li a:visited{} 
#nav li a:hover{text-decoration:underline;}
#nav li a:link span, 
#nav li a:visited span{color:#c66;} 
#nav li a:hover span{color:#600;text-decoration:underline;}

#content{float:left;padding:20px;width:920px;}
#single #content{width:600px;padding-right:0;}
#content h1{font-size:48px;font-family: Georgia, Times, serif;text-shadow:1px 1px 2px rgba(0,0,0,.2);}
#content h2{font-size:30px;margin:15px 0;text-shadow:1px 1px 2px rgba(0,0,0,.2);}
#content p,
#content li{font-family: Georgia, Times, serif;}
#content p{margin:20px 0;}
#content p a:link, 
#content li a:link, 
#content p a:visited, 
#content li a:visited{text-decoration:underline;}
#content blockquote p{background:url(../img/quotebubble.png) no-repeat 6px 2px;padding-left:35px;padding-right:15px;font-size:22px;line-height:1.2;color:#666;font-style:italic;}

#content .feature{background-color:#000;float:left;margin:0 .7em .7em 0;overflow:hidden;position:relative;}
#content .feature img{color:#fff;}
#content .feature h2{background:#000;background-color:rgba(0,0,0,.5);bottom:10px;font-size:30px;line-height:1.5em;margin:0 0 0 10px;padding:0 15px 0 10px;position:absolute;right:0;text-align:right;text-shadow:2px 2px 3px rgba(0,0,0,.5);}
#content .feature h2 a:link,
#content .feature h2 a:visited{color:#fff;text-decoration:none;}
#content .feature h2 a:hover{color:#ccc;text-decoration:underline;}
#content .feature span{position:absolute;top:3px;left:3px;z-index:100;width:40px;height:40px;}
#content .large{height:371px;width:601px;background:#fff;}
#content .medium{height:182px;width:297px;}
#content .medium h2{font-size:20px;}
#content .archives{clear:left;font-size:2.5em;text-align:center;}

#content #musicfeature{margin:75px 0 0 15px;float:left;width:300px;}
#content #musicfeature .news{margin:10px 0 0 0;}

#content #blog{float:left;width:600px;}
#content #blog h2 a:link,
#content #blog h2 a:visited{}
#content #blog h2 a:hover{}

#content .photofeature{width:920px;margin:0 auto;}
#content .photofeature p{font-size:16px;line-height:1.5;margin:0;text-align:center;width:920px;}
#content .photofeature p.caption{width:550px;margin-bottom:10px;text-align:left;}

#sidebar{float:left;width:300px;padding:40px 0 20px 0;}
#sidebar h3{color:#333;}

#search{float:left;width:300px;margin:25px;}
#search #searchsubmit{margin:0 0 -1px 6px;}
#search input#s{color:#999;font-size:16px;line-height:22px;width:250px;}

#footer{float:left;width:960px;border-top:1px solid #ccc;}
#footer ul{margin:5px 0;}
#footer p,
#footer li{font-family: Georgia, Times, serif;}
#footer li{list-style-type:none;padding:1px 0;}
#footer a:link,
#footer a:visited{text-shadow:1px 1px 1px rgba(0,0,0,.1);}
#footer a:hover{text-decoration:underline;}
#footer #about{float:left;width:500px;margin:25px 20px;}
#footer .connect{float:right;width:180px;margin:10px;}

.ad-leader{width:728px;height:90px;box-shadow:2px 2px 1px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 1px rgba(0,0,0,.5);-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.5);}
.ad-marquee{width:300px;height:250px;}
.ad-showcase{width:300px;height:70px;}
.ad-leader, 
.ad-marquee, 
.ad-showcase{float:left;}

.news{float:left;width:300px;margin:15px 0 0 15px;background:url(../img/noise.png) repeat #eee;padding-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.news h3{margin:10px;}
.news h3 a:link,
.news h3 a:visited{color:#000;font-size:12px;}
.news h3 a:hover{color:#600;text-decoration:underline;}
.news p,
.news li{margin:4px 10px;font-size:16px;}
.news li{list-style-type:none;}
.news li span{display:block;width:290px;font-size:11px;}
.news li em{font-style:normal;font-size:12px;line-height:1.2;}
.news abbr{border-bottom:none;font-size:14px;}

.feature-nav{font-size:22px;margin:20px 0;line-height:40px;}
.feature-nav a:link,
.feature-nav a:visited{padding:3px 6px;background:#eee;color:#c30;border:1px solid #999;}
.feature-nav a:hover{background:#666;color:#eee;}

.photonav{float:left;width:275px;margin:150px 0 0 15px;}
.photonav p{font-size:2em;margin:10px 0;}

.post-meta{background:url(../img/bg-noise.png) repeat #eee;font-size:12px;margin:10px 0;padding:3px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.fourohfour{text-align:center;}
.copyright{font-size:11px;color:#666;}

/* ----home-split----------------------------------------------------------------------- */
#home #content #featured{background:#000;float:left;height:363px;overflow:hidden;padding:0;position:relative;width:600px;}
#home #content #featured .featurethumb{width:100%;height:100%;background:url(../img/gallery/loading-bar-black.gif) center center no-repeat #fff;}
#home #content #featured .description{background:#000;color:#fff;position:absolute;z-index:50;width:100%;left:0;bottom:0;text-indent:0;overflow:hidden;margin:0;height:100px;}
#home #content #featured .description h2{font-size:28px;color:#fff;line-height:1.2;margin:8px 10px 6px 10px;}
#home #content #featured .description h2 a:link,
#home #content #featured .description h2 a:visited{color:#fff;}
#home #content #featured .description h2 a:hover{color:#aaa;}
#home #content #featured .description p{font-size:13px;color:#fff;line-height:1.5;margin:2px 10px;}
#home #content #featured .imageElement{visibility:hidden;}
#home #content #featured a.right,
#home #content #featured a.left{position:absolute;height:99%;width:12%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
#home #content #featured a.right:hover,
#home #content #featured a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
#home #content #featured a.left{left:0;top:0;background:url('../img/gallery/fleche1.png') no-repeat center left;}
#home #content #featured a.right{right:0;top:0;background:url('../img/gallery/fleche2.png') no-repeat center right;}
#home #content #featured a.open{position:absolute;top:0;left:12%;height:99%;width:76%;cursor:pointer;z-index:10;background:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

#home #content #sidebar{float:left;height:375px;width:300px;margin:0 0 0 10px;padding:0;}
#home #content #sidebar #forum{background:url(../img/forum.jpg) center center no-repeat #fff;color:#fff;float:left;height:100px;width:300px;margin-top:13px;}
#home #content #sidebar #forum h4{font-size:19px;font-weight:700;line-height:1.3em;margin:0;padding:2px 7px;text-shadow:1px 1px 3px rgba(0,0,0,.7);}
#home #content #sidebar #forum h4 span{font-size:46px;display:block;}
#home #content #sidebar #forum p{font-size:16px;margin:0;padding:12px 8px 2px 8px;text-align:right;}
#home #content #sidebar #forum p a{background:#c30;display: inline-block;padding: 6px 15px 7px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;font-size: 14px;text-transform:uppercase;}
#home #content #sidebar #forum p a:hover{background-color:#600;}

#home #content img{color:#c30;font-size:16px;}
#home #content .subfeature{float:left;height:250px;margin:0 5px 5px 0;overflow:hidden;position:relative;width:300px;background:#000;}
#home #content .subfeature h2{background:#000;background-color:rgba(0,0,0,.5);bottom:10px;font-size:26px;line-height:1.4;margin:0;padding:0 15px 0 10px;position:absolute;right:0;text-align:right;text-shadow:2px 2px 3px rgba(0,0,0,.5);}
#home #content .subfeature h2,
#home #content .subfeature h2 a:link,
#home #content .subfeature h2 a:visited{color:#fff;text-decoration:none;}
#home #content .subfeature h2 a:hover{color:#aaa;}
#home #content .subfeature h2.crunch{line-height:1;padding:2px 15px 2px 10px;}
#home #content .subfeature h2 span{font-size:16px;}
#home #content .doublewide{width:610px;}
#home #content .supertall{height:512px;}
#home #content .ads{background:#fff;}
#home #content .ads img{height:70px;margin-bottom:14px;width:300px;}

#home #content #recent{background:url(../img/noise.png) repeat #eee;}
#home #content #recent h3{margin:15px 15px 10px 15px;}
#home #content #recent ul{margin:10px 15px;}
#home #content #recent li{font-size:13px;line-height:16px;list-style-type:none;margin:5px 0;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;}
#home #content #recent li span{display:block;font-size:11px;}
#home #content #recent li span a:link,
#home #content #recent li span a:visited{color:#000;text-decoration:none;}
#home #content #recent li span a:hover{text-decoration:underline;}