/*
Theme Name: The Cycling House
Description: A custom Theme for The Cycling House
Version: 1.0
Author: Ross Peterson
*/


/* 1) RESET some things for s good starting point - yahoo reset */
@import "style/reset.css";	

/* 2) Bring in all basic style from default theme, but cleaned up and simplified */
@import "style/default.css";


/*
This is 90% of what you will need to edit to style this theme.
By importing default.css before it all, we can overwrite anything in there and shouldn't ever need to open that file.
If you keep your changes to section 4 below, it will be easier to upgrade the theme.
*/

/************************************************
	STRUCTURE										
************************************************/


			body {
			color: #FFF;
			text-align: left;
			font-family: arial,tahoma,verdana,sans-serif;
			background-color: #0B0A09;
			margin: 0 0 20px 0; 
			padding: 0; 
			}
			
			#wrapper {
			margin:-1px 0 0;
			padding:0;
			width:100%;
			}
		
			#page 		{ 
			width: 940px;
			margin: 0 auto;}
							
			#main {
			margin:0 auto;
			padding:0 20px;
			width:900px;
			}
		
							
			#navbar {
			background-color:transparent;
			background-image:url(/wp-content/themes/thecyclinghouse/images/bg_globalnav.png);
			float:left;
			height:35px;
			left:0;
			position:absolute;
			top:0;
			width:100%;
			z-index:2;
			}

			#header {
			margin:0 auto;
			padding:0;
			position:relative;
			width:900px;
			z-index:99;
			}


