/*
      Created by Damon Eckhoff of Episode Creative, LLC

	  E-Mail: damon@episodecreative.com
	  Created: 12/09/2008
	  Last Modified: 12/09/2008
*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;/* vertical-align:baseline;*/}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a { outline: none; color: #333;}
a:hover { text-decoration: none; }
object {
 vertical-align: bottom;
}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* structure */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #666;
 background-image: url(css-images/bg.png);
 background-repeat: repeat-x;
}
#header-wrapper {
 margin: 0 auto;
 width: 880px;
}
#wrapper {
 margin: 0 auto;
 width: 840px;
}
#header {
 color: #333;
 width: 860px;
 float: left;
 padding: 0px 0px 0px 20px;
 height: 116px;
 margin: 0;
 background: #000;
}
#navigation {
 float: left;
 width: 816px;
 color: #fff;
 padding: 0px 12px 0px 12px;
 height: 33px;
 margin: 0px 0px 0px 0px;
 font-size: 14px;
 line-height: 33px;
}
#container {
 float: left;
 width: 820px;
 color: #333;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #cbcbcb;
 padding: 26px 8px 25px 8px;
 margin-bottom: 0px;

}
#leftcolumn-wide {
 color: #333;
 padding-right: 10px;
 margin: 0px 0px 0px 0px;
 width: 530px;
 float: left;
}
#rightcolumn-narrow {
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 width: 280px;
 display: inline;
}
#leftcolumn-narrow {
 color: #333;
 padding-right: 10px;
 margin: 0px 0px 0px 0px;
 width: 280px;
 float: left;
}
#rightcolumn-wide {
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 width: 510px;
 padding-left: 20px;
 display: inline;
}
#onecolumn {
}
#container-bottom {
 width: 840px;
 height: 11px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 background-image: url(css-images/container-bottom.png);
 background-repeat: none;
}
#footer {
 width: 840px;
 clear: both;
 color: #CCC;
 margin: 0px 0px 10px 0px;
 text-align: center;
}


/* Header Specifics */
#header-flash {
 height: 116px;
}

/* Main Navigation */
ul#main-nav {
 margin: 0;
}
#main-nav li {
 display: inline;
 list-style-type: none;
 line-height: 33px;
 font-stretch:condensed;
}
#main-nav li a {
 text-decoration: none;
 color: #ccc;
 padding-left: 0px;
 display: block;
 height: 33px;
 float: left;
 margin-right: 1.5em;
}
#main-nav li a:hover {
 color: #f90;
}
#main-nav li.current_page_item a {
 background:url(css-images/main-nav-current.png) no-repeat center bottom;
 color: #f90;
}

/* Main Box */
#home-main {}
.home-main-header {
 width: 496px;
 height: 40px;
 clear: both;
 color: #333;
 padding: 0px 17px 0px 17px;
 margin: 0px 0px 0px 0px;
 background-image: url(css-images/header-bg-530x40.png);
 background-repeat: none;
}
.home-main-header h1 {
 color: #F20017;
 font-size: 24px;
 line-height: 40px;
 font-weight: bold;
}
.home-main-content {
 width: 526px;
 height: 447px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #fff;
}
.home-main-content img {
 vertical-align: bottom;
}
.home-main-footer {
 width: 530px;
 height: 12px;
 background-image: url(css-images/footer-bg-530x12.png);
 background-repeat: none;
}

/* Main Product Box */
#product-main {}
.product-main-header {
 width: 496px;
 height: 40px;
 clear: both;
 color: #333;
 padding: 0px 17px 0px 17px;
 margin: 0px 0px 0px 0px;
 background-image: url(css-images/header-bg-530x40.png);
 background-repeat: none;
}
.product-main-header h1 {
 color: #F20017;
 font-size: 24px;
 line-height: 40px;
 font-weight: bold;
}
.product-main-content {
 width: 526px;
/* height: 447px; */
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #fff;
}
.product-main-content img {
 display: block;
}
.product-main-footer {
 width: 530px;
 height: 12px;
 background-image: url(css-images/footer-bg-530x12.png);
 background-repeat: none;
}



