/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*            CSS for Bear Creek Sports, Kelowna BC            */
/*                     initial build nov 2009                  */
/*              David A Taylor / burning fish design           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*            main background is a blend of textures           */
/*                             by:                             */
/*            bitbox: www.flickr.com/photos/bittbox/           */
/*                             and                             */
/*  playingwithbrushes: www.flickr.com/photos/playingwithpsp/  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* BROWSER CLEANUP */
body, div, p, ul, ol, li, img, h1, h2, h3 {margin:0;padding:0;border:0;}
	/* Set defaults */
	ul li, ol li {margin-left: 40px;}
	a {color:#00747F; font-weight:bold;}
	a:hover, a:active {color: #28959f;}
	h1, h2, h3, h4 {font-family: "Bernhard Modern Std", Georgia,  serif; font-weight: normal;}
	h1, h2 {color: #39443f; line-height: 1; text-transform: capitalize;}
	h2, h3 {}
	h1 {font-size: 34px; margin: 0;}
	h2 {font-size: 26px; margin: 4px 0 0 0;}
	h3 {font-size: 20px; margin: 16px 0 0 0;}
	h4 {margin: 6px 0 0 0;}
	
	p {margin: 10px 0;}
	address {font-size: 13px; line-height: 1.2; margin-left: 10px;}
	
	blockquote {text-align: justify;}
	
/* COMMON STYLES */
.clear {clear: both; height:0; line-height:0;}
.goleft {float:left;}
.goright {float:right;}
	img.goleft {margin: 12px 10px 6px 0;}
	img.goright {margin: 12px 0 5px 10px; clear: right;}


.inline-feature {color: rgb(252,204,62); display: inline;}
.dropcap {float: left; margin-right: 3px; font-size: 3.5em; line-height: 0.9em;}
.instruction {font-size: 13px; font-style: italic; line-height: 1.2;}	
.teaser {font-style: italic; font-weight: bold;}

img.story-img {background: rgb(184,147,80) url(/images/_site-structure/camo-bg.jpg) center top repeat; padding: 12px;}

.img-w-caption {text-align: center;}
.caption {font-size: 14px; font-style: italic; margin: 2px 0 0;}

.required-mark, .error-header, .error-stress {color: #c00;}

.form-errors {line-height: 1.1; width: 320px; margin: 12px 8px 0; padding: 4px 12px 6px; border: 2px solid #978152;}
	.error-header {margin-bottom: 2px; font-style: italic; font-weight: bold;}
	.error-wrapper {font-size: 13px; padding-left: 14px;}

.hours span {font-weight: bold; padding-right: 6px;}

.sidebar-div {position: relative;}

.quotes-callout {padding: 15px 18px 0;}
	.quotes-callout .quote-deets {display: block; font-family:"Bernhard Modern Std",Georgia,serif; font-size:24px; line-height: 1.2; font-variant:small-caps; padding: 10px 8px 3px; text-align:center;}
	.quotes-callout .quote-author {display: block; text-align: right; font-size: 12px; font-style: italic;}

/* BASIC PAGE STRUCTURE - ALL PAGES */
body {background: #000; font-family: arial, helvetica, serif; color: #ccc; font-size: 14px; line-height: 1.4;}

#main-container {width: 960px; margin: 20px auto 0; position: relative; background: transparent url(/images/_site-structure/main-bg-center.jpg) center top repeat-y; color: #000;}
#main-container-inner {background: transparent url(/images/_site-structure/main-bg.jpg) center top no-repeat;}

	
/* All Nav */
.nav, .nav ul, .nav li {list-style-type:none; margin: 0; text-transform: capitalize;}
.nav li {text-align: center; float: left;}
.nav li a {display: block;}
.nav li a:hover, .nav li a:active, .nav li.current a {}
		
	/* Header */
	#header {height: 164px; padding: 28px 0 0 0; background: transparent url(/images/_site-structure/header-bg.jpg) center top no-repeat;}
	#header h1 {}
		#header h1#header-logo {margin: 0 8px 8px 144px;  float: left;}
		#header h1#header-logo img {display: block;} 
		#header h1#header-text {height: 56px; padding-top: 27px;}
		#header h1#header-text img, #header h1#header-text span {float: left}
			#header h1#header-text #bcs-header-title {width: 342px; padding-left: 6px; font-size: 33px; line-height: 1.1;}
			#header h1#header-text span.tagline {width: 260px; padding: 15px 0 0 14px; font-size: 14px;}
		
		/* Main Nav */
		#top-nav {margin-top: 25px; height: 55px; padding: 0 86px; clear: both;}
		#top-nav li {margin: 0 0 0 9px;}
		#top-nav li, #top-nav li a {width: 147px; height: 49px; line-height: 49px;}
		#top-nav li a {font-size: 17px; font-family: "Bernhard Modern Std", Georgia,  serif; color: #fff;}
		#top-nav li.current a {}
		#top-nav li a:hover {color: #CA8606;}
		#top-nav li a:active {color: #fff;}
		#top-nav li a:hover img, #top-nav li a:active img {display: none;}
		
			#top-nav li.home-li a {background: transparent url(/images/_site-structure/nav/services-active.png) left top no-repeat;}
			#top-nav li.classes-li a {background: transparent url(/images/_site-structure/nav/classes-active.png) left top no-repeat;}
			#top-nav li.contact-li a {background: transparent url(/images/_site-structure/nav/contact-active.png) left top no-repeat;}
			#top-nav li.taxidermy-li a {background: transparent url(/images/_site-structure/nav/taxidermy-active.png) left top no-repeat;}
			#top-nav li.map-directions-li a {background: transparent url(/images/_site-structure/nav/map-active.png) left top no-repeat;}
			#top-nav li.blog-li a {background: transparent url(/images/_site-structure/nav/blog-active.png) left top no-repeat;}
			#top-nav li.offers-li a {background: transparent url(/images/_site-structure/nav/offers-active.png) left top no-repeat;}
			#top-nav li.gallery-li a {background: transparent url(/images/_site-structure/nav/gallery-active.png) left top no-repeat;}

		#top-nav li.blog-li {display: none}
	
	/* Content Area */
	#main-content-area {height: 400px; min-height: 400px; padding: 17px 30px 12px; clear: both; position: relative;}
	#main-container-inner > #main-content-area {height: auto;}
		#main-content-inner {}
		
		#unique-page-content {height: auto; display:block;}
			#unique-page-content h1 {width: 500px;}
	
		#main-article, #persistent-content {float: left;}
		#main-article-body {width: 606px; height: 400px; min-height: 400px; margin: 0; padding-left: 28px;}
		#main-article > #main-article-body {height: auto;}
		
		.sidebar-div h3, .sidebar-div h3 a {color: #800020;}
		
		#persistent-content {margin: 20px 10px 12px 30px; width: 226px; padding: 0; text-align: justify;}
		#persistent-content .sidebar-div {background: rgb(184,147,80) url(/images/_site-structure/camo-bg.jpg) right top repeat; margin-top: 15px; padding: 8px 10px 10px;}
			#persistent-content .img-n-teaser {padding: 0 12px;}
			#persistent-content h3 {line-height:1.1; margin: 4px 0 3px; padding: 0 0 2px 12px; border-bottom: 5px double #806433;}
			#persistent-content h3, #persistent-content h3 a {font-size:18px; font-weight:bold; text-decoration: none;}
			
			#persistent-content #blog-teaser h3, #persistent-content #blog-teaser h3 a {font-size: 17px; font-weight: normal;}
			#persistent-content #blog-teaser img {display: block; margin:0 auto; width: 144px; border:2px solid #806433;}
			
			#persistent-content .sidebar-div .hours {padding-top: 10px;}
			#persistent-content .sidebar-div .hours span {display: block;}
			
			#persistent-content #glock-callout img {display: block; margin:0 auto; width: 76px; border:2px solid #806433;}
			
			#persistent-content #taxidermy-teaser h3, #persistent-content #taxidermy-teaser h3 a {text-align: left;}
			#persistent-content #taxidermy-teaser img {display: block; margin:0 auto; width: 130px; border:2px solid #806433;}
	
			#persistent-content .gc-teaser h4.event-teaser {font-weight: bold; font-size: 15px; font-style: italic;}
	
	
	/* Footer */
	#footer {font-size: 12px; width: 880px; margin: 0 auto 0; background: transparent url(/images/_site-structure/footer-bg.png) center top no-repeat; padding: 46px 40px 12px; color: #ccc;}
		#content-footer {border-top: #978152 solid 1px;}
	
	/* Footer Nav */
		#footer-nav {clear: both; float: left; width: 400px; height: 15px; padding: 11px 0 0 30px;  text-align: center;}
			#footer-nav li, #footer-nav li a {height: 10px;}
			#footer-nav li a {padding: 0 12px; border-right: solid 1px; line-height: 10px}
			#footer-extras-nav li.sitemap-li a {border: none;}
			#footer-nav li a:hover {border-color: #468bac;}
	
	/* Other Footer */	
		#footer #disclaimer {clear: both; text-align: justify;}
		#legal {float: right; text-align: right; width: 340px; padding-right: 20px; color: #39443f;}
		#web-design-credit {clear: both; float: right; text-align: right; width: 250px;}


/* PAGE SPECIFIC STYLES */

#persistent-content  .gc-teaser {background-position: -90px -120px;}
	#persistent-content .gc-teaser #gc {width: 202px; border: 2px solid #806433;}
	#persistent-content .gc-teaser .teaser {text-align: center;}
	#persistent-content .gc-teaser #gc-2 {display: none;}

	#main-article-body .teaser {margin-bottom: 24px; padding-right: 4px;}

	#main-article .sidebar-div {float: left; width: 280px; height: 372px; border: 2px solid #806433; margin-top: 12px; margin-left: 4px;}
		#main-article .sidebar-div h3 {color:#800020; font-size: 22px; font-weight:bold; line-height:1; margin: 0 0 4px; padding: 12px 0 12px 12px; border-bottom: 5px double #806433; background: rgb(184,147,80) url(/images/_site-structure/camo-bg.jpg) right top repeat;}
		#main-article .sidebar-div .img-n-teaser {padding: 2px 10px;}
		#main-article .sidebar-div .teaser {margin-top: 18px; line-height: 1.6; margin-bottom: 10px;}
		
			#main-article .gc-teaser {font-size: 16px;}
				#main-article .gc-teaser #gc {display: none;}
				#main-article .gc-teaser #gc-2 {display: block; margin: 0 auto 0; width: 234px; border: 2px solid #806433;}
				#main-article .gc-teaser .img-n-teaser {padding: 2px 14px 0;}
				#main-article .gc-teaser .teaser {margin-bottom: 12px;}
	
			#main-article .radio-ads {width: 189px; height: 238px;}	

	#main-article #lrg-gc-teaser {float: none; width: 480px; height: auto; margin: 0 auto;}
		#main-article #lrg-gc-teaser #gc {display: block; width: 460px; margin-top: 8px;}
		
	/* sidebar GC */
	.gc-teaser .occasion-icon {display: none;}
		/* For Special Occasions - uncomment to add Special Occasion styles
		.gc-teaser h3, #main-article .gc-teaser h3 {color: #333; font-weight: bold;}
		.gc-teaser h4, #main-article .gc-teaser h4 {color: #333; font-weight: bold; text-align: left; font-size: 0.9em; line-height: 1.2em}
		.gc-teaser .occasion-icon  {position: absolute; z-index: 40; display: block; left: 211px; top: -20px; width: 88px;}
		#persistent-content .gc-teaser .occasion-icon {left: 179px; top: -25px; width: 68px;}
		#lrg-gc-teaser .occasion-icon {left: 406px; top: -37px; width: 102px;}
	*/
	
/* Home Page */
body#home img.story-img {margin-bottom: 20px;}

	body#home #wide-img {width: 328px; margin-top: 24px; clear: none;}

	#services-list {margin: 10px 0;}
	#services-list ul {text-transform: uppercase; font-weight: bold;}
		#services-list em {text-transform: lowercase; font-weight: normal;}
		
body#home .quotes-callout {width: 281px;}
	body#home #lower-quote {width: 216px; clear: left;}
		body#home #lower-quote .quote-deets {font-size: 21px; padding-top: 17px;}
		
body#home #main-article-body p {font-size: 13px; text-align: center; padding: 0 6px;}
	
/* Classes */
.course-dates {font-family: "Tines New Roman", Times, serif; font-size: 1.1em; line-height: 1.3em;}
	.course-dates strong {margin-left: 24px;}


/* Taxidermy */
#taxidermy .story-img {width: 254px; margin-bottom: 13px; margin-left: 15px;}
#taxidermy #dwayne-headshot {width: 290px; margin-top: -13px; overflow: visible;}
#taxidermy #dwayne-headshot, #taxidermy #dwayne-instructor {margin-left: 10px; margin-bottom: 10px;}
#taxidermy .quotes-callout {padding-top: 0;}
	#taxidermy .quotes-callout .quote-deets {padding-top: 2px;}

	#taxidermy .video {width: 480px; margin: 0 auto; padding: 12px 12px 8px; background-image: url(http://local.bearcreek.com/images/_site-structure/camo-bg.jpg);}
	
/* Contact */
#contact-img {margin-top: 40px; width: 184px;}

#contact-form-table .required-mark {padding-left: 3px;}
#contact-form-table .label-input-pairing {width: 302px; padding: 0 0 6px; line-height: 12px; clear: left;}
#contact-form-table .label-input-pairing, #contact-form-table .label-div, #contact-form-table .input-div {height: 22px; line-height: 23px;}
	#contact-form-table .label-div, #contact-form-table .input-div {float: left;}
#contact-form-table .label-div {width: 80px; padding-right: 8px; text-align: right; font-size: 12px; clear: left;}
#contact-form-table .input-div {width: 210px;}
	#contact-form-table input {width: 200px;}
#contact-form-table textarea {height: 172px; width: 288px;}
#contact-form-table input.phone, #contact-form-table #submit-buttons input {width: auto;}
#contact-form-table #submit-buttons {clear: both; padding: 6px 0 0 88px;}

	#contact-form-table #comments-pairing {clear: left;}
		#contact-form-table #comments-pairing, #contact-form-table #comments-pairing .input-div {height: auto;}

/* Contact  - Thank You page*/

/* Map & Directions */
body#map-directions #main-article-body img.goright {margin-top:0; width: 302px;}
body#map-directions #location-hours {padding-top: 16px;}
	body#map-directions #location-hours, body#map-directions #location-hours p, body#map-directions #location-hours address {font-size: 14px;}
	body#map-directions #location-hours .hours-intro {margin-top: 20px;}

body#map-directions #driving-directions {clear: both; padding-top: 10px;}

body#map-directions #map {margin-bottom: 20px;}
	body#map-directions #map iframe {border: 2px solid #978152;}