/*GREY: #928D85*/
/*GOLD: #C7AD47*/
/*RED: #7A1315*/
/*DK GREY: #333*/
/*TAN: #FFF4E1*/


* {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

body, html {
	margin: 0;
	height: 100%;
}

body {
	background: url(http://sixelevenbicycleco.com/images/site/bg.jpg) #928D85;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

#grid {
	height: 2000px;
	background: url(http://sixelevenbicycleco.com/images/site/grid.png) repeat-y;
	position: absolute;
	top: 0;
	left: 145px;
	z-index: 20;
	width: 100%;
	display: none;
	z-index:10;
	opacity: .5;
}


#swash {
	height: 161px;
	width: 234px;
	position: absolute;
	right: 0;
	top: 250px;
	background: url(http://sixelevenbicycleco.com/images/site/swash.gif);
	z-index: -20;
}

#header {
	width: 1105px;
	height: 154px;
	margin: 0 0 20px 0;
	background: url(http://sixelevenbicycleco.com/images/site/header-feather.gif) no-repeat;
}

	#header #logo {
		height: 154px;
		width: 310px;	
		margin: 0 0 0 150px;
		background: url(http://sixelevenbicycleco.com/images/site/header-logo.gif);
		line-height: 1000px;
		overflow: hidden;
			padding: 0 !important;

	}
	
	#header #logo a {
		display: block;
		height: 100%;
		width: 100%;
	}
	
	#header #nav {
		height: 100px;
		width: 160px;
		margin: 47px 0 0 0;
		padding: 0 !important;
	}
		#nav ul {
			list-style: none;
		}
		
		#nav ul li {
			height: 18px;
			margin: 0 0 7px 0;
			line-height: 1000px;
			overflow: hidden;
		}
		
		#nav ul li a {
			display: block;
			height: 18px;
		}
		
		#nav ul li:hover, #nav .current {
			background-position: 0 -18px !important;
		}
		
		#the-story {
			background-image: url(http://sixelevenbicycleco.com/images/site/nav-the-story.gif);
			background-position: 0 0;
		}
		
		#recent-work {
			background-image: url(http://sixelevenbicycleco.com/images/site/nav-recent-work.gif);
			background-position: 0 0;
		}
		
		#ordering {
			background-image: url(http://sixelevenbicycleco.com/images/site/nav-ordering.gif);
			background-position: 0 0;
		}
		
		#shop-journal {
			background-image: url(http://sixelevenbicycleco.com/images/site/nav-shop-journal.gif);
			background-position: 0 0;
		}
		
		

#wrapper {
	width: 960px;
	border-top: 1px solid #8a8070;
	padding: 20px 0;
	margin: 0 0 0 145px;
}

#express #thanks {
	margin: 10px 0 0 0;
	display: none;
	font-size: 12px;
}

#contact-thanks, #order-thanks {
	margin: 20px 0 0 0;
	display: none;
}

#express>p {
	font-size: 10px;
}

#express {
	background: #928d85 url(http://sixelevenbicycleco.com/images/site/six-eleven-express.gif) no-repeat 10px 10px;
	width: 210px;
	height: 60px;
	position: relative;
	top: 50px;
	left: 250px;
	padding: 22px 10px 10px 10px;
	
	float: left;
	
	font-size: 11px;
	font-style: italic;
	color: #fff4e1;
}

#express form {
	margin: 15px 0 0 0;
	
}

#express #newsletter-submit {
	background: url(http://sixelevenbicycleco.com/images/site/submit.gif) no-repeat center;
	border: none;
	text-indent: 3000px;
	overflow: hidden;
	
	height: 30px;
	width: 30px;
	
	position: relative;
	top: -25px;
	left: 180px;
	
	outline: none;
	cursor: pointer;
}

#express form .newsletter-email {
	outline: none;
	height: 14px;
	width: 170px;
	margin: 0 2px 0 0;
	border: 1px solid #999;
	padding: 2px;
	background: #a9a59f;
	color: #ccc;
}

	


/*HOMEPAGE */

.homepage {
	padding: 30px 0 0 ;
}


