/* vanilla styles */

/* //////////// structure //////////// */

body {
	margin: 0 0;
	padding: 0 0;
	font-size: 12px; 
	font-family: Helvetica;
	line-height: 15px;
	}
	
#container {
	margin: 0 0;
	}
	
#header {
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	height: 99px;
	}
	
#menu {
	width: 100%;
	height: 26px;
	margin: 0 0;
	padding: 0 0;
	background-color: #373737;
	text-align: center;
	/* border-bottom: 1px solid #5e5e5e; */
	}
	
#content {
	width: 758px;
	margin: 16px auto 50px auto;
	padding: 0 0;
	display:block; 
	}

#gallerycontent {
	width: 826px;
	margin: 16px auto 50px auto;
	padding: 0 0;
	display:block; 
	}
		
#content:after, #gallerycontent:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

#sidebar {
	float: left;
	width: 138px;
	margin: 0 12px 0 0;
	padding: 0 0;
	line-height: 14px;
	}
	
#main {
	float: left;
	width: 608px;
	margin: 0 0 12px 0;
	padding: 0 0 10px 0;
	}
	
#footer {
	width: 100%;
	height: 28px;
	margin: 0 0;
	padding: 0 0;
	background-color: #434343;
	text-align: center;
	font-size: 12px; 
	color: #aaa; 
	position: fixed;
	bottom: 0;
	}

/* //////////// main nav //////////// */
	
#header a {
	border: 0;
	margin: 0 auto;
	padding: 0 0;
	width: 400px;
	height: 99px;
	display: block;
	text-decoration: none;
	font-size: 8px;
	text-indent: -3000px;
	}
	
#header h1 {
	margin: 0 0;
	padding: 0 0;
	}
	
#stripeleft {
	float: left;
	width: 8px;
	height: 97px;
	padding: 0 0;
	margin: 1px 0 0 1px;
	border-right: 8px solid #757575;
	background-color: #fff;
	}
	
#striperight {
	float: right;
	width: 8px;
	height: 97px;
	padding: 0 0;
	margin: 1px 1px 0 0;
	border-left: 8px solid #757575;
	background-color: #fff;
	}
	
#menu ul {
	padding: 6px 0 0 0;
	margin: 0 0;
	}

#menu ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0;
	margin: 0 0 0 7px;
	color: #757575; 
	font-weight: bold; 
	font-size: 12px; 
	}
	
#menu ul li.about {
	margin: 0 0;
	}

#menu a {
	padding: 0 0;
	margin: 0 10px 0 0;
	color: #a8a8a8; 
	text-decoration: none;
	}
	
#menu .community a {
	margin: 0 0;
	}
	
#menu a:hover {
	color: #fff; 
	text-decoration: none
	}	

/* //////////// content structure //////////// */
	
	
#feature1 {
	width: 608px;
	margin: 0 0;
	padding: 0 0;
	}

#feature1:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
		
#subfeature1 {
	float: left;
	width: 298px;
	margin: 0 12px 0 0;
	padding: 0 0;
	}
	
#subfeature2 {
	float: left;
	width: 298px;
	margin: 0 0;
	padding: 0 0;
	}

#leftcolumn {
	float: left;
	width: 293px;
	margin: 0 17px 0 0;
	padding: 0 0;
	}
	
#rightcolumn {
	float: left;
	width: 298px;
	margin: 0 0;
	padding: 0 0;
	}
	
/* //////////// content styles //////////// */
	
img  {
	display: block;
	border-width: 2px;
	border-style: solid;
	margin: 0 0 0 0;
	padding: 0 0;
	}
	
h2 {
	/* font-size: 21px; 
	margin: 8px 0 14px 2px; */
	font-size: 14px; 
	padding: 0 2px 0 2px;
	}
	
h3 {
	padding: 0 2px 0 2px;
	font-size: 13px; 
	}
	
h4 {
	font-size: 12px; 
	padding: 0 2px 0 2px;
	}
	
p {
	margin-left: 2px;
	margin-right: 2px;
	}

a {
	outline: none;
	}

#subfeature1 p, #subfeature2 p {
	margin: 8px 2px 8px 2px;
	}

#subfeature1 h3, #subfeature2 h3 {
	margin: 8px 0 8px 0;
	padding: 0 2px 0 2px;
	}
	
p.pic {
	padding: 0;
	}
	
