/*----- Global --------------------------------------------------*/
body { font: 12px/20px Verdana, Arial, Sans-Serif; color: #444; }
div#wrapper { width: 900px; margin: 25px auto; }
h1 { font: 21px Arial, Sans-Serif;}
h2 { font-size: 18px; color: #787878; font-weight: normal; }
h3 { font-size: 14px; }
a { color: #b10220; text-decoration: none; }
a:hover { border-bottom: 1px solid #000; }

/*----- Header --------------------------------------------------*/
div#hd { overflow: hidden; margin-bottom: 25px; }
div#hd h1 { float: left; }
div#hd h1 a:hover { border: none; }
div#hd ul { float: right; overflow: hidden; }
div#hd ul li { display: inline; float: left; margin-left: 25px; }
div#hd ul li a { color: #000; display: block; padding: 35px 3px 2px; font: bold 14px Arial, Sans-Serif; text-transform: uppercase; }
div#hd ul li a:hover { border-bottom: none; color: #fff; background-color: #bf052c;}
div#hd ul li a.current { border-bottom: none; color: #fff; background-color: #bf052c;}

/*----- HD Image --------------------------------------------------*/
body#home div#hd-image { position: relative; }
body#home div#hd-image p { position: absolute; right: 10px; top: 20px; height: 240px; width: 260px; font: 14px/25px Arial, Sans-Serif; color: #fff;  }
body#home div#hd-image p a { position: absolute; left: 0; bottom: 0; color: #fff; font-weight: bold; display: inline-block; margin-top: 10px; border-bottom: 1px solid #bf052c;}
body#home div#hd-image p a:hover { border-bottom: 1px solid #000;}

/*----- BD --------------------------------------------------*/
div#bd { overflow: hidden; margin: 10px 0 25px; }
div#leftCol { float: left; width: 571px; min-height: 672px; padding-right: 24px; border-right: 1px solid #bdbdbd;}
div#leftCol h1 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #bdbdbd;}
div#leftCol h1 a { color: #787878;}
div#leftCol h1 a:hover { color: #b10220; border-bottom: none; }
div#leftCol h1 span { float: right; font-size: 12px; margin-top: 10px; color: #787878;}
div#leftCol h2 { margin-bottom: 10px;}
div#leftCol h3 { border-bottom: 1px solid #bdbdbd; margin-bottom: 5px; }
div#leftCol p { margin-bottom: 20px;}
div#leftCol p.answer { margin-left: 10px;}
div#rightCol { width: 290px; float: right; margin-left: 14px; }
div#rightCol div.bucket { padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #bdbdbd;}
div#rightCol div.bucket h2 { margin-bottom: 10px;}
div#rightCol p { overflow: hidden; clear: both; margin-bottom: 10px;}
div#rightCol p span {  width: 239px; float: right;}
div#rightCol p#meet-up { margin-top: 25px; }
div#rightCol h2#subscribe { margin: 3px 0 10px; padding: 0 0 8px; border-bottom: 1px solid #bdbdbd;}
div#rightCol h2#subscribe a#rss { display: inline-block; float: right; margin-right: 40px;}
div#rightCol h2#subscribe a#rss:hover { border-bottom: none;}
ul#social { overflow: hidden; height: 36px; margin-top: 15px; }
ul#social li { display: inline; float: left; width: 37px; height: 37px; margin-left: 5px; }
ul#social li:first-child { margin-left: 0;}
ul#social li a { display: block; width: 37px; height: 36px; }
ul#social li a#facebook { background: url(/images/sprites/social-media.jpg) no-repeat left top;}
ul#social li a#facebook:hover { background-position: left -40px;}
ul#social li a#twitter { background: url(/images/sprites/social-media.jpg) no-repeat -38px top;}
ul#social li a#twitter:hover { background-position: -38px -40px;}
ul#social li a#tumblr { background: url(/images/sprites/social-media.jpg) no-repeat -76px top;}
ul#social li a#tumblr:hover { background-position: -76px -40px;}
ul#social li a#flickr { background: url(/images/sprites/social-media.jpg) no-repeat -114px top;}
ul#social li a#flickr:hover { background-position: -114px -40px;}
ul#social li a#linked-in { background: url(/images/sprites/social-media.jpg) no-repeat -152px top;}
ul#social li a#linked-in:hover { background-position: -152px -40px;}

/* Home */
body#home div.bucket { width: 290px; float: left; margin-left: 15px; }
body#home div.bucket:first-child { margin-left: 0;}
body#home div.bucket img { margin-bottom: 5px; }
body#home div.bucket h2 { margin-bottom: 5px;}
body#home div.bucket p { padding: 0 10px 0 0;}
body#home div.bucket a { display: inline-block; margin-top: 7px; border-bottom: 1px solid #fff;}
body#home div.bucket a:hover { border-bottom: 1px solid #000;}
body#home div.bucket ul { list-style-type: square; list-style-position: inside;}
body#home div.bucket ul li { margin-bottom: 7px; }
body#home div.bucket ul li a { margin-top: 0; display: inline; }
body#home div.bucket ul a { display: none;}
body#home div.bucket ul li a:hover { margin-top: 0; border-bottom: 1px solid #000;}
body#home div#latest-build a { margin-top: 0;}
body#home div#latest-build p#latest-link { margin-top: 7px;}

/* Bikes */
div.bike-category { width: 180px; float: left;}
div.bike-category h2 { margin-bottom: 10px;}
div.bike-category ul li { margin-bottom: 5px;}

/* Bike View */
div#bike-images { width: 395px; float: left; }
div#bike-images div#bike-large { padding-bottom: 10px;}
div#bike-images div#bike-large  p { text-align: right;}
div#bike-images ul#bike-thumbs { overflow: hidden; }
div#bike-images ul#bike-thumbs li { display: inline; float: left; margin-right: 4px; }
div#bike-images ul#bike-thumbs li a:hover { border: none;}
div#bike-info { width: 485px; float: right; margin-bottom: 30px;}
div#bike-info h2 { margin-bottom: 10px;}
div#bike-info p { margin-bottom: 5px;}
div#bike-info div#bike-body { height: 225px; overflow: auto; padding-right: 10px;}
div#bike-info div#bike-meta { overflow: hidden; margin-top: 10px; }
div#bike-meta h3 { padding: 5px; color: #fff; background-color: #000; font-size: 16px; font-weight: normal;}
div#bike-meta ul { margin: 5px 0 0 5px; }
div#bike-meta ul li { margin-top: 5px; }
div#bike-meta div#options { width: 50%; float: left; }
div#bike-meta div#options { width: 50%; float: right; }
div#bike-info div.hidden { display: none; }
h3.fancy-meta { color: #fff; background: #000; padding: 5px 10px; margin-bottom: 10px;}
div#bike-categories { clear: both; overflow: hidden; padding-top: 10px; border-top: 1px solid #000;}
div.components-list { padding: 5px 10px; background-color: #f1f1f1; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 10px 0;}
div.components-list td.component-type { font-weight: bold; width: 100px; }
p#msrp { font-weight: bold;}
div#colors { width: 600px;}

/* Gallery */
div#gallery-image { width: 700px; float: left; }
div#gallery-nav { width: 200px; float: right; height: 468px; overflow: auto;}
div#gallery-nav ul { text-align: right;}
div#gallery-nav ul li { margin: 0 10px 10px 0;}
div#gallery-nav ul li a:hover { border-bottom: none;}

/* Blog */
div#leftCol div.post { margin-bottom: 30px;}
div#leftCol div.post p { margin-bottom: 7px;}
div#leftCol div.post img { max-width: 571px; margin-bottom: 5px; }
p.blog-meta { text-align: right; margin-top: 5px; padding-top: 5px; border-top: 1px solid #c1354d;}
p.blog-meta a:hover {  }
p#pagination { overflow: hidden; }
p#pagination strong { display: block; float: left; padding: 0 5px; margin-right: 6px; border: 1px solid #bdbdbd;}
p#pagination a { display: block; float: left; padding: 0 5px; border: 1px solid #bdbdbd; margin-right: 6px;}
p#pagination a:hover { background: #bdbdbd; color: #fff;}
div#comments div.comment { background: #f1f1f1; margin-bottom: 10px; }
div#comments div.comment p { padding: 5px 10px; margin: 0;  } 
div#comments div.comment p.posted-by { background:#ccc; }
div#comment-form { margin: 15px 0; }
div#comment-form p { margin-bottom: 5px; overflow: hidden; }
div#comment-form p strong { width: 75px; display:inline-block; }
div#comment-form p input { padding: 5px; border: 1px solid #bdbdbd; width: 300px; }
div#comment-form textarea { padding: 5px; margin-left:79px; border: 1px solid #bdbdbd; width: 400px; }
div#comment-form input[type="submit"] { margin-left:79px; }

/*----- Footer --------------------------------------------------*/
div#ft { padding-top: 5px; border-top: 1px solid #c1354d; }
div#ft p { font: 10px Verdana, Arial, Sans-Serif; color: #a9a9a9; }
div#ft p a { float: right; opacity: 0.3;}
div#ft p a:hover { border-bottom: none; opacity: 1;}

/*----- Custom Scroll --------------------------------------------------*/
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#fff}
.jScrollPaneDrag{position:absolute; background:#adadad; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; background-color:#666; height:15px !important; width:10px !important; background:url(/images/arrow-up.jpg) no-repeat 0 top}
a.jScrollArrowUp:hover{ border:none;}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:15px !important; width:10px !important; background:url(/images/arrow-down.jpg) no-repeat 0 bottom}
a.jScrollArrowDown:hover{ border: none;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}

/*----- FancyZoom --------------------------------------------------*/
div#zoom { z-index: 9999;}
div#zoom a:hover { border: none; }