/* Feature Box */
div.feature-box {
 width: 280px;
}
div.feature-box-header {
 width: 260px;
 height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 background-image: url(css-images/header-bg-280x40.png);
 background-repeat: none;
}
div.feature-box-header h2 {
 font-size: 18px;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
}
div.feature-box-header a {
 text-decoration: none;
 color: #fff;
}
div.feature-box-content {
 width: 276px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #EFEFEF;
}
div.feature-box img {
 display: block;
/* vertical-align: bottom; */
}
div.feature-box-features {
 font-size: 14px;
 font-weight: bold;
 padding: 12px 10px 0px 10px;
}
div.feature-box ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}
div.feature-box-footer {
 width: 280px;
 height: 36px;
 background-image: url(css-images/footer-bg-280x36.png);
 background-repeat: none;
 text-align: center;
 line-height: 34px;
 color: #f90;
 font-size: 16px;
 font-weight: bold;
}
div.feature-box-footer a {
 text-decoration: none;
 color: #f90;
}
div.feature-box-img {
 border-bottom: 2px solid #000;
}

/* Home Blurb */
div.blurb {
 padding: 6px 10px 16px 10px;
 clear: both;
}
div.blurb p {
 font-size: 12px;
 font-weight: bold;
}
.product div.blurb {
 text-align: right;
}

/* Subfeatures */
div#subfeatures {
 width: 530px;
/* background: #0F0; */
}
/* Product Box */
div.product-box {
 width: 260px;
 float:left;
 margin-right: 10px;
 margin-bottom: 10px;
}
div.product-box-header {
 width: 260px;
 height: 32px;
 background-image: url(css-images/header-bg-260x32.png);
 background-repeat: none;
}
div.product-box-header h2 {
 font-size: 16px;
 line-height: 32px;
 color: #f90;
 font-weight: bold;
 text-align: center;
}
div.product-box-header a {
 text-decoration: none;
 color: #f90;
}
div.product-box-content {
 width: 256px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #fff;
}
div.product-box img {
 vertical-align: bottom;
}
div.product-box-footer {
 width: 260px;
 height: 10px;
 background-image: url(css-images/footer-bg-260x10.png);
 background-repeat: none;
}
div.product-box-last {margin-right:0;}

div.product-box-features {
 border-top: 2px solid #000;
 font-size: 14px;
 font-weight: bold;
 padding: 12px 10px 0px 10px;
 height: 112px;
}
div.product-box-features ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}
div.product-box-features a {
 text-decoration: none;
 color: #333;
}


/* Bike News */
div#bike-news {
 width: 256px;
 padding: 18px 12px 0px 12px;
}
div#bike-news h2 {
 font-size: 16px;
 font-weight: bold;
 color: #333;
 margin-bottom: 8px;
}
div#bike-news h2 a {
 text-decoration: none;
 color: #333;
}
div#bike-news ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 font-size: 12px;
}
div#bike-news ul a {
 color: #333;
}
div#bike-news ul li {
 margin-bottom: 10px;
}

/* Footer Navigation */
#footer-nav {
 margin-top: 1em;
 margin-bottom: 2em;
}
#footer-nav li {
 display: inline;
 list-style-type: none;
 font-size: 14px;
 margin-right: 6px;
}
#footer-nav li a {
 text-decoration: none;
 color: #ccc;
 padding-left: 14px;
}
#footer-nav li a:hover {
 text-decoration: underline;
}
#footer-nav li + li {
  background-image: url("images/footer-nav-bullet.gif");
  background-position: 0px 2px;
  background-repeat: no-repeat;
}


/* Footer Specifics */
p.copyright {
 font-size: 12px;
 margin-bottom: 1em;
}

/* Episode */
p.episode {
 font-size: smaller;
}
p.episode a {
 text-decoration: none;
 color: #ccc;
}
p.episode a:hover {
 text-decoration: underline;
}

/* Sub Page Specifics */
.subpage-header-img-box {
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 margin-bottom: 10px;
}
.subpage-header-img-box img {
 vertical-align: bottom;
}
.subpage h1 {
 font-size: 24px;
 font-weight: bold;
 color: #f00;
 margin-top: 0px;
 margin-bottom: 9px;
 padding-top: 0px;
 line-height: 1em;
}
.subpage h2 {
 font-size: 18px;
 font-weight: bold;
 color: #333;
 margin-bottom: 9px;
}
.subpage p {
 font-size: 12px;
 margin-bottom: 1.75em;
}