hr {
	margin: 14px 0;
	padding: 0 0;
	border: 0;
  	height: 2px;
	}
	
#content a, #gallerycontent a {
	font-weight: bold;
	text-decoration: none
	}

ul {
	padding: 0 0;
	margin: 0 0;
	}

ul li {
	list-style-type: none;
	margin: 0 0;
	padding: 0 2px 0 2px;
	}

ol {
	padding: 0 0 0 20px;
	}

#content .accent {
	font-weight: bold;
	color: #fff;
	/* color: #fff; */ 
	}

/* //////////// sidebar styles //////////// */

#sidebar  {	
	font-size: 11px; 
	line-height: 13px;
	}
	
#sidebar h2  {
	margin: 0 0 6px 0;
	padding: 0 2px 0 2px;
	font-size: 12px; 
	}
	
#sidebar hr {
	margin: 8px 0 11px 0;
	}

#sidebar p {
	padding: 0 0;
	margin: 0 0 7px 2px;
	}

#sidebar ul {
	padding: 0 0;
	margin: 0 0 14px 0;
	}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0;
	padding: 7px 2px 0 2px;
	/* border-bottom: 2px solid #5e5e5e; */
	}

#sidebar ul li.pic {
	height: 68px;
	padding: 0 0;
	margin: 0 0 2px 0;
	border: none;
	}

#sidebar ul li.current {
	list-style-image: url(/image/arrow.gif);
	}

#sidebar ul li.expand {
	list-style-image: url(/image/arrow-down.gif);
	}
	
#sidebar ul li.expand a, #sidebar ul li.current a {
	color: #fff; 
	}

#sidebar ul li.expand ul {
	list-style-type: none;
	margin: 0 0;
	padding: 8px 0 3px 5px;
	border: none;
	}

#sidebar ul li.expand ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 0 0;
	border: none;
	}
	
#sidebar ul li.return {
	list-style-image: url(/image/arrow-left.gif);
	list-style-position: outside;
	}

/* //////////// footer styles //////////// */
	
#footer p {
	margin: 0 0;
	margin: 7px 0 0 0;
	}
	
#footer .accent {
	font-weight: bold;
	color: #757575; 
	}
	
#footer a.footerlink {
	color: #aaa; 
	text-decoration: none
	}

#footer a:hover.footerlink {
	color: #fff; 
	}

	
/* //////////////////////////////////// HOME //////////////////////////////////// */

#sidebar ul.archive {
	padding: 0 0;
	margin: 0 0;
	}

#sidebar ul.archive li {
	padding: 0 0;
	margin: 0 2px 2px 2px;
	border: none;
	}

#sidebar ul.archive li.pic {
	height: 68px;
	padding: 0 0;
	margin: 0 0 6px 0;
	}


/* //////////////////////////////////// ABOUT //////////////////////////////////// */

/* //////////////////////////////////// THE BIKES //////////////////////////////////// */

#rack img, #mainimage img {
	display: inline;
	}

#rack {
	width: 816px;
	padding: 40px 0 50px 0;
	margin: 0 auto;
	}
	
#rack:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

#rack img {
	padding: 0 0;
	margin: 0 0;
	}
	
#rack1 {
	width: 166;
	float: left;
	padding: 99px 0 0 0;
	margin: 0 12px 0 0;
	}

#rack2 {
	width: 418px;
	float: left;
	padding: 0 0;
	margin: 0 12px 0 0;
	}

#rack3 {
	width: 208px;
	float: left;
	padding: 78px 0 0 0;
	margin: 0 0;
	}

ul#thebikesnav {
	padding: 0 0;
	margin: 0 0;
	text-align: center;
	}

ul#thebikesnav li {
	display: inline;
	list-style-type: none;
	padding: 0 0;
	margin: 0 0 0 7px;
	color: #aaa; 
	font-weight: bold; 
	font-size: 12px; 
	}
	
ul#thebikesnav a {
	padding: 0 0;
	margin: 0 10px 0 0;
	text-decoration: none;
	}

/* //////////////////////////////////// COMMUNITY //////////////////////////////////// */

#communitypage h3 {
	margin-bottom: 6px;
	}

#communitypage .pressitem {
	margin: 0 0 12px 0;
	}

#communitypage .pressitem img {
	margin-right: 12px;
	float: left;
	}


#communitypage .pressitem h4 {
	margin: 0 0 0 0;
	padding-top: 2px;
	}