/************************************************
	HEADINGS											
************************************************/


			h1, h2, h3, h4, h5, h6 	{ font-weight: bold; }
			
			
			h1 {}
			
				h1.pagetitle {
				font-size: 174%;
				letter-spacing: -1px;
				color: #666666;
				padding: 0;
				margin: 0 0 30px 0;
				line-height: 20px;
				}
			
			h2 { 
			font-size: 182%;
			color: #EE9917;
			margin: 0 0 0 0;
			padding: 0;
			font-weight:normal;
			text-align:left!important;
			}
					#sidebar #campdates h2 { margin-top: 10px; }
					
					.post h2 {font-size: 161.6%;}
					
					h2.toptitle, h2.singlepost { 
					margin: 0 0 0 0!important;
					}
					
					h2.section {
					margin: 20px 0 10px 0;
					}
					
					h2.cattitle {
					margin: 0 0 15px 0;	
					}
					
					h2 a {color: #ED9917;}
					#sidebar h2 a {color: #FFF100; text-decoration:underline; padding-bottom: 3px; display: block;}
					#sidebar h2 a:hover {text-decoration:none;}
					
					h2 a.recentnews {
							background: transparent url(/wp-content/themes/thecyclinghouse/images/h2_recentnews.png) no-repeat;
							padding: 32px 0 0 0;
							overflow: hidden;
							height: 0px !important;
							height /**/:32px;
							margin: 0 0 15px 0;
							display:block;
							}
			H3 {}
			
					h3 a {color: #ED9917; margin-bottom: 10px; display:block;}
			
					#proddesc h3 {margin-top: 10px;}
					#sidebar h3, #storesidebar h3 {color: #ED9917; clear:both; margin-bottom: 3px; }
					div.entry h3 { 
					color: #EE9917;
					margin: 10px 0 0 0;
					padding: 0;
					font-weight:normal;
					font-size: 146.5%;
					}
					
					body.camps div.entry h3 {margin-top: 20px;}
			
			h4 { color: #fff100; }
			#sidebar h4 {color: #BBBBBB}
			
				#sidebar #campdates h4 {font-weight: normal;}
			
				h4.presaleprice {text-decoration:line-through; font-weight: normal;}
				h4.prodpricesale {color: #CC0000; margin: 5px 0 0 0;}
				
				h4 a {color: #F6DE22;}

/************************************************
	SIDEBAR SPECIFIC											
************************************************/


			#sidebar { background-color: transparent; }

			#storesidebar ul {
			margin-left: 5px;	
			}
			
			#storesidebar ul li {
			list-style-image:none;
			list-style-type:none;
			margin-bottom:3px; }
			
			ul.sidebarnav {
			margin: 10px 0 0 5px!important;	
			}
			
			ul.sidebarnav li {
			list-style-image:none;
			list-style-type:none;
			margin: 0 0 3px 0!important; }
			
			.housesidebar .thumbwrap {width: 95px; height: 110px; float:left; margin: 0 10px 25px 0;}
			.menusidebar .thumbwrap {width: 95px; height: 95px; float:left; margin: 10px 10px 0px 0;}
			.housesidebar .thumbwrap div, .menusidebar .thumbwrap div {width: 83px; height:83px; border: 1px dotted #FFFFFF; padding: 5px;}
			.housesidebar p.bioname {font-size: 93%; margin-top: 3px; color: #999999;}
			
			
			
			#sidebar ul.staff    {margin: 0 0 10px 0;}
			#sidebar ul.staff li {margin: 0;}
			
			#sidebar #campdates {margin: 0px 0px 15px 10px;}
			



/************************************************
	OTHER LINKS											
************************************************/


			a, h2 a:hover, h3 a:hover 	{ color: #fff100; text-decoration: none; }
			a:hover 					{ color: #FFF; text-decoration: underline; }
			a:focus 					{ outline: none; }
			#contentright li.current-cat a {color: #FFFFFF; }
			
			body.home #sfstest-sidebar { margin-top: 15px;  }
			body.home #sfstest-sidebar div.text {color: #80807A}
			body.home #sfstest-sidebar div.client {color: #ECECEC}


/************************************************
	FLASH & NO FLASH BACKGROUNDS										
************************************************/


			div#flash_container {
				height: 100%;
				overflow: visible;
				width: 100%;
			}
			
				div#noflash {
				width: 100%;
				height: 100%;
				text-align:center;
				}
			
			div#background {
				position: absolute;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				overflow: hidden;
			}
			
			#flash_background {
				height: 100%;
			}


/************************************************
	PAGE TITLES										
************************************************/			
					
			#pagetitle {
			background-color:transparent;
			float:left;
			height:153px;
			left:-15px;
			position:absolute;
			top:-153px;
			width:920px; /* ADDED 20px because of the PNG glows and needing to shift everything */
			z-index:3;}
			
				#pagetitle a.logo {
				width: 152px;
				height: 153px;
				display: block;
				float:left;
				}
				
				#pagetitle h1 {
				background: transparent url(/wp-content/themes/thecyclinghouse/images/title_home.png) no-repeat;
				padding: 85px 0 0 0;
				overflow: hidden;
				height: 0px !important;
				height /**/:85px;
				margin-top: 68px;
				}
					body.home #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_home.png) no-repeat;
					}
					
					body.news #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_news.png) no-repeat;	
					}
					
					body.house #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_house.png) no-repeat;	
					}
					
					body.gallery #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_gallery.png) no-repeat;	
					}
					
					body.reservations #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_reservations.png) no-repeat;	
					}
					
					body.camps #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_camps.png) no-repeat;	
					}
					
					body.roost #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_roost.png) no-repeat;	
					}
					
					body.store a#storetitle {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_store.png) no-repeat;
					padding: 85px 0 0 0;
					overflow: hidden;
					height: 0px !important;
					height /**/:85px;
					margin-top: 68px;
					display: block;
					}
					
					body.gallery #title {margin: 0 0 20px 5px;}
					#pwaheader {display:none;}
					
					body.contact #pagetitle h1 {
					background: transparent url(/wp-content/themes/thecyclinghouse/images/title_contact.png) no-repeat;	
					}
	

					div.iconleft {float: left; width: 106px; height:106px; margin: 20px 0 0 0;}
					div.iconright {float: right; width: 440px; margin: 10px 0 0 0;}
					
			
	
							
		