/* Sub Page Side bar */
#subpage-sidebar {
 padding: 0 10px 0 10px;
 font-size: 16px;
 color: #333;
}

#subpage-sidebar ul {
 font-size: 12px;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
}
#subpage-sidebar ul li {
 margin-bottom: 10px;
 padding-right: 0px;
}

/* Showroom specifics */
#showroom-products {
 padding-left: 10px;
/* background: #0f0; */
}
.showroom-main-header {
 width: 790px;
 height: 42px;
 padding-left: 15px;
 padding-right: 15px;
 background-image: url(css-images/header-bg-820x42.png);
 background-repeat: none;
}
.showroom-main-header h1 {
 line-height: 42px;
}

div.showroom-blurb {
/* padding: 6px 10px 16px 10px; */
 padding: 16px 10px 26px 10px;
 clear: both;
}
div.showroom-blurb p {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 0px;
}

/* Product Page */

/* Highlight Box */
div.highlight-box {
 width: 280px;
 margin-bottom: 10px;
}
div.highlight-box-header {
 width: 260px;
 height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 background-image: url(css-images/header-bg-280x40.png);
 background-repeat: none;
}
div.highlight-box-header h2 {
 font-size: 18px;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
}
div.highlight-box-header a {
 text-decoration: none;
 color: #fff;
}
div.highlight-box-content {
 width: 276px;
 height: 201px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #fff;
}
div.highlight-box img {
 vertical-align: bottom;
}
div.highlight-box-highlights {
 font-size: 14px;
 font-weight: bold;
 padding: 12px 10px 0px 10px;
}
div.highlight-box ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}
div.highlight-box-footer {
 width: 280px;
 height: 12px;
 background-image: url(css-images/footer-bg-280x12.png);
 background-repeat: none;
}
div.highlight-box-img {
 border-bottom: 2px solid #000;
}


/* media Box */
div.media-box {
 width: 280px;
 margin-bottom: 10px;
}
div.media-box-header {
 width: 260px;
 height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 background-image: url(css-images/header-bg-280x40.png);
 background-repeat: none;
}
div.media-box-header h2 {
 font-size: 18px;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
}
div.media-box-header a {
 text-decoration: none;
 color: #fff;
}
div.media-box-content {
 width: 276px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 background: #fff;
}
div.media-box img {
 vertical-align: bottom;
}
div.media-box-medias {
 font-size: 14px;
 font-weight: bold;
 padding: 12px 10px 0px 10px;
}
div.media-box ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}
div.media-box-footer {
 width: 280px;
 height: 12px;
 background-image: url(css-images/footer-bg-280x12.png);
 background-repeat: none;
 border-top: 2px solid #000;
}
div.media-box-img {
 border-bottom: 2px solid #000;
}

div.product-blurb {
 padding: 6px 10px 16px 10px;
 clear: both;
}
div.product-blurb p {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 0px;
}
.product-content {
 padding-left: 10px;
 padding-right: 10px;
}
.product h2 {
 font-size: 18px;
 font-weight: bold;
 color: #333;
 margin-bottom: 9px;
}
.product p {
 font-size: 12px;
 margin-bottom: 1.75em;
}
.product-content img {
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
}     

/* 404 */
ul#pagelist404  {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}