#communitypage .pressitem p {
	margin: 8px 0 0 0;
	}
/**/

#communitypage .pressitem:after, .captionlink:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
.captionlink {
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #606060;
	}

.captionlink h4 {
	margin: 0 4px 0 0;
	float: left;
	}

.captionlink p {
	margin: 0 0;
	}
	
.caption {
	font-weight: normal;
	color: #ccc; 
	}



/* //////////////////////////////////// CRAFTSMANSHIP //////////////////////////////////// */

#craftpage #content {
	width: 608px;
	}


/* //////////////////////////////////// WORKSHOP //////////////////////////////////// */

#workshoppage #content {
	width: 608px;
	}

#workshoppage hr {
	margin: 14px 0;
	}

#workshoppage h4, #thebikespage h4, #bikepage h4 {
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #3d4e5e;
	}

.projectl {
	float: left;
	width: 298px;
	margin: 0 12px 8px 0;
	padding: 0 0;
	}
	
.projectr {
	float: left;
	width: 298px;
	margin: 0 0 8px 0;
	padding: 0 0;
	}

.projectl p, .projectr p {
	margin: 8px 0 8px 2px;
	padding: 0 0;
	}

.projectl h3, .projectr h3 {
	margin: 14px 0 8px 2px;
	padding: 0 0;
	}

/* //////////////////////////////////// TEAM //////////////////////////////////// */

#teamfeature {
	width: 758px;
	margin-bottom: 14px;
	padding: 0 0;
	}

#teamfeature:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

/* 
#teampage #subfeature1 {
	float: left;
	width: 396px;
	margin: 0 12px 0 0;
	padding: 0 0;
	}
	
#teampage #subfeature2 {
	float: left;
	width: 200px;
	margin: 0 0;
	padding: 0 0;
	}
*/ 
 
#sidebar ul.logos li {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0;
	border: none;
	}

#sidebar ul.logos li img {
	padding: 0 0;
	margin: 0;
	}

#sidebar ul.logos {
	padding: 10px 0 20px 0;
	margin: 0 0;
	/* background-color: #d27d28; */
	}
	
#sidebar ul.logos img {
	padding: 0 0;
	margin: 0 0;
	border: none;
	}

.quote {
	margin: 20px 20px;
	font-weight: bold;
	color: #fff; 
	}

/* //////////// GREY - DEFAULT //////////// */

body {
	color: #222; 
	background: #7b7b7b url(/image/column-grey.gif) top center repeat-y;
	}
	
#container {
	background: transparent url(/image/shade.png) left 124px repeat-x;
	}

#header {
	background: #434343 url(/image/header-lightblue.gif) top center no-repeat;
	}

#menu ul li {
	color: #B0C4DE; 
	}
	
#aboutpage #menu .about a,
#thebikespage #menu .thebikes a,
#bikepage #menu .thebikes a,
#craftpage #menu .craft a,
#orderingpage #menu .ordering a,
#teampage #menu .team a,
#shoppage #menu .boutique a,
#workshoppage #menu .workshop a,
#communitypage #menu .community a{
	color: #fff; 
	}
	
img  {
	border-color: #606060;
	}

#sidebar ul li  {
	border-color: #727272;
	}

	
h1, h2, h3, h4 {
	color: #fff; 
	}
	
a {
	color: #B0C4DE; 
	}
	
a:hover {
	color: #fff; 
	}
	
hr {
	background-color: #606060;
	color: #666;
	}

/* //////////////////////////////////// BLUE //////////////////////////////////// */
	
/* /// top - orange /// */

.blue #header {
	background: #434343 url(/image/header-orange.gif) top center no-repeat;
	}

.blue #stripeleft, .blue #striperight {
	border-color: #d98129;
	}
	
.blue #menu ul li {
	color: #F3AC50; 
	}
	
/* /// bottom - blue /// */

body.blue {
	color: #333; 
	background: #738494 url(/image/column-blue.gif) top center repeat-y;
	}

.blue img {
	border-color: #596c79;
	}

.blue #sidebar ul li {
	border-color: #6b7a89;
	}
	
.blue hr {
	background-color: #6b7a89;
	color: #6b7a89;
	}
	
/* /// links - light orange /// */

.blue a {
	color: #F3AC50;
	}
	
.blue a:hover {
	color: #fff;
	}