#photo {
	width: 850px;
	margin-left: -155px;
	padding: 10px;
}	
	#slideshow {
	border: 1px solid #928D85;
	width: 850px !important;
	height: 490px !important;
	overflow: hidden;
	margin-left: -1px;
	}
	
	#slideshow ul {
	width: 99999px !important;
	height: 460px;
	}
	
#photo>#controls {
	list-style: none;
	position: relative;
	left: 150px;
	top: -45px;
	width: 430px;
	height: 0px;
	
}

#gallery {
	border: 1px solid #928D85;
	height: 500px;
	margin: 0 0 10px 0;
}
	
	#gallery ul, #slideshow ul {
		list-style: none;
	}
	
	#gallery img, #slideshow img {
		border: none;
	}

.gallery>#controls {
	float: right;
}

	#controls li {
		display: inline-block;
		padding: 0 2px 0 0;
	}
	
	#controls li a {
		display: inline-block;
		
		width: 20px;
		height: 20px;
		background: #C7AD47;
		text-align: center;
		
		font-size: 10px;
		font-style: italic;
		color: #fff;
	}
	
	#controls li a:hover, #controls .current a {
		background: #7A1315;
	}
	
	#prevBtn, #nextBtn {
		display: none;
	}
	
	
.caption {
	font-style: italic;
	margin: 0 0 12px 0;
	background: #C7AD47;
	padding: 2px 5px;
}

	.caption a {
		color: #7A1315;
		background: url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) no-repeat right 6px;
		padding: 0 15px 0 0;
	}
	
	.homepage .g4 {
		width: 310px;
	}

.top {
	margin-top: -35px !important;
}

.box {
	background: url(http://sixelevenbicycleco.com/images/site/bg-lt.jpg);
	margin: 10px 0;
	padding: 10px 10px;
}
	
	.box h4 {
		margin: 0 0 10px 0;
		padding: 0 0 0 10px;
		height: 14px;
		overflow: hidden;
		line-height: 100px;
		background: url(http://sixelevenbicycleco.com/images/site/arrow.gif) no-repeat right center;
	}
	
	h4 img {
	border: none !important;
	}
	
	.box>img, .box>div img, .box a img{
		border: 1px solid #928D85;
		
	}
	
	.box a:hover img {
		border: 1px solid #C7AD47;	
	}
	
	.box p {
		margin: 5px 0 10px 0;
	}
	
	.homepage .box p {
		margin: 5px 0 0 0 !important;
	}


/* RECENT WORK / BLOG */

.item {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}

.journal-info {
	width: 140px;
	float: left;
	margin: -10px 10px 0 0;
	font-size: 11px;
}

	.journal-info a {
		color: #333;
	}
	
	.journal-info a:hover {
		color: #7A1315;
		padding: 0 15px 0 0;
		background: url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) right center no-repeat;
	}

.build-info {
	width: 140px; 
	float: left;
	margin: -5px 10px 0 0;
	padding: 35px 0 0 0;
	background: url(http://sixelevenbicycleco.com/images/site/six-eleven-no.gif) no-repeat;
	font-size: 11px;
}

	.build-info p, .journal-info p {
		margin: 5px 0 0 0;
		padding: 0 0 3px 0;
		font-size: 10px;
		line-height: 14px;
		border-bottom: 1px dashed #ccc;
	}
	
	.type, .date {
		font-weight: bold;
		font-style: italic;
	}
	
	.tubing, .features, .comments {
		color: #928d85;
	}

.build-body, .journal-body {
	margin: 5px 0 0 150px;
}

	#content .title>span:first-child {
		font-size: 18px;
		color: #fff;
		background: #C7AD47;
		margin: 0 0 10px 0;
		padding: 5px;
		height: 20px;
	}

	#content .title .current-build {
		display: inline-block;
		border-bottom: 1px dashed #ccc;
		margin: 0 0 0 15px;
		padding: 0 0 3px 0;
		font-style: italic;
		font-size: 13px;
	}
	
	#content .title .current-build span {
		display: inline-block;
		height: 20px;
		width: 255px;
		overflow: hidden;
		text-indent: -9000px;
		background: url(http://sixelevenbicycleco.com/images/site/current-build-time.gif) no-repeat 0px 6px;
	}
	
	.journal-body .title {
		margin: 0 0 21px 0;
	}
	
	.journal-body .title a, .build-body .title a {
		color: #fff;
	}
	
	.journal-body .title a:hover, .build-body .title a:hover {
		color: #fff4e1;
	}
	
	.journal-body .large {
		margin: 16px 0 0px -150px;
	}
	
	.journal-info .small {
		margin: 10px 0 0 0;
	}
	
	.journal-body p {
		margin: 0 0 16px 0;
	}