/* forms.css */
label {font-weight:bold;color: #333;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}


/* POSTS */
.post {
 padding: 0px 10px 0px 10px;
 margin-bottom: 40px;
}
.post h2 {
 font-size: 18px;
 font-weight: bold;
 color: #333;
 margin-bottom: 5px;
 border-bottom: 1px solid #333;    
}
.post h2 a {
 text-decoration: none;
}
.post h2 a:hover {
 text-decoration: underline;
}
.post .entry {
 margin-top: 9px;
}
.post p {
 margin-bottom: 1.25em;
 line-height: 1.75em;
}
p.postmetadata {
 font-size: 9px;
}

/* COMMENTS */
div.comments {
 padding: 10px 10px 0px 10px;
 border-top: 1px solid #333;
} 
div.comments h3 {
 font-size: 14px;
 font-weight: bold;
 color: #333;
 margin-bottom: 1.5em;
} 

/* WIDGETS */
#sidebar h3 {
 font-size: 14px;
 font-weight: bold;
 color: #333;
 margin-bottom: 7px;
}
#sidebar h3 a {
 text-decoration: none;
}
/*#sidebar li {
 list-style-type: none;
}
*/
#sidebar ul ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 font-size: 12px;
}
#sidebar .widget {
 margin-bottom: 1.75em;
}
ul#sidebarwidgeted {
 list-style-type: none;
}    



/* Blog Box */
#blog-post {}
.blog-header {
 width: 496px;
 height: 40px;
 clear: both;
 color: #333;
 padding: 0px 17px 0px 17px;
 margin: 0px 0px 0px 0px;
 background-image: url(css-images/header-bg-530x40.png);
 background-repeat: none;
}
.blog-header h1 {
 color: #F20017;
 font-size: 24px;
 line-height: 40px;
 font-weight: bold;
}
.blog-header a {
 color: #F20017;    
 text-decoration: none;
}
.blog-post-content {
 width: 526px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #fff;
}
.blog-post-content img {
 vertical-align: bottom;
}
.blog-header-footer {
 width: 530px;
 height: 12px;
 background-image: url(css-images/footer-bg-530x12.png);
 background-repeat: none;
 margin-bottom: 20px;
}

/* Blod Sidebar Box */
div.blog-sidebar-box {
 width: 280px;
}
div.blog-sidebar-box-header {
 width: 260px;
 height: 40px;
 padding-left: 10px;
 padding-right: 10px;
 background-image: url(css-images/header-bg-280x40.png);
 background-repeat: none;
}
div.blog-sidebar-box-header h2 {
 font-size: 18px;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
}
div.blog-sidebar-box-header a {
 text-decoration: none;
 color: #fff;
}
div.blog-sidebar-box-content {
 width: 276px;
 border-top: 2px solid #000;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 background: #EFEFEF;
 padding-top: 7px;
}
div.blog-sidebar-box img {
 display: block;
/* vertical-align: bottom; */
}
div.blog-sidebar-box-features {
 font-size: 14px;
 font-weight: bold;
 padding: 12px 10px 0px 10px;
}
div.blog-sidebar-box ul ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 margin-bottom: 16px;
}
div.blog-sidebar-box ul ul li {
 margin-bottom: 7px;
}
div.blog-sidebar-box-footer {
 width: 280px;
 height: 36px;
 background-image: url(css-images/footer-bg-280x36.png);
 background-repeat: none;
 text-align: center;
 line-height: 34px;
 color: #f90;
 font-size: 16px;
 font-weight: bold;
}
div.blog-sidebar-box-footer a {
 text-decoration: none;
 color: #f90;
}
div.blog-sidebar-box-img {
 border-bottom: 2px solid #000;
}

#blog-bottom-sidebar {
 margin-top: 1.75em;
}
#blog-bottom-sidebar ul ul li {
 margin-bottom: 7px;
}

/* RSS Widget */
.rsswidget > img {
 display: none;
}


/* Homepage Sidebar */
div#homepage-sidebar {
 width: 256px;
 padding: 18px 12px 0px 12px;
}
div#homepage-sidebar h3 {
 font-size: 16px;
 font-weight: bold;
 color: #333;
 margin-bottom: 8px;
}
div#homepage-sidebar h3 a {
 text-decoration: none;
 color: #333;
}
div#homepage-sidebar ul ul {
 list-style-type: disc;
 list-style-image: url(css-images/double-angle-bullet.png);
 font-size: 12px;
}
div#homepage-sidebar ul ul a {
 color: #333;
}
div#homepage-sidebar ul ul li {
 margin-bottom: 10px;
}
div#homepage-sidebar #sidebarwidgeted {
 margin-left: 0px;
}

div#homepage-sidebar .widget + .widget {
 margin-top: 20px;
}