/* @override http://velo/assets/styles/baseline.css */
/* ----------------------------------------------------------------------------
Kevin Tamura.
http://www.kevintamura.com

Visual design copyright 2009. All Rights Reserved.

INDEX:
- Reset Styles
- General Elements
	- Masthead
	- Navigation
	- Page navigation
	- Main body
	- Site info
	- Inset
- Bikes
- Gallery
- Tools
- Door Buster

COLORS:
red: #BB2436
lite blue: #87c6d3
Blue: #03749e
gray: #73787b
dark gray: #272c2e
lite gray: ##c5cbcf
blue gray: #f3f5f5


------------------------------------------------------------------------------- */


/* @group Reset */

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; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* @end */

/* @group General Elements */
body {font: normal 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif; color:#212121;}

h1{}

h2{margin-bottom: 20px; font-size: 48px; line-height: 1;font-weight: normal;}
	#home h2, #home #gallery h2 {padding:0 0 10px 0;border-bottom: 1px solid; margin:0 0 8px 0 solid; color: #272c2e; font-size: 10px;  text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }

	#home #blog h2 {border-bottom: none; margin-bottom: 0;}
	#home #blog h3 {font-size: 160%; margin-bottom: 0; }
	#home #blog h4 {font-size: 97%; border-bottom: none; text-transform: none; margin-top: -5px; margin-bottom: 20px;}
	#home h2 span#featured-bike-nav {display:inline; float: right;}
	#shop-special h2, #shop-ride h2 {border: none;}
	#gallery h2{color: #87c6d3;}

h3{margin:3px 0 9px 0;color: #73787b; font-size: 21px; font-weight: normal;}
	#home h3, #home #gallery h3 {font-size: 14px; margin-bottom: 0;}
	#home #first-column h3 {margin: 10px 0; }
	#home h3 a, #home #gallery h3 a, li.abstract h3 a { color: #000; margin-bottom: 0; font-weight: bold; line-height: 1.5;}
	#home #mikes-tips h3 {margin: 0 0 0 70px; color: #000; padding-bottom: 0; font-weight: bold;}
	#sidebar h3 a{color:#000; font-size: 12px; font-weight: bold;}
	#home #sidebar #features h3 a {font-size: 130%;}
	#home #sidebar #features h3 {margin-bottom: 20px;}
	#home #sidebar #news h3 a {font-size: 100%;}
	#home #sidebar #news li {margin-bottom: 20px;}
	#home #sidebar #news {margin-top: 40px;}
	.bike-card h3{margin: 0 0 3px 0;font-size: 14px; font-weight: bold;color: #000;}
	#gallery h3 a{clear: both;margin: 0;color: #87c6d3; font-size: 16px; line-height: 16px;}
	.question h3{font-style:italic;}
	li.abstract h3{font-size: 24px;}
h4{padding: 0 0 3px 0; margin:0 0 12px 0 ;border-bottom: 1px solid #c5cbcf;color:#454b4f; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
	.bike-card h4{border-bottom: none;padding: 0; margin-bottom: 1;}
	#bikes h4 {border: none; padding-bottom: none; margin-bottom: 8px;line-height: 1;}
	#sidebar h4{margin-bottom: 3px;}
h5 {margin: 0;}

h6{margin-bottom: 3px;font-size: 10px;text-transform: uppercase;}
#previous-featured-bike {width: 16px; height: 16px; background: transparent url(../siteimages/carousel-arrow-left.png) center center; display: block; text-indent: -9000px; float: left; position: absolute; left: 660px; top: -40px;}
#next-featured-bike {width: 16px; height: 16px; background: transparent url(../siteimages/carousel-arrow-right.png) center center; display: block; text-indent: -9000px; float: left; position: absolute; left: 680px; top: -40px;}
p, #home #gallery p {margin: 0 0 20px 0; color:#212121;}
	#mikes-tips p{margin: 0 0 18px 70px;}
	#gallery p#lead{padding: 0 200px 0 0; margin: 0 0 50px 0; font-size: 16px; line-height: 28px;color: #87c6d3;}
	#gallery p{margin: 0 0 18px;color: #87c6d3;}
	p.continue {margin: -3px 0 32px 0;font-size: 11px; font-weight: bold; text-transform: uppercase;}
	p.facebook {font-weight: 700;}

ul{line-height: 1.5em; margin: 0 0 18px 18px; list-style-type: disc;}
ul#listings{margin-left: 0;list-style: none;}
	ul.hi-light{margin: 0 0 15px 20px;list-style-type: disc;}
	ul#listings li{margin-bottom: 32px;}
	#bikes { margin-left: 0;list-style-type: none;}

ol{line-height: 1.5em; margin: 0 0 18px 18px; list-style-type: decimal;}
	#home #news ol{margin-left: 0;list-style: none;}

li{margin: 0;line-height: 1.5em;}
	#listings li{margin: 0 0 18px 0;}
	.hi-light{margin-bottom: .5px;}


dt{padding: 0;margin: 0;line-height: 1.5em;}
	dt a{padding: 0; margin: 0; color: #BB2436;}

dd{padding: 0; margin: 0;}

a{color: #1153A2; text-decoration: none; font-weight: bold;}
	a:hover {text-decoration: underline;}


img{border: 1px solid #c5cbcf;}
	.bike-card a img {background: #f3f5f5;padding: 5px; margin: 0 0 15px 0;border: 1px solid #c5cbcf;}
	#gallery .bike-card a img{background: #eaeaea;padding: 5px; margin: 0 0 15px 0;border: 1px solid #c5cbcf;}
	#home #gallery a img{float: right;background: #eaeaea;padding: 5px; margin: 0 0 10px 15px;border: 1px solid #c5cbcf;}
	.spec-img {float: left; margin: 0 18px 5px 0;}
	img.blog_img{ margin: 18px 0;}
	#home img.blog_img{float: left; margin: 0 18px 20px 0;}

/* =Masthead */
#masthead {height: 130px; border-bottom: 3px solid #272c2e;background: #000 ;}

h1#logo {position: absolute;top: 20px; left: 0;}
	h1#logo a{ display: block; width: 181px; height:95px;}
	h1#logo a img{border: none;}

#masthead .shop-hours{position: absolute; top: 20px; left: 560px; padding: 0 0 0 120px; font-size: 11px; line-height: 18px; color: #fff; background: top 20px url('../siteimages/seperator.png') no-repeat}

#utility-nav {position: absolute; top: 20px; right: 0; width: 100px; margin-left: 0;font-size: 11px; line-height: 18px; list-style-type: none;}

.shop-hours dt {font-weight: bold;}

.shop-hours a, #utility-nav a{color: #fff;}
	#masthead .shop-hours a:hover, #utility-nav a:hover {color: #fff; text-decoration: underline;}
	* a.call:hover {text-decoration: none;}

/* =Navigation */
#navigation {height: 45px; background-color: #1153A2; border-bottom: 3px solid #0079C2; }

#main-nav {padding: 0; margin: 0; color: #fff; list-style-type: none;}

#main-nav li{float: left; margin: 0 20px;line-height: 45px; text-transform: uppercase;}

#main-nav li a {display: block; color: #87c6d3;}
	#main-nav li a:hover, #main-nav li.active, #main-nav li.active a:hover{color: #fff; text-decoration: none;}

/* =Page Navigation */
#page-nav {padding: 2px 0; margin: 0 0 20px 0;border: 1px solid #c5cbcf; border-width: 1px 0;background-color: #f3f5f5; list-style-type: none;}

#page-nav li {border-top: 1px solid #c5cbcf; border-bottom: 1px solid #fff;}
	#page-nav li:last-of-type{border-bottom-color: #c5cbcf;}

#page-nav li a{display: block;padding: 0 15px; font-size: 12px;line-height: 34px;text-transform: uppercase;}
	#page-nav li a.pdf{ padding-left:40px; background: url(../siteimages/icon-pdf.jpg) no-repeat 16px 40%;}
	#page-nav li a:hover, #page-nav li a.pdf:hover{ background-color: #73787b; color: #fff; text-decoration: none;}
	#page-nav li.active a, #page-nav li.active a:hover {background-color: #f3f5f5;font-weight: bold; color: #000; cursor: default;}
	#page-nav li a.pdf{ padding-left:40px; background: url(../siteimages/icon-pdf.png) no-repeat 16px 40%;}


/* =Main Body */
#home #content {min-height: 500px; padding: 0 0 10px 0; background: url(../siteimages/shop.jpg) no-repeat 50% 100%;}
#content {min-height: 500px; padding: 30px 0 60px 0; background:  url(../siteimages/shop.jpg) no-repeat 50% 100%;}
#sidebar { width: 240px;}

#main-content{ width: 700px; float: right; padding-bottom: 42px;}
 #main-content.single{ width: 650px; margin: 0 auto 0 }


/* =Inset */
.inset {width: 200px;float: right;padding: 10px;border: 1px solid #c5cbcf; background-color: #f3f5f5;}

.right{float: right; margin: 0 0 10px 15px}

.inset p{font-size: 11px; font-style: italic;}

.inset img {margin: 0 0 15px 0;}

/* =Site Info */
#site-info{ clear: both; position: relative; height: 100%; padding: 20px 0 30px 0; border-top: 2px solid ##272c2e;background-color: #000; color: #fff;}

#site-info .shop-address,
#site-info .social {float: left; margin-left: 0; width: 225px; line-height: 0; list-style-type: none;}

#site-info .shop-address li,
#site-info .social {padding: 0; margin: 0; font-size: 10px;line-height: 18px}

#site-info .shop-hours{width: 225px;font-size: 10px;padding: 0; margin: 0 0 0 200px;}

#site-info .shop-hours dt,#site-info .shop-hours dd{line-height: 18px; padding: 0; margin: 0;}

#site-info .social{position: absolute; top: 25px; left: 430px}

#site-info h5{margin: 0 0 3px 0;}

#site-info p{clear: left; margin: 0 0 3px 0;font-size: 10px; line-height: 18px; color: #fff;}
	#site-info p#legal{ clear: both;padding-top: 15px;border-top: 1px solid #272c2e;margin-top: 18px;}

#site-info a{color: #fff;}
	#site-info a:hover {color: #03749e;}

/* @end */

/* @group Bikes */
li.bike-card{float: left; width: 320px ;margin: 0 0 20px 0;}
	li.bike-card.even{ float: right;margin-right: 0;}

#pagination{clear: left; width: 50%; float: left; text-align: center;}
	#pagination li {float: left; margin: 0 10px 0 0;}

#sale table{ width: 100%; font-size: 12px;}
#sale tr{border-bottom: 1px solid #c5cbcf;}
#sale th{padding: 5px 8px; background-color: #272c2e; color: #fff; text-align: left;}
#sale td{width: 10%; padding: 5px 8px;}
	#sale .price, #sale .msrpx{text-align: right;}

/* @end */

/* @group Home */
#home #first-column {clear: both; float: left; padding: 0 0 0 0; width: 700px; position: relative;}

#home #blog {float: left; width: 400px; margin: 0 15px 0 0;}
#home #blog .btn {display: block; clear: left; width: 165px;}
#home #bikes {width: 700px; list-style-type: none; float: left;  margin: 10px 0 20px 0; background: url(../siteimages/content-sep.gif) no-repeat bottom center; height: 300px; overflow: hidden;}
	#home #sidebar {float: left; margin-top: 10px; margin-left: 30px; width: 222px;}

#hero {position: relative; width: 950px; height: 420px; margin-top: 12px; margin-bottom: 10px}

#hero img{ width: 100%;}

#home #featured-bikes li {width: 210px; height: 270px; margin: 0 20px 0 0; padding: 0;}
#home #featured-bikes .entry_img {padding: 15px; background: #eaeaea; border: 1px solid #d3d4d4; display: block; }
#mikes-tips{float: right;width: 230px; padding: 10px 10px 0 10px; border: 2px #c5cbcf
solid; margin: 0 20px 15px 0; background: #fff url(../siteimages/bg-tip-box.jpg) repeat-x 100% 100%;}

#shop-special, #shop-ride{ float: right; width: 241px; height: 178px; margin-bottom: 13px;
	}
	#shop-special h2 a, #shop-ride h2 a { display: block; width: 241px; height: 178px; text-indent: -1000em; overflow: hidden;
	}
		#shop-special h2 a{ background: url(../siteimages/banner-specials.jpg) no-repeat 0 0;}
		#shop-ride h2 a{ background: url(../siteimages/banner-shoprides.jpg) no-repeat 0 0;}

#bikes #main-content img {float: left; background: #f3f5f5;padding: 5px; margin: 0 15px 10px 0;border: 1px solid #c5cbcf;}

#mikes-tips img {float: left; margin: 0 15px 10px 0;}

/* @end */

/* @group Product Listing */
.products{clear: both; padding: 0 0 18px 0;margin: 0 0 18px 0; border-bottom: 1px dotted #c5cbcf;}
.products img{float: left; margin: 0 18px 18px 0;}
.products h3{margin: 0 0 3px 0;}
.products h4{border-bottom: none; padding: 0; margin: 0 0 3px 0;}

#accessories .products{ width: 100%;}


/* @end */


/* @group forms */

#contact label{display: block;font-weight: bold; }

#comments dl {margin: 18px 0 50px}

#comments dt {font-size: 11px; font-weight: bold; margin-bottom: 10px;}

#comments dt {font-size: 11px;font-weight: bold; margin-bottom: 3px;}

#comments dd{margin-bottom: 9px;}

#contact #name, #contact #email, #contact #subject, #contact #topic, #comments #name input, #comments #email input, #comments #url input, #comment-text, #contact_form #name, #contact_form #from, #contact_form #subject, #contact_form #message, #comment_form #name, #comment_form #email, #comment_form #url {border: 1px solid #87c6d3; width: 300px; height: 21px; padding: 2px 4px; margin-bottom: 9px;font-size: 16px; vertical-align: middle;}

#contact #topic, #comment-text, #contact_form #message {width: 450px; height: 250px; vertical-align: top;}

#contact_form p{margin-bottom: 0;}

/* @end */


/* @group SlideShow */
#slideshow{position: absolute; padding: 5px 25px 25px 25px; margin: 0 auto; background: #000; color: #fff; z-index: 2002; visibility: hidden; top: 0; left: 0; overflow: hidden;}

#slide-ui{position: absolute; bottom: 45px; left: 35px; width: 85%; padding: 18px 18px 24px 18px; margin: 0 auto; background: transparent url(../siteimages/bg-bar.png) 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px;  z-index: 3000;}

#slideshow h2{margin-bottom: 9px;font-size: 18px; line-height: 18px;}

#slideshow p { color: #fff; margin: 0 200px 0 0;}

#slideshow img {margin: 0; padding: 0; border: none; background: none;}

#slideshow #controls{position: absolute; top: 12px; right: 10px; float: right;}

#slideshow #controls li{float: left;}

#slideshow #controls li a{ display: block;width: 16px; height: 16px; padding: 5px; margin: 0 5px 0 0;}
	#slideshow #controls li#back a{background: url(../siteimages/icon-back.png) no-repeat 50% 50%;}
	#slideshow #controls li#play a{background: url(../siteimages/icon-play.png) no-repeat 50% 50%;}
	#slideshow #controls li#forward a{background: url(../siteimages/icon-forward.png) no-repeat 50% 50%;}
	#slideshow h6#close a{padding: 0 0 0 20px;margin: 0 0 8px 0;background: url(../siteimages/icon-close.png) no-repeat 0 50%; color: #d8d8d8;}


.overlay {background-color: #000000; position: absolute; top: 0; right: 0; z-index: 2000}
body #loading_image {position: absolute; z-index: 2001; border: none; background: transparent; padding:  0; margin:  0;}
/* @end */

/* @group Gallery */
#gallery #content {background: #0b1518;}

#gallery #content #intro {width: 600px ;margin: 0 0 2em 0;}

#gallery #featured_bike{margin: 40px 0}

#gallery #featured_bike img{ float: left; margin: 0 15px 0 0;border: 8px solid #fff;}

#gallery li.bike-card{ width: 300px; height: 275px; float: left; margin: 0 28px 25px 0;}
	#gallery li.bike-card.right{margin-right: 0;}


/* @end */

/* @group About */
.person img{float: left; padding: 5px; border: 1px solid #c5cbcf; margin: 0 10px 15px 0; background: #f3f5f5}
/* @end */

/* @group specials */
.coupon{ margin-bottom:18px; border: 1px dashed #73787b;}
.coupon div{position: relative;background-color: #fff;padding: 20px; border: 10px solid #c5cbcf;}
.coupon h3{margin-bottom: 18px;}
.coupon div h4.discount{position: absolute;top: -6px;right: -6px;border: 1px solid #c5cbcf; padding: 5px;background-color: #fff; color:#BB2436; font-size: 18px;}


/* @end */

/* @group tertiary elements */
.question { border-bottom: 1px solid #c5cbcf; margin-bottom: 27px;}

/* @end */

/* @group Tools */
a.btn{padding: 3px 5px; border: 1px solid #272c2e; background: #e8eaec; font-size: 12px;font-weight: bold; text-transform: uppercase; color: #272c2e; letter-spacing: 1px}
	a.btn:hover{background: #272c2e; color: #fff; text-decoration: none;}

.cntwrapper {position: relative; clear: both; width: 970px; margin: 0 auto; }

.container {width: 100%;}

.ir {text-indent: -1000em; overflow: hidden;}

.unit { float: left;}

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.clearfix {display:inline-block;}

html[xmlns] .clearfix {display:block;}

* html .clearfix {height:1%;}

.map {height:  200px; width:  200px; float: right; margin-left: 10px; margin-bottom: 20px;}
#rides h2 {clear: right;}
/* @end */

#doorbuster{
	margin-bottom: 0;
	background-color: #CC0000;
	color: #fff;
	line-height: 36px;
	text-align: center;
}

#doorbuster h6{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#doorbuster a{
	display: block;
	color: #fff;
}

#doorbuster a:hover{
text-decoration: none;
}