.journal-body p img {
			margin: 16px 0;
		}

	.build-thumbnails {
		display: block;
		margin: 22px 0 0 0;
		width: 460px;
		height: 150px;
	}
	
	.build-thumbnails img:first-child {
		margin-left: 0px;
	}
	
	.build-thumbnails img:last-child {
		margin-right: 0px;
	}
	
	.th  {
		margin: 0 7px;
	}
	
	.desc, .build-body>a {
		margin: 0 0 10px 0;
	}
	

#journal-cats a {
	color: #7a1315;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	border-bottom: 1px dashed;
	margin: 0 10px 10px 0;
	height: 16px;
	width: 135px;
	float: left;
}

#journal-cats a:hover {
	background: url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) no-repeat right center;
}

.main-photo>.title span {
	font-size: 28px !important;
	color: #fff;
	background: #C7AD47;
	margin: 0 0 10px 0px !important;
	padding: 10px 5px !important;
	position:  absolute;
	top: 0px;
}

.gallery>.caption {
	background: none;
	padding: 0;
	margin: 10px 20px 0 0;
	width: 690px;
	float: left;
}

.gallery>#numbers {
	margin: 10px 0 0 0;
	float: left;
}

#rss {
	clear: both;
	display: block;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	color: #7A1315;
	background: url(http://sixelevenbicycleco.com/images/site/rss.gif) no-repeat left center;
}

#rss:hover {
	color: #333;
}

#comment-form {
	margin: 0;
	overflow: visible;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	
}


h3 {
	border-top: 1px dashed #ccc;
	font-weight: normal;
	font-style: italic;
	
	padding: 5px 0 10px 0;
}

#comment-form h3 {
	padding-top: 0px;
	border-top: none;
	border-bottom: 1px dashed #ccc;
}


.label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #7A1315;
	width: 130px;
}

#comment-form .credits, .comment .credits {
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	font-size: 11px;
}

	#comment-form .credits input, #order_form input, #contact_form input, #deposit input {
		outline: none;
		width: 125px;
		background: #e2dacb;
		padding: 5px;
		border: 1px solid #ccc;
		color: #333;
		font-size: 9px;
	}
	
	
	
	#email-field, #name-field {
	float: left;
	margin: 0 11px 0 0;
}

#email-field input {
	width: 216px;
}

#name-field input {
	width: 208px;
}

#contact_form p {
	margin-bottom: 15px;	
}

#email-body {
	clear: both;
	display: block;
	margin: 10px 0;
}

#email-body textarea, #order_form textarea, #notes {
	width: 600px !important;
	height: 100px !important;
}

#order-name, #order-email, #order-phone {
	float: left;
	margin-right: 13px;
}

#order-frame {
	clear: both;
	float: left;
	margin-right: 20px;
}

#order-frame select {
	outline: none;
	width: 125px;
	background: #e2dacb;
	padding: 5px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 9px;
}

#order-fitted {
	float: left;
}

#order-fitted .label {
	width: 300px;
}

.radio-label {
	margin-right: 20px;
	font-style: italic;
}

.radio {
 width: 10px !important;
}


#order-notes .label {
	clear: both;
	width: 300px;
}

#comment-form .contents, .comment .contents {
	float: left;
}

	#comment-form .contents textarea, textarea {
		outline: none;
		width: 448px;
		background: #e2dacb;
		padding: 5px;
		border: 1px solid #ccc;
		color: #333;
		font-size: 9px;
		float: left;
	}
	#comment-form textarea {
	margin-bottom: 20px;
}