/************************************************
	CONTENT										
************************************************/		
		
		
			#content { 	
			background: transparent url(/wp-content/themes/thecyclinghouse/images/bg_content.png) repeat;
			color:inherit;
			margin-top:212px;
			padding:0;
			position:absolute;
			top:0;
			width:900px;
			padding: 0px;}
			
			#contentfull {width: 820px; margin: 40px 40px 40px 40px;} 
			#contentleft { width: 568px; float:left; margin: 40px 0 0 40px; padding: 0;  }
			#contentright { width: 212px; float:right; margin: 40px 40px 0 0; padding: 0;  }
	

			p.intro { margin: 0 0 15px 0;}
			p.holdscript {margin: 0; padding: 0; height: 0;}
			p.housephotolink {margin: 10px 0 0 0; text-align: right; width: 100%;}
				
			#tabs {margin-top: 15px;}
	
			#hsformat {margin:0 20px;}
			#hsformat a {color: #ED9917;}
	
			.entry #bioimagewrap {border: 1px dotted #ffffff; padding: 5px; width: 150px; margin: 0; float:left; margin: 15px 15px 15px 0;}
			.entry #bio_metawrap {padding: 15px 0; }
			.entry #bio_metawrap p {padding: 0; margin:0; font-size:108%;}
			
			.fullpart { color: #FFFFFF!important; padding-bottom: 5px; clear:both; }

			#rightwrap {border: 1px dotted #ffffff; padding: 5px; width: 200px; margin: 0;}
		
				#rightwrap div {background: #000000; padding: 15px; } /* padding is set when this is not a "container" */
				#rightwrap div div {padding: 0px; } /* padding is zeroed out */
				#rightwrap p {margin: 10px 0px;}
				#rightwrap div.nopad {background: #000000; padding: 0px; } /* padding is set when this is not a "container" */
			
			a.coupon {margin-top: 10px; display:block;}

			div#addthis {margin: 15px 0 10px 5px;}
			p.share {margin: 10px 0 0 5px!important;}

			p.adminlink {margin-bottom: 25px;}

			#sharestory {margin:15px 0;}
			

/************************************************
	STORE SPECIFIC										
************************************************/

	h2.relateditems {margin: 15px 0;}
		.relatedprod {margin: 10px 0 0 0!important;}
		.relatedprodimage {display: block; width: 50px; height:50px; float:left; margin: 0;}
		.relatedprod div {width: 145px; float: right;}
		.relatedprod div p {margin: 0;}
		
		#storecat .thumbwrap {width: 95px; height: 155px; float:left; margin: 0 9px 10px 9px; display: inline;}
		#storecat .thumbwrap div {width: 83px; height:83px; border: 1px dotted #FFFFFF; padding: 5px;}
		#storecat p.prodname {font-size: 93%; margin-top: 3px; color: #999999;}
		#storecat p.prodprice {font-size: 93%; margin-top: 7px;}
		#storecat p.prodprice a {color: #ED9917;}
		#storecat p.prodprice a.catsale {color: #CC0000;}
		#storecat p.prodprice a:hover {text-decoration: none;}
		.starright {float:right; margin: 5px 10px 10px 15px;}
		.starleft {float:left; margin: 0 10px 10px 0;}
	
				div.storefront .thumbwrap {display:block; width: 162px; height:190px; float:left; margin: 0 25px 25px 0;}
				div.storefront .thumbwrap div {border: 1px dotted #FFFFFF; padding: 5px; width: 150px; height: 150px;}
				div.storefront .thumbwrap p {width: 100%; text-align: center; margin-bottom: 7px; font-size: 108%}
	
				#proddesc p {line-height: 1.4em;}
				#proddesc li {line-height: 1.4em; }
				#prodimage {}
				#productimages { width: 347px;}
				.productattributes { width: 191px; padding: 0 0 0 30px; }
				#productimages .prodthumb { width: 83px; height: 83px; display: block; margin: 5px 5px 0 0; float:left;}
				#productimages .last { margin: 5px 0 0 0;}
				
				#attributes {}
					div.attrname { display: none; margin: 0 0 5px 0;}
					div.attrselect { margin: 0 0 12px 0;}
					div.attrquan { margin: 25px 0 25px 0;}
		
				.catheaderimage  			{ margin: 0 0 15px 0;}
			
				p.storeintro 				{ margin: 0 0 15px 0; text-align: justify; line-height: 1.4em;}
				p.catintro					{ margin: 0 0 15px 0;}


					#searchform {margin: 0 0 15px 0;}
					
						.checkouttable td {padding: 5px; }
						#checkoutnow {float: right; width: 880px; text-align: right; padding-top: 10px;}
							#checkoutnow form {margin: 0px; padding: 10px 0px 0px 0px;}
							#checkoutnow form input {width: 220px;}
						#continueshopping {float: right; width: 880px; text-align: right;}
							#continueshopping form {margin: 0px; padding: 10px 0px 0px 0px;}
							#continueshopping form input {width: 220px;}
							
			

/************************************************
	HOME SPECIFIC											
************************************************/


			#homebanner {
			background: transparent url(/wp-content/themes/thecyclinghouse/images/bg_homebanner.png) no-repeat top left;
			padding: 20px;
			width: 860px;
			height: 380px;
			}
			
			#homebanner a {display:block;}
			
			#pagernav {position:absolute;
						top: 363px;
						left:50%;
						margin-left: 362px;
						z-index:7;
						width: 60px;
			}
			
			#pagernav a.activeSlide {
				color: #000000;
			}
			
			#pagernav #prev {
				width: 30px;
				height:0px!important;
				display:block;
				background: url(/wp-content/themes/thecyclinghouse/images/prev_next_bg.png) 0 33px;
				padding: 33px 0 0 0;
				overflow: hidden;
				height /**/:33px;
				margin: 0px;
				float:left;
				}
				
				#pagernav #prev:hover {
				background: url(/wp-content/themes/thecyclinghouse/images/prev_next_bg.png) 0 0;
				}
				
			#pagernav #next {
				width: 30px;
				height:0px!important;
				display:block;
				background: url(/wp-content/themes/thecyclinghouse/images/prev_next_bg.png) 30px 33px;
				padding: 33px 0 0 0;
				overflow: hidden;
				height /**/:33px;
				margin: 0px;
				float:right;
				}
			
				#pagernav #next:hover {
				background: url(/wp-content/themes/thecyclinghouse/images/prev_next_bg.png) 30px 0;
				}
			
			div#homecontent {width: 445px; padding: 0px; margin: 10px 0 30px 0; color: #80807A; line-height:1.6;}
				div#homecontent p {margin: 0; padding: 0 0 10px 0;}
			p#homeviewallnews {margin-top: 15px; }
			p#homestoretext {color: #80807A; line-height:1.6;}
			
			#homecamp {padding: 0 0 20px 0;}
			#homestore {padding: 0 0 0 0;}
			
			#contentlefthome { width: 508px; float:left; margin: 0 0 0 40px; padding: 0; display:inline; }
			#contentrighthome { width: 315px; float:right; margin: 0 30px 0 0; padding: 0; display: inline; }

			#contentrighthome .thumbwrap {width: 95px; height: 95px; float:left; margin: 0 10px 10px 0;}
			#contentrighthome .thumbwrap div {width: 83px; height:83px; border: 1px dotted #FFFFFF; padding: 5px;}
			
			#sfstest-sidebar blockquote { color: #80807A; border: none; margin-left: 0; padding-left: 0;}
			body.home #sfstest-sidebar blockquote { line-height:1.6; }
			#sfstest-sidebar blockquote cite {font-style:italic; }

			#homenews h3 { margin: 0; padding: 0; clear:both;}
			#homenews p { margin: 0; padding: 0 0 20px 0; width: 475px;}
			#homenews .thumbwrap {width: 95px; height: 95px; float:left; margin: 0 10px 10px 0;}
			#homenews .thumbwrap img {width: 83px; height:83px; border: 1px dotted #FFFFFF; padding: 5px;}
			p#homeviewallnews {margin-top: 15px; clear:both; }


/************************************************
	News											
************************************************/

			.news h3 {
				font-size: 131%; 
			}
			
			.news .entry {
				font-size: 108%;
			}
			
			.news .postmetadata {
			margin: 10px 0 10px 0;
			border-top: 1px dotted #999999;
			padding: 10px 0 25px 0;
			color: #999999;
			font-size: 85%;
			}
			
			.news .postmetadata a {
			color: #999999;
			text-decoration: underline;
			}

/************************************************
	POST/PAGE Galleries
************************************************/

			.entry div.gallery {
				margin: auto;
			}
			.entry div.gallery .gallery-item {
				float: left;
				margin-top: 5px;
				text-align: center;
				width: 180px;	
				height: 185px;}
				
			.entry div.gallery img {
				border: 1px solid #666666;
			}
			.entry div.gallery .gallery-caption {
				margin-left: 0;
				margin-top: 0px;
				padding: 0 10px;
				font-size: 85%;
				color: #666666;
				line-height: 1.2em;
			}


/************************************************
	SITE GALLERY SPECIFIC											
************************************************/
			

			.gallery h3 {font-size: 108%!important; font-weight:normal!important; color: #FFFFFF!important; margin-top: 0px!important;}
			.gallery a.standard { padding: 5px; border: 1px dotted #FFFFFF; margin: 5px 10px 10px 10px; display:block; height:144px; width: 144px;}
			.gallery a.standardtext { padding: 0px; border: none; margin: 0; display: inline;}
			.gallery .pwimages { border: 0!important; margin: 0!important; padding:0!important; }
			a.back_to_list {padding: 5px 0 0 0; font-size: 14px; display:block; color: #ECECEC;}
			
			div.pwaplusphp_albumcover {margin: 0 20px 5px 0; padding: 5px; width: 156px; }
			div.pwaplusphp_albumcover a.overlay {display:block;}

			div.pwaplusphp_thumbnail {margin: 0 5px 10px 0; padding: 5px;}
			div.pwaplusphp_thumbnail a {display:block; padding: 0px;}
			div.pwaplusphp_thumbnail div {display: none!important;}
			div.pwaplusphp_thumbnail a img {padding: 0px;}
			p.overlaystats {display:none;}
			p.overlaypg {}

/************************************************
	Contact Form & Newsletter											
************************************************/
	
	
			#contactintro {
				margin: 15px 0;
			}
			#contactform p.text input, #contactform p.text textarea, #cmform p.text input {
				width: 350px;
				background-color:#ECECEC;
				border: 1px solid #999999;
				font-size: 108%;
				padding: 3px;
			}
			#contactform p.captcha input {
				width: 100px!important;
			}
			#contactform p.captcha img {
			}
			#contactform p.text input:hover, #contactform p.text textarea:hover, #cmform p.text input:hover {
				background-color:#FFFFFF;
			}
			#contactform p.button input, #cmform p.button input {
				margin-top: 10px;
			}
			#contactform p.text textarea {
				width: 450px;
			}
			#contactform p.popup textarea {
				height: 100px; width: 350px;
			}
			#contactform p, #cmform p {
				margin-bottom: 7px;
			}
			#contactform p label, #cmform p label {
				margin-bottom: 3px;
				display:block;
				font-weight:bold;
			}
			

