/*
Theme Name: Coast Cycles
Theme URI: http://joshcoast.com
Description: Wordpress For designers sieries
Version: 2 (WP2.6.2)
Author: Josh Coast 
Author URI: http://joshcoast.com
Tags: Custom Bycle Company
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";





/****** General Styles *********/
html {
	background:url(style/images/background_texture.jpg) repeat scroll;
}
body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(style/images/background.jpg) no-repeat scroll center top;
	width: 100%;
	display: table;
	color: #534741;
}
#wrap {
	width:856px;
	margin:0 auto 0 auto;
}
a {
	text-decoration: none;
}
.divider {
	background:url(style/images/divider.gif) no-repeat scroll;
	width:730px;
	height:3px;
	clear:both;
	margin:20px 0 0 40px;
}
.content {
	background:url(style/images/content_middle.png) repeat-y scroll;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:25px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:16px;
}



/****** Header Styles ******/
#header {
	margin: 185px 0px 0px;
	background:url(style/images/nav.png) no-repeat scroll left top;
	height: 61px;
	width: 856px;
	position: relative;
	clear: both;
}
h1#logo {
	visibility: hidden;	
}
ul#nav a {
	display:block;
}
ul#nav a:link,
ul#nav a:visited {
	color:#534741;
	font-weight: bold;
}
ul#nav a:hover,
ul#nav a:active {
	color:#B75A00;
}
ul#nav {
	letter-spacing:1px;
	font-size:17px;
	position: absolute;
	top: 5px;
	left: 105px;
}
ul#nav li {
	float:left;
	margin:0px 33px 0px 0px;
	position:relative;
}
ul#nav li a {
	padding:0px 8px 0px 10px;
	background-color: #FFFFFF;
	line-height: 25px;
}
ul#nav li.current_page_item a {
	padding-bottom:10px;
}
ul#nav li.current_page_item a:hover{
	cursor: default;
	color: #534741;
	background-color: #FFFFFF;
}
ul#nav li ul {
	position:absolute;
	top:25px;
	left:-3px;
	padding-bottom:6px;
	background-color:#FEF9EE;
	z-index:10000;
	visibility:hidden;
	border: medium solid #423631;
}
ul#nav li ul li {
	margin-right:0;
}
ul#nav li ul li a {
	background-color:#FEF9EE;
	padding:5px 0px 0px 10px;
	width:150px;
	font-size:15px;
}
ul#nav li:hover > ul {
	visibility: visible;
}
ul#nav li.current_page_item ul li a:hover, 
ul#nav li.current_page_item ul li a:active {
	color:#B75A00;
	background-color:#FEF9EE;
}
ul#nav li.current_page_item ul li a {
	padding:5px 0px 0px 10px;
}
ul#nav li ul li.current_page_item a {
	color:#999999;
	padding-bottom:0px;
}

ul#nav li ul li.current_page_item {
	background-color:#FEF9EE;

}
ul#nav li ul li.current_page_item a:hover,
ul#nav li ul li.current_page_item a:active {
	color:#999999;
	background-color:#FEF9EE;
}



/*** Front Page ***/
#front_content {
	background:url(style/images/content_middle.jpg) repeat-y scroll;
}
/*** Front Page Featured ***/
#featured_section {
	width:856px;
	margin:0px;
	color:#626262;
	padding:0px 0px 0px 47px;
	position: relative;
	background-attachment: scroll;
	background-image: url(style/images/content_middle.png);
	background-repeat: repeat-y;
	clear: both;
}
h3#tagline {
	color:#534741;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin:40px 105px 0 0;
	float: right;
	height: 480px;
	width: 290px;
	background-attachment: scroll;
	background-image: url(style/images/coast_logo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-style: italic;
}
h3#tagline span {
	color:#B75A00;
}
/*** Front Page Slider Styles ***/
.container {
	width:520px;
	height:320px;
	overflow:hidden;
	position:relative;
	margin:0px 0px 0px 0px;
	border-left: 1px solid #534741;
}
.slides {
	position:absolute; 
	top:0px; 
	left:0px; 
}
.slides div { 
	position:absolute; 
	top:0px; 
	width:520px; 
	display:none; 
}
.slides div img {
	padding:0px;
	cursor:pointer;
}
ul.pagination li {
	position:absolute;
	top:237px;
	left:678px;
	font-size:13px;
	text-align: right;
	display: none;
}
ul.pagination li.total {
	display:block;
	left:693px;
	top:237px;
}
ul.pagination li.active {
	display:block
}
ul.pagination li a {
	color:#939393;
}
.featured_btn {
	background:url(style/images/prev_next_btn.jpg) no-repeat scroll; 
	height: 23px;
	width: 109px;
	font-size: 13px;
	position: absolute;
	left: 605px;
	top: 233px;
}
.featured_btn a:link,
.featured_btn a:visited {
	color:#534741;
	font-weight: bold;
}
.featured_btn a:hover,
.featured_btn a:active {
	color:#B75A00;
}
.portfolio_btn {
	background:url(style/images/full_portfolio_btn.jpg) no-repeat scroll;
	width:97px;
	height:23px;
	position:absolute;
	top:233px;
	left:730px;
	font-size:13px;
}
.portfolio_btn a:link,
.portfolio_btn a:visited {
	color:#534741;
	font-weight: bold;
	position:absolute;
	top:4px;
	left:8px;
}
.portfolio_btn a:hover,
.portfolio_btn a:active {
	color:#B75A00;
}
.next {
	position:absolute;
	top:4px;
	left:39px;
}
.previous {
	position:absolute;
	top:4px;
	left:6px;
}
.slide_info {
	width:235px;
	float:right;
	margin:15px 75px 0px 0px;
}
.slide_info h3 {
	color:#B75A00;
	font-size:27px;
	margin:0px 21px 0px 0px;
}
.slide_info p {
	color:#534741;
	line-height:21px;
	margin:10px 0px 20px 0px;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
}
.slide_info p strong {
	color:#B75A00;
	font-size:15px;
	font-weight:normal;
}
/*****Front Page Columns ****/
.front_columns {
	width:400px;
	float:left;
	font-size:13px;
	margin:0px 21px 0px 0px;
	padding: 0 0 0 20px;
}
.front_columns h3 {
	color:#534741;
	margin:20px 0px 0px 0px;
}
.front_columns p {
	color:#595959;
	background-color:#EDEBE8;
	line-height:23px;
	padding: 15px;
}
.front_columns a:link,
.front_columns a:visited {
	color:#534741;
	font-weight: bold;
}
.front_columns a:hover,
.front_columns a:active {
	color:#B75A00;
}
#front_columns_wrap {
	height: 580px;
}
.front_columns p span {
	display:block;
}

/***** Process Page ******/
.process_section {
	position:relative;
	margin:15px 0 0 0;
	float:left;
        width:350px;
}
.process_img {
        float:right;
        margin:20px 0 0 0;
}

/**** Measurement Page *****/
.measurements_section {
	clear:both;
	position:relative;
	margin-top:30px;
}
.measurements_section h2 {
	border-bottom: 4px solid #423631;
}
.measurements_section p {
	width:450px;
}
.measurements_section img {
	margin-bottom:50px;
}
.download {
	background:url(style/images/download_btn.png) no-repeat scroll right top;
	position:absolute;
	text-align:right;
	top:-150px;
	right:0;
}
.download a {
	padding:15px 37px 4px 0;
	display:block;

}

/**** BLOG Index Blog ****/
.post_snippet {
	width:730px;
	background-color:#E8DFD6;
	font-size:13px;
	margin-bottom:40px;
	min-height:210px;
	position:relative;
}
.post_snippet h1 {
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding-bottom:5px;
}
.post_snippet p.the_date {
	color: #fff;
	background-color:#534741;
	font-size: 11px;
	font-style: italic;
	margin:0;
	padding:0 0 0 15px;
	width:715px;
}
.post_snippet p {
	color:#534741;
	line-height:23px;
	padding: 0px 15px 15px 15px;
	width: 500px;
}
.post_snippet a:link,
.post_snippet a:visited {
	color:#534741;
	font-weight: bold;
}
.post_snippet a:hover,
.post_snippet a:active {
	color:#B75A00;
}
#blog_wrap {
	margin:0 0 0 85px;
	padding:20px 0 0 0;
}
.post_snippet img.size-thumbnail {
	margin:5px;
	padding:0px;
	border: 4px solid #534741;
	background-color:#fff;
	position:absolute;
	top:47px;
	right:-5px;
}
.post_snippet .wp-caption {
	display:none;
}
.post_snippet img.size-full {
	display:none;
}
p.post_nav {
	font-size:15px;
	margin:20px 0 0 0;
	font-weight: bold;
}
p.post_nav span.prev_post a {
	background:url(style/images/prev_post_bg.png) no-repeat scroll left top;
	text-align: right;
	padding:10px 26px 2px 25px;
	float:left;
}
p.post_nav span.next_post a {
	float:right;
	background:url(style/images/next_post_bg.png) no-repeat scroll right top;
	padding:10px 26px 2px 20px;
	text-align: left;
	margin-right:45px;
}
.post_nav_wrap {
	height:30px;
}