#comment-form textarea:focus, #comment-form .credits input:focus, #contact_form input:focus, #contact_form textarea:focus, #order_form input:focus, #order_form textarea:focus {
	background: #fff;
}

#contact-wait, #order-wait {
	display: none;
}

#comment-form #submit, #contact_submit, #order_submit, #deposit-submit {
	clear: both;
	border: 0px solid ;
	cursor: pointer;
	margin: 0px 0 0 0;
	padding: 10px 20px 10px 10px !important;
	background: #e2dacb url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) 108px center no-repeat !important;
	color: #7A1315 !important;
}

	#submit:hover, #contact_submit:hover, #order_submit:hover, #deposit-submit:hover {
	background: #C7AD47 url(http://sixelevenbicycleco.com/images/site/arrow-sm-white.gif) 108px center no-repeat !important;
	color: #fff !important;
}

#order_submit {
	clear: both;
}

.comment {
	border-top: 1px dashed #ccc;
	padding: 10px 0;
}

.comment .credits, .comment .credits a {
	font-size: 10px;
	line-height: 14px;
	color: #666;
}

.comment .contents {
	width: 460px;
}

.comment .contents p {
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 18px;
}

.pagination a {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: #C7AD47;
		text-align: center;
		
		font-size: 10px;
		font-style: italic;
		color: #fff;
}

	.pagination p strong, .pagination a:hover {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: #7A1315;
		text-align: center;
		
		font-size: 10px;
		font-style: italic;
		color: #fff;
	}

/* STORY */

#short-story {
	height: 340px;
}

	#short-story p {
		font-size: 14px;
		line-height: 24px;
		font-style: italic;
	}	


/* ORDERING */

.pricing {
	font-size: 10px;
	line-height: 16px;
}

.dots {
	position: relative;
	z-index: -2px;
	border-bottom: 1px solid red;
	height: 12px;
}

.pricing ul {
	margin: 0 0 16px 0;
}

.pricing ul .dots {
	margin: 0 0 8px 0px;
	border-bottom: 1px dotted #666;
	height: 10px;
}

.pricing ul li span {
	display: inline-block;
	background: #fff4e1;
	height: 16px;
	margin: 0 5px 0 0;
	padding-right: 3px;
}

.price {
	position: absolute;
	right: -5px;
	display: block;
	margin: 0;
	padding-left: 3px;
}


.pricing-download {
	font-size: 12px;
	height: 19px;
	background: url(http://sixelevenbicycleco.com/images/site/pdf.gif) no-repeat;
	padding: 2px 0 0 25px;
}	
	
/* FOOTER */ 

#footer {
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 2px solid #FFF4E1;
}

#footer .g3 {
	margin: 0 0 0 25px;
	width: 229px;
}

#footer .links p {
	color: #C7AD47;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}	

#footer .copyright p {
	color: #666;
	font-size: 9px;
}

#footer .copyright a {
	color: #89847c;
	font-style: italic;
}


#footer .links a {
	color: #333;
}

	#footer a:hover {
		color: #7A1315;
	}



/* LINKS */
.journal-body p>a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px dotted;
}

.journal-body p>a:hover {
	color: #928d85;
}

a {
	text-decoration: none;
}

.arrow-link {
	font-style: italic;
	color: #928d85;
	padding: 5px 15px 5px 5px;
	background: url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) no-repeat right 8px;
	text-decoration: none;
}

	.arrow-link:hover {
		background-color: #ccc;
		color: #7A1315;
	}
	.email a {
	color: #333;
}
.red {
	color: #7A1315;
	font-style: italic;
	background: url(http://sixelevenbicycleco.com/images/site/arrow-sm.gif) no-repeat right center;
	padding: 0 15px 0 0;
}

.red:hover {
	padding: 0 18px 0 0;
}

/* MISC */

hr.dashed {
	margin: 25px 0;
	height: 1px;
	border-top: none;
	border-bottom: 1px dashed #ccc;
	background: none;
	background-color: none;
	
}

.noborder {
	border: none !important;	
}

/* CLEARFIX */

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */