/*
 HTML ELEMENTS
*/

body
{
	background: #656565;
	text-align: center;
	margin: 0;
	padding: 0;
}

a
{
	color: #33b2f2;
	text-decoration: none;
	font-weight: bold;
}

img
{
	border: 0;
}

p
{
	margin: 10px 0;
}

h1,
h2
{
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 20px;
}

h2 a
{
	color: #000;
}

h2 a:hover
{
	color: #33b2f2;
}

h3.product
{
	color: #656565;
	font-size: 30px;
	text-transform: none;
	margin: 0;
	padding: 0;
}


/*
 STRUCTURE
*/

#wrapper
{
	width: 1156px;
	margin: 0 auto;
	background: url( ../images/site/velo_content_bg.png ) repeat-y;
	text-align: left;
	color: #656565;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#header-wrapper
{
	background: url( ../images/site/header_wrapper_bg2.png ) no-repeat;
}

#header
{
	width: 863px;
	height: 190px;
	margin: 0 0 5px 147px;
	padding: 0;
	position: relative;
}

.content
{
	margin: 0 0 0 147px;
	padding: 0;
	float: left;
	clear: both;
}

.content #left
{
	float: left;
	clear: none;
}

.content #right
{
	float: left;
	clear: none;
}

#footer
{
	margin: 0 19px 0 20px;
	background: #a7a7a7;
	height: 20px;
	padding: 4px;
	clear: both;
}

#footer p a
{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #656565;
}

/*
 HEADER
*/

#header #image
{
	position: absolute;
	z-index: 0;
}

#header #image img
{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#header #logo
{
	position: absolute;
	left: 20px;
	z-index: 20;
}

#header #cart
{
	position: absolute;
	top: 101px;
	left: 782px;
	z-index: 30;
}

#header #cart #num
{
	position: absolute;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	z-index: 40;
	width: 61px;
	top: 30px;
	left: 20px;
}


/*
 NAVIGATION
*/

ul#navigation
{
	margin: 0 0 0 19px;
	padding: 13px 0 0 0;
	width: 128px;
	float: left;
	list-style: none;
}

ul#navigation li
{
}

ul#navigation li a
{
	display: block;
	height: 29px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

ul#navigation li a:hover,
ul#navigation li a.selected
{
}

ul#navigation li a#home-nav
{
	background-image: url( ../images/site/nav/home_passive.png );
}

ul#navigation li a#home-nav:hover,
ul#navigation li a#home-nav.selected
{
	background-image: url( ../images/site/nav/home_active.png );
}

ul#navigation li a#blog-nav
{
	background-image: url( ../images/site/nav/blog_passive.png );
}

ul#navigation li a#blog-nav:hover,
ul#navigation li a#blog-nav.selected
{
	background-image: url( ../images/site/nav/blog_active.png );
}

ul#navigation li a#events-nav
{
	background-image: url( ../images/site/nav/events_passive.png );
}

ul#navigation li a#events-nav:hover,
ul#navigation li a#events-nav.selected
{
	background-image: url( ../images/site/nav/events_active.png );
}


ul#navigation li a#store-nav
{
	background-image: url( ../images/site/nav/store_passive.png );
}

ul#navigation li a#store-nav:hover,
ul#navigation li a#store-nav.selected
{
	background-image: url( ../images/site/nav/store_active.png );
}

ul#navigation li a#about-nav
{
	background-image: url( ../images/site/nav/about_passive.png );
}

ul#navigation li a#about-nav:hover,
ul#navigation li a#about-nav.selected
{
	background-image: url( ../images/site/nav/about_active.png );
}

ul#navigation li a#contact-nav
{
	background-image: url( ../images/site/nav/contact_passive.png );
}

ul#navigation li a#contact-nav:hover,
ul#navigation li a#contact-nav.selected
{
	background-image: url( ../images/site/nav/contact_active.png );
}

.clear{
	clear: both;
}
#horizontal_nav{
	margin-top: -15px;
}

#horizontal_nav ul{
	margin: 0 auto;
	width: 600px;
	text-align: center;
}
#horizontal_nav ul li{
	float: left;
	list-style: none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font
}

#horizontal_nav ul li a{
	display: block;
	color: #969696;
	text-decoration: none;
	padding: 5px;
	font-size: 18px;
	
}

#horizontal_nav ul li.selected a, #horizontal_nav ul li:hover a{
	color: #33b2f2;
}

/*
 HELPERS
*/

.hidden
{
	display: none;
}





/*
 CALENDAR
*/

#calendar
{
	float: left;
	clear: both;
	padding: 10px 0 0 0;
	width: 100%;
}

#calendar td,
#calendar th
{
	width: 68px;
}

#calendar th
{
	color: #6d6e71;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-size: 10px;
}

#calendar td
{
	height: 44px;
	border-top: 2px solid #6d6e71;
	border-right: 2px solid #6d6e71;	
	padding: 4px;
	color: #6d6e71;
	font-size: 10px;
}

#calendar td li
{
	margin: 0 0 0 5px;
}

#calendar td:last-child
{
	border-right: none;
}

#calendar td .day
{
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

#calendar td.active
{
	background: #656565;
	color: #ccc;
}

#calendar td.blank
{
	color: #a5a5a5;
}

#calendar td a
{
	color: #fff;
}

#calendar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}


/*
 LANDING
*/

#landing #left
{
	width: 335px;
	background: #fff;
	padding: 20px 10px 10px 10px;
	position: relative;
	height: 980px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#landing #right
{
	width: 492px;
	margin: 0 0 0 17px;
}

#landing #news
{
	padding-top: 40px;
}

#landing #news h2
{
	text-transform: none;
}

#landing #news .meta
{
	font-size: 11px;
}

#landing #news .post
{
	border-bottom: 2px solid #000;
}

#landing #news .post:last-child
{
	border-bottom: none;
	margin-bottom: 0;
}

#landing #landing-store
{
	position: relative;
}


#landing #landing-store #products
{
	margin-top: 10px;
	position: relative;
	clear: both;
	float: left;
}

#landing #landing-store #products a
{
	float: left;
	margin: 0 13px 13px 0;
}

#landing #landing-store #products a.three
{
	margin-right: 0;
}

#landing #landing-store #products img
{
	width: 155px;
	height: 154px;
	overflow: hidden;
	margin: 0;
}

#landing #events
{
	padding-top: 45px;
	clear: both;
	float: left;
	background: #fff;
	width: 100%;
	position: relative;
}

#landing #events h1
{
	font-size: 30px;
	text-align: center;
	padding: 10px 0;
}

/*
 BLOG
*/

#blog.content
{
}

#blog #blog-wrapper
{
	margin-top: 10px;
	background: #fff;
	float: left;
	clear: both;
}

#blog #left
{
	width: 589px;
	padding: 10px 20px;	
}

#blog #right
{
	width: 214px;
	margin: 10px 0 0 20px;
}

#blog .post,
#news .post
{
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#blog .meta,
#news .meta
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

#blog .comments
{
	font-size: 14px;
}

#blog #sidebar
{
	margin-top: 20px;
}


#blog .comment
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 609px;
}

#blog .comment .meta
{
	font-style: italic;
	font-size: 11px;
	color: #000;
}

#blog #posts
{
	margin: 0;
	padding: 0;
	list-style: none;	
}

#blog #posts li,
#blog #posts ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 20px;
}

#blog #posts li.month
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

#blog #posts li.postlink
{
	font-weight: normal;
}

#blog .author
{
	display: none;
}


/*
 EVENTS
*/

#events.content
{
	width: 863px;
}

#events #events-wrapper
{
	margin-top: 10px;
	padding-top: 20px;
	background: #fff;
	float: left;
	clear: both;
}

#events.content #events-navigation
{
	float: left;
	clear: both;
}

#events.content #events-navigation #arrow-left,
#events.content #events-navigation #arrow-right
{
	width: 42px;
	height: 51px;
	background-repeat: no-repeat;
	display: block;
}

#events.content #events-navigation #arrow-left
{
	background-image: url( ../images/site/velo_events_arrow_left.png );
	float: left;
	clear: left;
	margin-left: 115px;
}

#events.content #events-navigation #arrow-right
{
	background-image: url( ../images/site/velo_events_arrow_right.png );
	float: left;
	clear: right;
}

#events.content #events-navigation h1
{
	color: #656565;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 509px;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}

#events.content #calendar td,
#events.content #calendar th
{
	width: 122px;
}

#events.content #calendar th
{
	font-size: 13px;
}

#events.content #calendar td
{
	font-size: 13px;
	height: 100px;
}

#event-details-overlay
{
}

#event-details-overlay ul
{
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#event-details-overlay ul li .title
{
	font-weight: bold;
}

#event-details-overlay #body
{
	font-size: 12px;
	
}

/*
 Store
*/

#store.content
{
	margin-bottom: 20px;
}

#store #left
{
	width: 132px;
}

#store #right
{
	width: 710px;
	margin: 10px 0 0 21px;
}


#right #products .product
{
	float: left;
	margin: 0 13px 10px 0;
}

#right #products .product.five
{
	margin-right: 0;
}

#right #products .product img
{
	width: 131px;
	height: 131px;
}

#right #products .product .title
{
	margin-top: 3px;
	font-size: 11px;
	font-weight: bold;
	width: 131px;
	height: 30px;
}

#right #sortby-bar
{
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	clear: both;
}

#store-navigation
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 11px;
}

#store-navigation li
{
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;	
	width: 122px;
	text-align: right;
}

#store-navigation li a
{
	color: #808080;
}

#store-navigation a.selected,
#store-navigation a:hover
{
	color: #656565;
}

#store-navigation li ul
{
	margin: 0 0 10px 0;
	padding: 0;
	display: none;
}

#store #buy-bar
{
	margin-top: 20px;
}

#store #buy-bar #price
{
	float: left;
	font-size: 28px;
	font-weight: bold;
}

#store #buy-bar #add-to-cart
{
	float: right;
}

#store #buy-bar #add-to-cart a
{
	width: 195px;
	height: 31px;
	background: url( ../images/site/store_cart_flag.png ) no-repeat right top;
	display: block;
	cursor: pointer;
}

#store #buy-bar #add-to-cart #out-of-stock
{
	width: 195px;
	height: 31px;
	background: url( ../images/site/out_of_stock.png ) no-repeat right top;
	display: block;
}


#store #description
{
	margin-top: 10px;
	float: left;
	clear: both;
	background: #fff;
}

#store #description p
{
	font-size: 12px;
	padding: 5px;
	margin-bottom: 15px;
}

#store .details
{
	color: #33b2f2;
	text-decoration: none;
	font-weight: bold;

}

#store .store-button
{
	border: 0;
	background: #2fbaee;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 5px;
	font-weight: normal;
	font-size: 13px;
	display: inline-block;
}

#store #images img
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 710px;
	overflow: hidden;
}

#store #thumbs
{
	clear: both;
	width: 100%;
	overflow: auto;
	margin: -10px 0 0 0;
	padding-bottom: 5px;
}

#store #thumbs img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	cursor: pointer;	
}