/* //////////////////////////////////// ORANGE //////////////////////////////////// */

/* /// top - blue /// */

.orange #header {
	background: #434343 url(/image/header-blue.gif) top center no-repeat;
	}

.orange #stripeleft, .orange #striperight {
	border-color: #778899;
	}
	
.orange #menu ul li {
	color: #778899; 
	}

/* /// bottom - orange /// */
	
body.orange {
	color: #444; 
	background: #d27d28 url(/image/column-orange.gif) top center repeat-y;
	}

.orange img {
	border-color: #b26a22;
	}

.orange #sidebar ul li {
	border-color: #cb7926;
	}
	
.orange hr {
	background-color: #b26a22;
	color: #b26a22;
	}
	
/* /// links - orange /// */

.orange a, #sidebar ul li.expand ul li a {
	color: #374c61;
	}
	
.orange a:hover, #sidebar ul li.expand ul li a:hover {
	color: #fff;
	}
	
/* //////////////////////////////////// DARK BLUE //////////////////////////////////// */

/* /// top - grey /// */

.darkblue #header {
	background: #434343 url(/image/header-grey.gif) top center no-repeat;
	}

.darkblue #menu ul li {
	color: #757575; 
	}

/* /// bottom - dark blue /// */
	
body.darkblue {
	background: #485c6f url(/image/column-darkblue.gif) top center repeat-y;
	}

.darkblue img {
	border-color: #3d4e5e;
	}

.darkblue #sidebar ul li {
	border-color: #3d4e5e;
	}
	
.darkblue hr {
	background-color: #3d4e5e;
	color: #3d4e5e;
	}

/* /// text - light grey /// */

body.darkblue {
	color: #bbb; 
	}

/* /// links - orange /// */

.darkblue a {
	color: #d98129;
	}
	
.darkblue a:hover {
	color: #fff;
	}

/* //////////////////////////////////// PINK //////////////////////////////////// */

/* /// top - blue /// */

.pink #header {
	background: #434343 url(/image/header-blue.gif) top center no-repeat;
	}

.pink #stripeleft, .orange #striperight {
	border-color: #778899;
	}
	
.pink #menu ul li {
	color: #778899; 
	}

/* /// bottom - dark blue /// */
	
body.pink {
	color: #444; 
	background: #ed9398 url(/image/column-pink.gif) top center repeat-y;
	}

.pink img {
	border-color: #d08186;
	}

.pink #sidebar ul li {
	border-color: #ed9398;
	}
	
.pink hr {
	background-color: #d08186;
	color: #d08186;
	}

/* /// links - orange /// */

.pink a {
	color: #738494;
	}
	
.pink a:hover {
	color: #fff;
	}

/* //////////////////////////////////// Green //////////////////////////////////// */

/* /// top - pink /// */

.green #header {
	background: #434343 url(/image/header-pink.gif) top center no-repeat;
	}

.green #stripeleft, .orange #striperight {
	border-color: #778899;
	}
	
.green #menu ul li {
	color: #FA9289; 
	}

/* /// bottom - green /// */
	
body.green {
	color: #222; 
	background: #677850 url(/image/column-green.gif) top center repeat-y;
	}

.green img {
	border-color: #586644;
	}

.green #sidebar ul li {
	border-color: #677850;
	}
	
.green hr {
	background-color: #586644;
	color: #586644;
	}

/* /// links - pink /// */

.green a, .green #sidebar ul li.expand ul li a {
	color: #FA9289;
	}
	
.green a:hover, .green #sidebar ul li.expand ul li a:hover {
	color: #fff;
	}

	
/* //////////////////////////////////// Purple //////////////////////////////////// */

/* /// top - pink /// */

.purple #header {
	background: #434343 url(/image/header-yellow.gif) top center no-repeat;
	}
	
.purple #menu ul li {
	color: #E6B33D; 
	}

/* /// bottom - purple /// */
	
body.purple {
	color: #222; 
	background: #9A8DA6 url(/image/column-purple.gif) top center repeat-y;
	}

.purple img {
	border-color: #83788E;
	}
	
.purple hr {
	background-color: #83788E;
	color: #83788E;
	}

/* /// links - pink /// */

.purple a, .purple #sidebar ul li.expand ul li a {
	color: #ffbb33;
	}
	
.purple a:hover, .purple #sidebar ul li.expand ul li a:hover {
	color: #fff;
	}