/***** BLOG Single Full Blog Post ****/
.single_post {
	width:500px;
	margin-left:190px;
	font-size:13px;
	line-height: 25px;
	position:relative;
}
.single_post h1 {
	margin-bottom:20px;
	padding:5px 0 6px 0;
	border-bottom: 24px solid #534741;
	width:645px;
}
.single_post p {
	padding:0 0 10px 0;
}
.single_post img.size-thumbnail {
	margin:5px;
	padding:0px;
	border: 4px solid #534741;
	background-color:#fff;
	width:116px;
	height:116px;
	position:absolute;
	top:44px;
	right:-150px;
}
.single_post .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0 0 25px 0px;
	border-radius: 3px;
}
.single_post .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.single_post .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 0px 4px 5px;
	margin: 0;
}
.single_post img.size-full {
}
.promote {
	padding:8px 0px 8px 0px;
}
.single_post_info {
	background-color:#EAE2D7;
	font-size:12px;
	padding:10px;
	display:block;
	position:absolute;
	width:100px;
	top:180px;
	right:-143px;
	text-align:right;
	line-height:15px;
}
.post_tags a {
	font-weight: normal;
}

/*** BLOG Comments section of the Single Blog Full Post ***/
#comments_section li {
	margin:10px 0px;
	padding:8px;
	border:2px solid #ccc;
	font-style:normal;
}
#comments {
	width:500px;
	margin-left:0px;
}
#comments h1 {
	background-color:#FFFFFF;
	margin:20px 0px 0px 0px;
}
#comments li {
	border-bottom: thin solid #685852;
	margin:10px 0px 0px 0px;
	position:relative; 
	padding-bottom:35px;
	min-height:120px;
}
#comments p.avatar {
	display: block;
	height: 100px;
	width: 100px;
	position: absolute;
	top:0px;
	left:-115px;
}
#comments .comment_heading {
	border-bottom: medium double #685852;
	margin-top:20px;
	margin-bottom:15px;
}
p.comment_date {
	display: block;
	height: 10px;
	width: 100px;
	position: absolute;
	top:105px;
	left:-115px;
	font-weight:bold;
	text-align:right;
}
p.comment_time {
	display: block;
	height: 10px;
	width: 100px;
	position: absolute;
	top:120px;
	left:-115px;
	text-align:right;
	color:#666666;
	font-size:11px;
}
#comments cite {
	font-weight: bold;
	font-size:17px;
}
#comments .comments_notes {
	width: 100px;
	position: absolute;
	top:0px;
	left:-115px;
	text-align:right;
	color:#666666;
	font-size:11px;
}
.comments_notes p {
	padding:0 0 10px 0;
	margin:0px;
	line-height: 13px;
} 
#commentform {
	position: relative;
}
#comments textarea#comment {
	width:500px;
}
#comments .user_log_in {
	margin:0px 0px 20px 0px;
}
#comments #submit {
	margin-top:20px;
}
#comments .textarea_wrap {
	position:relative;
}
#comments .logged_in {
	padding:20px 0 20px 0;
}
#comments .comment_name {
	display:block;
	width:225px;
	padding-bottom:20px;
	float:left;
}
#comments .comment_email {
	display:block;
	width:225px;
	padding-bottom:20px;
	float:right;
}
#comments .comment_web {
	display:block;
	width:225px;
	padding-bottom:20px;
	clear:both;
}


/*** Page Single***/
h1.page_head {
	padding:1px 0 3px 0;
	border-bottom:solid 22px #534741;
	margin-bottom:10px;
}
#page_content h3.page_subhead {
	margin-top:0px;
	margin-bottom:25px;
}
#page_content h3 {
	margin-top:30px;
	font-size:16px;
}
#page_content p {
	font-size: 15px;
	padding-top:10px;
	line-height:20px;
}
#page_content p.page_intro {
	font-size:15px;
}
.page_divider {
	background:url(style/images/divider.gif) no-repeat scroll;
	width:730px;
	height:4px;
	margin-left:4px;
}
#page_content_wrap {
	min-height:300px;
	background: url(style/images/content_middle.png) repeat-y scroll;
}
#page_content {
	margin-left:80px;
	padding-right:40px;
}
#page_content a {
	font-weight:bold;
}



/*** Bikes Page ***/

ul.bikes_list {
	width:730px;
	margin-top:45px;
	position:relative;
}
ul.bikes_list li {
	float:left;
	width:345px;
	margin-bottom:60px;
}
/*
ul.bikes_list li.list_one,
ul.bikes_list li.list_two,
ul.bikes_list li.list_three,
ul.bikes_list li.list_four,
*/
ul.bikes_list li a {
	display:block;
	padding-top:240px;
}
ul.bikes_list li.list_one {
	background:url(style/images/road_bike.jpg) no-repeat top scroll;
}
ul.bikes_list li.list_two {
	background:url(style/images/rando_bike.jpg) no-repeat scroll;

}
ul.bikes_list li.list_three {
	background:url(style/images/mixte_bike.jpg) no-repeat scroll;	
}
ul.bikes_list li.list_four {
	background:url(style/images/track_bike.jpg) no-repeat scroll;
}
ul.bikes_list li.list_five {
	background:url(style/images/coming_soon.jpg) no-repeat scroll;
}
ul.bikes_list li.list_six {
	background:url(style/images/touring_bike.jpg) no-repeat scroll;
}