#store #product #right
{
	margin-top: 15px;
}

#store table
{
	background: #fff;
	border: 1px solid #a7a7a7;
	color: #656565;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#store table.cart
{
	margin-top: 15px;
	margin-left: 33px;
	width: 830px;
}

#store table#total
{
	margin-left: 33px;
	float: right;
	margin: 20px 0;
	text-align: left;
	padding-bottom: 0;
}

#store table th
{
	color: #fff;
	background: #a7a7a7;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
}

#store table td
{
	padding: 10px;
}

#store table#total td ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#store table#total td ul li
{
	line-height: 20px;
}

#store table#total td ul li#order-total
{
	font-weight: bold;
	font-size: 13px;
	border-top: 1px dotted #a7a7a7;
	padding-top: 5px;
	margin-top: 5px;
}

#store table#total td ul li .title
{
	width: 100px;
	display: inline-block;
}

#store table td input
{
	border: 1px solid #a7a7a7;
	padding: 5px;
}

#store table td .quantity
{
	text-align: center;
	width: 30px;
}

#store .button-bar
{
	width: 863px;
	text-align: right;
	margin-right: 55px;
	clear: both;
	overflow: none;
}

.button-bar h2
{
	margin-top: 75px;
}

.dollar
{
	color: #2fbaee;
}

/*
 About
*/

#about.content
{
	width: 823px;
}

#about .details
{
	color: #33b2f2;
	text-decoration: none;
	font-weight: bold;

}

#about .img
{
	border: 1px solid #a7a7a7;
	padding: 2px;
}

/*
 Contact
*/

#contact.content
{
	width: 823px;
}

#contact #right{ margin-left: 200px; }

/*
 Build a bike
*/

#build.content
{
	width: 863px;
}

#build #flashContent
{
	width: 863px;
	height: 703px;
	margin: 10px auto;
}


/* FLAGS */

#store-cart-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/store_flag_cart.png ) no-repeat right bottom;
}

#store-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/store_flag.png ) no-repeat right bottom;
}

#events-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/events_flag.png ) no-repeat right bottom;
}

#blog-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/blog_flag.png ) no-repeat right bottom;
}

#contact-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/contact_flag.png ) no-repeat right bottom;
}

#about-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/about_flag.png ) no-repeat right bottom;
}

#landing-news-flag
{
	position: absolute;
	top: 15px;
	height: 39px;
	width: 345px;
	background: url( ../images/site/landing_flag_news.png ) no-repeat right bottom;
}

#landing-store-flag
{
	position: absolute;
	top: 15px;
	height: 39px;
	width: 493px;
	background: url( ../images/site/landing_flag_store.png ) no-repeat right bottom;
}

#landing-events-flag
{
	position: absolute;
	top: 15px;
	height: 39px;
	width: 493px;
	background: url( ../images/site/landing_flag_events.png ) no-repeat right bottom;
}

#museum-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/museum_flag.png ) no-repeat right bottom;
}

#returns-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/returns_flag.png ) no-repeat right bottom;
}

#faq-flag
{
	height: 39px;
	width: 863px;
	background: url( ../images/site/faq_flag.png ) no-repeat right bottom;
}

/*
 Museum
*/
// Updated again 6/14/10 -JustinMorrison

/* Old Code 6/7/10 */
/* #museum #museumright
{
	width: 863px;
	margin: 10px 0 0 21px;
}
#museum #images img
{
	display: block;
    margin-left: auto;
    margin-right: auto
}


#museum #thumbs img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	cursor: pointer;	
} */

#museum .content #left {
	padding-right: 10px;
}

#museum #left
{
	width: 132px;
}

#museum #museumright
{
	float: left;
	width: 700px;
	margin: 10px 0 0 21px;
}

#museum #description
{
	margin-top: 10px;
	float: left;
	clear: both;
	background: #fff;
}

#museum #description p
{
	font-size: 12px;
	padding: 5px;
	margin-bottom: 15px;
}

#museum #images img
{
	display: block;
    margin-left: auto;
    margin-right: auto
}


#museum #thumbs img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	cursor: pointer;	
}