/************************************************
	Footer											
************************************************/

			#footer { width: 820px; padding: 0px; margin: 40px auto 20px auto; color: #80807A; font-size: 93%; border: none; background: transparent; }
			#footer p {text-align:left; }
			
			#footer_link { float: left; width: 244px; padding: 5px 20px 20px 0px; margin: 5px 5px 5px 0px; text-align: left;}
			#footer_link p { padding: 0px; margin: 0px; color: #80807A; line-height: 1.5em; }
			#footer_link a, #footer_link a:link, #footer-links a:visited { color: #FFFFFF; text-decoration: none; }
			#footer_link a:hover { color: #FFFFFF; text-decoration: underline; }
			#footer_link p.contact_us {margin-top: 6px;}
			
			#footer_newsletter { float: left; padding:5px 20px 0px 20px; width: 229px; height:80px; margin-top: 0px; border-left:1px dotted #b6b6b6;background-color: #000000; }
			#footer_newsletter p { padding: 5px 0px 5px 0px; margin: 0px; }
			
			#footer_social { float: right; width: auto; padding: 5px 0 0 20px; height:80px; border-left:1px dotted #b6b6b6;}
			#footer_social img {vertical-align:middle; margin-right: 10px;}
			#footer_social p {color: #80807A; padding: 3px 0 5px 0px;}
			#footer_social p a, #footer_social p a:link, #footer-social p a:visited { color: #fff; text-decoration: none;}
			#footer_social p a:hover { color: #FFF; text-decoration: underline;}


/************************************************
	MISC											
************************************************/

			.container {
				margin:0;
				overflow:hidden!important;
				padding:0;
				width:100%;
			}

			#r2 { width: 180px; height: 50px; background-color: #eee; }
			
			.flash {display:none;}
			
			#hslink1, #hslink2 {height: 0px; border: 0; margin: 0; padding: 0;}
			
			#spacer	{ margin-top: 15px; height: 5px;}
			
			#wheelset_disc {display:none;}