ul.bikes_list li.list_one,
ul.bikes_list li.list_three, 
ul.bikes_list li.list_five {
	margin-right:35px;
}
.back_bikes {
	background:url(style/images/back_to_btn.png) no-repeat scroll;
	height:30px;
	width:150px;	
	font-size:15px;
	padding-bottom:3px;
	margin:15px 0 3px 0;
}
.back_bikes a {
	display:block;
	padding:12px 0 3px 23px;
}





/*** Store Page ****/
#store_wrap h4 {
	margin:0px;
}
#store_form {
	float:left;
	width:300px;
}

#store_text {
	float:right;
	width:360px;
	margin-bottom:30px;
}
.store_head {
	padding:1px 0 10px 0;
	border-bottom:solid 22px #534741;
}
#store_wrap li {
	list-style-type: disc;
}
#store_wrap ul {
	padding-bottom:20px;
	margin-left:15px;
	font-size:14px;
}

#store_wrap p {
	margin-top:0px;
	padding:0px 0 25px 0px;
}
#store_form input {
	background:url(style/images/text_field_SM.gif) no-repeat scroll;
	width:134px;
	height:19px;
	border:none;
	padding:3px 3px 0 5px;	
}
#store_form textarea {
	background:url(style/images/text_field_LG.gif) no-repeat scroll;
	width:294px;
	height:149px;
	border:none;
	padding:3px;
}
#store_form .submit_form {
	margin:0px 0 0 0;
	background:url(style/images/send_btn.gif) no-repeat scroll;
	width:52px;
	height:21px;
	color:#fff;
	font-size:13px;
	cursor:pointer;
	font-style:normal;
	float:right;
}
#store_form .submit_name {
	float:left;
}

#store_form .submit_email {
	float:right;
}

#store_form .submit_phone {
	float:left;
}
#store_form .submit_subject {
	float:right;
}





/*** page sidebar styles ***/
#page_sidebar {
	float:right;
	width:250px;
	color:#626262;
}
.sidebar_top {
	background: url(style/images/sidebar_top.png) no-repeat scroll center top;
	width:250px;
	height:76px;
}
.sidebar_middle {
	background:url(style/images/sidebar_middle.png) repeat-y scroll center;
}
.sidebar_bottom {
	background:url(style/images/sidebar_bottom.png) no-repeat scroll center bottom;
	margin-bottom:35px;
	height:40px;
}
.sidebar_top h2 {
	color:#224e70;
	font-size:27px;
	padding:20px 0px 0px 20px;
}
.sidebar_middle ul {
	margin:-10px 0px 0px 0px;
	font-size:15px;
}
.sidebar_middle ul li {
	background:url(style/images/light_arrow.jpg) no-repeat scroll 12px 0px;
}
.sidebar_middle ul li a {
	color:#626262;
	display:block;
	padding-left:30px;
	margin-left:10px;
	width:200px;
}
.sidebar_middle ul li a:hover {
	font-weight:bold;
	background: url(style/images/dark_arrow.jpg) no-repeat scroll 0px 0px;
}
.testimonial {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:0 25px;
}
.testimonial p {
	padding-top:0px;
}






/**** Footer Styles ****/
#footer {
	background: url(style/images/footer_bg.png) no-repeat scroll;
	width:856px;
	height:85px;
	color:#9f9f9f;
	font-size:14px;
	clear: both;
	margin-bottom: 10px;
	text-align: center;
}
#footer ul {
	margin: 0px 0 0 80px;
	padding:30px 0px 0px 0px;
}
#footer li {
	margin:0px 50px 0px 0px;
	display:inline;
}
#footer ul li.current_page_item a {
	color:#534741;
}
#footer ul li a {
	color:#B9AD9D;
}

#footer strong {
	color:666;
}
#legal {
	text-align:center;
	color:#B9AD9D;
	font-size: small;
	letter-spacing: 3px;
	word-spacing: 5px;
	margin-bottom:20px;
}
#legal a {
	color:#B9AD9D;
}
#legal p {
	padding-bottom:5px;
}




/**** contact styles ****/
#contact_form {
	margin:40px 0px;
	font-size:14px;
	width:350px;
}
#contact_form legend {
	font-size:28px;
	letter-spacing:1px;
	font-weight:bold;
	margin:0 0 40px 0;
}
input {
}
textarea {
}
.short_text {
	width:310px;
}
.submit_form {
}