/* 
Title:     layout.css
Updated:   July 23, 2010
*/

/* Structure
---------------------------------------------------------- */

	#logo {
		float: left;
		width: 185px;
		height: 156px;
		background: url("http://fishonyukon.com/images/layout/logo.png") no-repeat 0 0;
		}

	#menu {
		float: right;
		margin: 55px 0 29px 0;
		width: 788px;
		height: 103px;
		background: url("http://fishonyukon.com/images/layout/bg-menu.png") no-repeat 0 0;
		}

	#footer {
		clear: both;
		padding: 70px 0 20px 0;
		margin: 0 0 0 755px;
		width: 368px;
		height: 7px;
		text-indent: -9000px;
		}

			#footer li {
				margin: 0;
				padding: 0;
				float: left;
				}
			
					/*------------- Terms of use -------------*/	
			
					#terms-of-use a {
						display: block;
						width: 102px;
						margin-right: 18px;
						background: url("http://fishonyukon.com/images/layout/footer-terms-of-use.png") no-repeat 0 0;
						}

					/*------------- Privacy policy -------------*/	
			
					#privacy-policy a {
						display: block;
						width: 112px;
						margin-right: 18px;
						background: url("http://fishonyukon.com/images/layout/footer-privacy-policy.png") no-repeat 0 0;
						}

				/*------------- Terms of use -------------*/	
			
					#about-this-site a {
						display: block;
						width: 118px;
						background: url("http://fishonyukon.com/images/layout/footer-about-this-site.png") no-repeat 0 0;
						}
						

/* Toolbar and global navigation
---------------------------------------------------------- */

		#toolbar {
			margin: 14px 0 0 448px;
			width: 307px;
			height: 7px;
			text-indent: -9000px;
			}

				#toolbar li {
					margin: 0;
					padding: 0;
					float: left;
					}
				
						/*------------- About -------------*/	
				
						#about a {
							display: block;
							width: 47px;
							margin-right: 17px;
							background: url("http://fishonyukon.com/images/layout/toolbar-about.png") no-repeat 0 0;
							}
							
						#about a:hover, body#about {
							background-position: -47px 0;
							}	

						/*------------- Contact -------------*/	
						#contact a {
							display: block;
							width: 63px;
							margin-right: 17px;
							background: url("http://fishonyukon.com/images/layout/toolbar-contact.png") no-repeat 0 0;
							}
							
						#contact a:hover, body#contact {
							background-position: -63px 0;
							}	

						/*------------- Advertise -------------*/	
						#advertise a {
							display: block;
							width: 79px;
							margin-right: 17px;
							background: url("http://fishonyukon.com/images/layout/toolbar-advertise.png") no-repeat 0 0;
							}
							
						#advertise a:hover, body#advertise {
							background-position: -79px 0;
							}	

						/*------------- Site Map -------------*/
				
						#site-map a {
							display: block;
							width: 67px;
							background: url("http://fishonyukon.com/images/layout/toolbar-site-map.png") no-repeat 0 0;
							}
							
						#site-map a:hover, body#site-map {
							background-position: -67px 0;
							}	

				
		#global {
			margin: 24px 0 0 33px;
			width: 706px;
			height: 8px;
			text-indent: -9000px;
			}

				#global li {
					margin: 0;
					padding: 0;
					float: left;
					}
					
						/*------------- Home -------------*/	
			
						#home a {
							display: block;
							width: 44px;
							margin-right: 20px;
							background: url("http://fishonyukon.com/images/layout/menu-home.png") no-repeat 0 0;
							}
						
						#home a:hover, body#home #home a {
							background-position: -44px 0;
							}
				
						/*------------- Blog -------------*/	
				
						#blog a {
							display: block;
							width: 40px;
							margin-right: 20px;
							background: url("http://fishonyukon.com/images/layout/menu-blog.png") no-repeat 0 0;
							}
							
						#blog a:hover, body#blog #blog a {
							background-position: -40px 0;
							}
							
							/*------------- Forums -------------*/	

							#forums a {
								display: block;
								width: 64px;
								margin-right: 20px;
								background: url("http://fishonyukon.com/images/layout/menu-forums.png") no-repeat 0 0;
								}

							#forums a:hover, body#forums #forums a {
								background-position: -64px 0;
								}

						/*------------- Location Reports -------------*/
				
						#location-reports a {
							display: block;
							width: 152px;
							margin-right: 19px;
							background: url("http://fishonyukon.com/images/layout/menu-location-reports.png") no-repeat 0 0;
							}
							
						#location-reports a:hover, body#location-reports #location-reports a {
							background-position: -152px 0;
							}

						/*------------- Photos -------------*/	
						#photos a {
							display: block;
							width: 61px;
							margin-right: 20px;
							background: url("http://fishonyukon.com/images/layout/menu-photos.png") no-repeat 0 0;
							}
							
						#photos a:hover, body#photos #photos a {
							background-position: -61px 0;
							}

						/*------------- Yukon Anglers -------------*/	
						#yukon-anglers a {
							display: block;
							width: 128px;
							margin-right: 20px;
							background: url("http://fishonyukon.com/images/layout/menu-yukon-anglers.png") no-repeat 0 0;
							}
							
						#yukon-anglers a:hover, body#yukon-anglers #yukon-anglers a {
							background-position: -128px 0;
							}

						/*------------- Announcements -------------*/
				
						#announcements a {
							display: block;
							width: 135px;
							margin-right: 19px;
							background: url("http://fishonyukon.com/images/layout/menu-announcements.png") no-repeat 0 0;
							}
							
						#announcements a:hover, body#announcements #announcements a {
							background-position: -135px 0;
							}

						/*------------- Resources -------------*/
				
						#resources a {
							display: block;
							width: 92px;
							background: url("http://fishonyukon.com/images/layout/menu-resources.png") no-repeat 0 0;
							}
							
						#resources a:hover, body#resources #resources a {
							background-position: -92px 0;
							}

		#search {
			margin: 19px 0 0 478px;
			height: 19px;
			}

				#search-form {
					display: inline;
					font-size: 90%;
					}

				#keywords {
					width: 200px;
					margin-right: 2px;
					}

				#search-button {
					margin: 0 0 -4px 2px;
					}
					
				#push {
					padding-bottom: 880px;
					}

/* All page columns
---------------------------------------------------------- */

		#homepage-column-left {
			float: left;
			width: 526px;
			}

		#homepage-column-right {
			float: right;
			width: 416px;
			}
			
		#page-column-left {
			float: left;
			width: 688px;
			}

		#page-column-right {
			float: right;
			width: 250px;
			}

/* Boxes of content
---------------------------------------------------------- */

		.box-homepage, .box-homepage-special {
			width: 526px;
			margin-bottom: 28px;
			}
			
		.box-page {
			width: 688px;
			margin-bottom: 28px;
			}
			
		.box-page-wide {
			width: 970px;
			margin-bottom: 28px;
			}

				.box-homepage p, .box-homepage-narrow p, .box-page-narrow p, .box-page-wide p {
					font-size: 85%;
					line-height: 18px;
					margin-bottom: 10px;
					clear: both;
					}

		.box-homepage-narrow, .box-homepage-narrow-special {
			width: 416px;
			margin-bottom: 28px;
			}
			
		.box-page-sidebar {
			width: 251px;
			margin-bottom: 28px;
			}

						/*------------- Homepage 526px wide -------------*/

						.box-homepage .top {
							background: url("http://fishonyukon.com/images/layout/box-top-homepage.png") no-repeat 0 0;
							height: 26px;
							}

						.box-homepage .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-homepage.png") repeat-y 0 0;
							}						
						.box-homepage .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-homepage.png") no-repeat 0 0;
							height: 26px;
							}

						/*------------- Homepage special 526px wide -------------*/

						.box-homepage-special .top {
							background: url("http://fishonyukon.com/images/layout/box-top-homepage-special.png") no-repeat 0 0;
							height: 14px;
							}

						.box-homepage-special .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-homepage-special.png") repeat-y 0 0;
							}

						.box-homepage-special .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-homepage-special.png") no-repeat 0 0;
							height: 14px;
							}

						/*------------- Homepage narrow 416px wide -------------*/

						.box-homepage-narrow .top {
							background: url("http://fishonyukon.com/images/layout/box-top-homepage-narrow.png") no-repeat 0 0;
							height: 26px;
							}

						.box-homepage-narrow .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-homepage-narrow.png") repeat-y 0 0;
							}						
						.box-homepage-narrow .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-homepage-narrow.png") no-repeat 0 0;
							height: 26px;
							}

						/*------------- Homepage narrow special 416px wide -------------*/

						.box-homepage-narrow-special .top {
							background: url("http://fishonyukon.com/images/layout/box-top-homepage-narrow-special.png") no-repeat 0 0;
							height: 15px;
							}

						.box-homepage-narrow-special .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-homepage-narrow-special.png") repeat-y 0 0;
							}				

						.box-homepage-narrow-special .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-homepage-narrow-special.png") no-repeat 0 0;
							height: 15px;
							}
							
						/*------------- Page 688px wide -------------*/

						.box-page .top {
							background: url("http://fishonyukon.com/images/layout/box-top-page.png") no-repeat 0 0;
							height: 26px;
							}

						.box-page .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-page.png") repeat-y 0 0;
							}					

						.box-page .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-page.png") no-repeat 0 0;
							height: 26px;
							}
							
							/*------------- Page Wide 970px wide -------------*/

							.box-page-wide .top {
								background: url("http://fishonyukon.com/images/layout/box-top-page-wide.png") no-repeat 0 0;
								height: 26px;
								}

							.box-page-wide .middle {
								background: url("http://fishonyukon.com/images/layout/box-middle-page-wide.png") repeat-y 0 0;
								}				

							.box-page-wide .bottom {
								background: url("http://fishonyukon.com/images/layout/box-bottom-page-wide.png") no-repeat 0 0;
								height: 26px;
								}
							
						/*------------- Page sidebar 251px wide -------------*/

						.box-page-sidebar .top {
							background: url("http://fishonyukon.com/images/layout/box-top-page-sidebar.png") no-repeat 0 0;
							height: 26px;
							}

						.box-page-sidebar .middle {
							background: url("http://fishonyukon.com/images/layout/box-middle-page-sidebar.png") repeat-y 0 0;
							}					

						.box-page-sidebar .bottom {
							background: url("http://fishonyukon.com/images/layout/box-bottom-page-sidebar.png") no-repeat 0 0;
							height: 26px;
							}
							

						/*------------- Specific content styles -------------*/
						
						/*--------- General content box ---------*/

						#content-box {
							margin: 0 14px;
							padding: 20px 35px;
							}
							
							#content-box h1 {
								margin-bottom: 10px;
								font-size: 110%;
								line-height: 18px;
								color: #473c17;
								}
								
							#content-box blockquote {
								color: #967f2c;
								font-weight: normal;
								font-style: italic;
								font-family: Georgia, serif;
								line-height: 18px;
								margin: 20px 0;
								border-left: 2px solid #967f2c;
								padding: 5px 0 1px 20px;
								}
								
							#content-box #breadcrumb {
								margin-bottom: 20px;
								font-size: 80%;
								color: #967f2c;
								}

								#content-box #breadcrumb li {
									display: inline;
									padding-right: 1px;
									}
								
							#content-box #meta {
								color: #967f2c;
								font-size: 80%;
								font-style: italic;
								font-family: Georgia, serif;
								line-height: 14px;
								}

							#content-box #meta h5 {
								font-weight: normal;
								}
								
								#content-box #meta a:link {
									padding: 0 4px;
									}
									
							#content-box #feature-photo {
								margin: 20px 0;
								width: 870px;
								background: #ded9c9;
								height: 198px;
								}
								
								#content-box #feature-photo img {
									float: left;
									}
								
								#content-box #feature-text {
									width: 222px;
									padding: 20px;
									float: left;
									}
									
									#content-box #feature-text h1 {
										color: #827d66;
										font-size: 140%;
										font-weight: normal;
										font-style: italic;
										font-family: Georgia, serif;
										line-height: 26px;
										}
								
							#content-box #page-content {
								padding-top: 10px;
								width: 570px;
								}
								
								#page-content p {
									margin: 0 0 10px 0;
									}
								
								#page-content h3 {
									margin: 20px 0;
									font-size: 90%;
									line-height: 18px;
									border-bottom: 1px dotted #cdc8b3;
									padding-bottom: 7px;
									}
									
								#page-content p {
									margin: 0 0 10px 0;
									font-size: 90%;
									line-height: 18px;
									}
									
								#page-content ul {
									margin: 15px 0 15px 25px;
									font-size: 85%;
									}
									
									#search-tips {
										margin: 15px 0 20px 25px;
										font-size: 80%;
										}
									
							 	#page-content li {
									list-style: square;
									margin-bottom: 4px;
									line-height: 14px;
									}
									
								#page-content blockquote {
									color: #967f2c;
									font-weight: normal;
									font-style: italic;
									font-family: Georgia, serif;
									line-height: 18px;
									margin: 20px 0;
									border-left: 2px solid #967f2c;
									padding: 5px 0 1px 20px;
									}
									
									#search-tips li {
										list-style: square;
										margin-bottom: 0;
										line-height: 18px;
										}
									
							#content-box h3 {
								margin: 20px 0;
								font-size: 90%;
								line-height: 18px;
								border-bottom: 1px dotted #cdc8b3;
								padding-bottom: 7px;
								}
									
							#content-box #post {
								margin: 15px 0 25px 0;
								padding: 17px 0 7px 0;
								border-top: 1px dotted #cdc8b3;
								border-bottom: 1px dotted #cdc8b3;
								color: #6f5f22;
								}
								
								#content-box #post p {
									margin-bottom: 10px;
									font-size: 90%;
									line-height: 18px;
									}

								#content-box #post img {
									border: 5px solid #FFF;
									}

								#content-box #post-list {
									margin: 0 0 15px 0;
									padding: 17px 0 7px 0;
									border-bottom: 1px dotted #cdc8b3;
									color: #6f5f22;
									}
									
							#content-box #comments-posted h2 {
								margin-bottom: 25px;
								font-size: 90%;
								color: #473c17;
								}
								
								#content-box #comments-posted span {
									font-size: 90%;
									font-weight: normal;
									}
									
							.comment-box-top {
								background: url("http://fishonyukon.com/images/layout/comment-top.png") no-repeat 0 0;
								width: 579px;
								height: 17px;
								}
								
								.comment-box-top-alt {
									background: url("http://fishonyukon.com/images/layout/comment-top-alt.png") no-repeat 0 0;
									width: 579px;
									height: 17px;
									}
								
							.comment-box-middle {
								background: url("http://fishonyukon.com/images/layout/comment-middle.png") repeat-y 0 0;
								width: 551px;
								padding: 0 14px 0 14px;
								color: #473c17;
								font-size: 90%;
								line-height: 18px;
								}
								
								.comment-box-middle-alt {
									background: url("http://fishonyukon.com/images/layout/comment-middle-alt.png") repeat-y 0 0;
									width: 551px;
									padding: 0 14px 0 14px;
									color: #827d66;
									font-size: 90%;
									line-height: 18px;
									}
									
									.comment-box-middle p, .comment-box-middle-alt p {
										padding-bottom: 10px;
										}
								
							.comment-box-bottom {
								background: url("http://fishonyukon.com/images/layout/comment-bottom.png") no-repeat 0 0;
								width: 579px;
								height: 33px;
								}
								
								.comment-box-bottom-alt {
									background: url("http://fishonyukon.com/images/layout/comment-bottom-alt.png") no-repeat 0 0;
									width: 579px;
									height: 33px;
									}
								
							.comment-author {
								color: #967f2c;
								font-size: 80%;
								font-weight: normal;
								padding-left: 45px;
								margin: -7px 0 20px 0;
								}
								
							#post-a-comment {
								margin-top: 60px;
								}
								
								#post-a-comment-title {
									background: url("http://fishonyukon.com/images/layout/text-post-a-comment.png") no-repeat 0 0;
									width: 150px;
									height: 8px;
									text-indent: -9000px;
									}
									
								#preview-of-comment-title {
									clear: both;
									margin-bottom: 20px;
									background: url("http://fishonyukon.com/images/layout/text-preview-of-comment.png") no-repeat 0 0;
									width: 194px;
									height: 8px;
									text-indent: -9000px;
									}
								
								#comment-form {
									margin-top: 20px;
									font-size: 90%;
									}
									
								#comment-form fieldset {
									float: left;
									display: inline;
									clear: left;
									width: 600px;
									}
								
								#comment-form label {
									float: left;
									display: inline;
									text-align: right;
									margin: 0 0 10px -5px;
									width: 105px;
									}
									
								#comment-form input {
									left: 300px;
									width: 230px;
									margin: 0 0 10px 10px;
									}
									
								#comment-form #post-it {
									width: 51px;
									height: 19px;
									margin: 10px 0 30px 108px;
									}
									
								#comment-form textarea {
									margin: 0 0 0 10px;
									width: 300px;
									}
									
								#comment-form .help-text, #comment-form .help-textarea {
									margin-left: 0;
									position: absolute;
									left: 520px;
									width: 260px;
									text-align: left;
									color: #b0ac9a;
									font-weight: normal;
									font-style: italic;
									font-family: Georgia, serif;
									line-height: 18px;
									display: none;
									}
									
									#comment-form .help-textarea {
										margin-left: 70px;
										width: 200px;
										display: none;
										}

									#comment-form #TextDisplay {
										color: #CC0000;
										}
									
								#comment-form #post {
									width: 51px;
									height: 19px;
									border: none;
									margin: -12px 0 10px 109px;
									}					
							
						/*--------- General content box sidebar ---------*/

						#content-box-sidebar {
							margin: 0 0 0 14px;
							padding: 10px 35px 10px 20px;
							font-size: 80%;
							}
							
						#content-box-sidebar h2 {
							margin-bottom: 10px;
							}
							
						#content-box-sidebar ul {
							margin-bottom: 14px;
							}
							
							#content-box-sidebar li {
								margin-bottom: 9px;
								}
							
						#nav_categories {
							font-weight: bold;
							}

						#nav_categories li ul {
							font-weight: normal;
							margin: 9px 0 21px 0;
							}
							
							#subscribe {
								background: url("http://fishonyukon.com/images/layout/text-subscribe.png") no-repeat 0 0;
								width: 85px;
								height: 7px;
								text-indent: -9000px;
								}
								
							#within-resources {
								background: url("http://fishonyukon.com/images/layout/text-within-resources.png") no-repeat 0 0;
								width: 151px;
								height: 7px;
								text-indent: -9000px;
								}
								
							#recently {
								margin-top: 24px;
								background: url("http://fishonyukon.com/images/layout/text-recently.png") no-repeat 0 0;
								width: 81px;
								height: 7px;
								text-indent: -9000px;
								}
								
								#recently-location-reports {
									/*margin-top: 24px;*/
									background: url("http://fishonyukon.com/images/layout/text-recently.png") no-repeat 0 0;
									width: 81px;
									height: 7px;
									text-indent: -9000px;
									}
								
							#categories {
								margin-top: 24px;
								background: url("http://fishonyukon.com/images/layout/text-categories.png") no-repeat 0 0;
								width: 96px;
								height: 7px;
								text-indent: -9000px;
								}

						/*--------- Announcements ---------*/

						#bg-announcements {
							margin: 0 0 0 14px;
							padding: 11px 11px 0 11px;
							background: url("http://fishonyukon.com/images/layout/box-bg-announcements.png") no-repeat 0 0;
							font-size: 80%;
							color: #967f2c;
							}

								#bg-announcements p {
									line-height: 16px;
									margin-top: 7px;
									}

						/*--------- Blog posts on homepage ---------*/

						#bg-blog {
							margin: -12px 0 0 14px;
							padding: 90px 48px 30px 35px;
							background: url("http://fishonyukon.com/images/layout/box-bg-blog.png") no-repeat 0 0;
							}

						.blog-post {
							padding: 25px 0 10px 0;
							border-bottom: 1px dotted #cdc8b3;
							}

								.blog-post h1 {
									float: right;
									width: 310px;
									margin-bottom: 20px;
									font-size: 110%;
									line-height: 18px;
									}

								.blog-post h2 {
									float: left;
									text-align: right;
									color: #967f2c;
									font-size: 80%;
									font-weight: normal;
									font-style: italic;
									font-family: Georgia, serif;
									line-height: 16px;
									padding-right: 12px;
									border-right: 1px dotted #cdc8b3;
									}

								.blog-post img {
									border: 5px solid #FFF;
									}

										/*------- default styles for blog posts and comments -------*/
											
										.blog-post .title {
											font-size: 110%;
											color: #473c17;
											}
											
										.blog-post .meta {
											font-size: 80%;
											color: #967f2c;
											}
											
										.blog-post .posted_comments {
											clear: both;
											font-size: 90%;
											color: #967f2c;
											padding: 3px 0 3px;
											}
											
										.blog-post .comments {
											font-size: 90%;
											font-weight: bold;
											background: transparent;
											color: #967f2c;
											}
											
										.blog-post textarea {
											border: 1px solid #967f2c;
											padding: 1px;
											font-size: 90%;
											}
											
										.blog-post fieldset {
											padding: 10px;
											}
											
										.blog-post blockquote {
											color: #967f2c;
											background: #f8eed2;
											border: 2px solid #967f2c;
											padding: 7px 21px;
											margin: 13px 0;
											}

						/*--------- Location reports ---------*/

						#bg-location-reports {
							margin: -12px 17px 0 14px;
							padding: 95px 32px 30px 35px;
							background: url("http://fishonyukon.com/images/layout/box-bg-location-reports.png") no-repeat 0 0;
							}

						.report-post {
							padding: 25px 0 10px 0;
							border-bottom: 1px dotted #cdc8b3;
							}

								.report-post h1 {
									margin-bottom: 10px;
									font-size: 90%;
									line-height: 18px;
									}

						/*--------- Flickr ---------*/

						#flickr_badge_uber_wrapper {
							width: 480px;
							margin-left: 28px;
							padding: 10px 0 190px 0;
							}
							
							#flickr_badge_uber_wrapper_wide {
								width: 480px;
								padding: 0 0 200px 0;
								}
							
						#flickr_badge_wrapper {
							padding: 10px 2px;
							background-color: #F2ECD3;
							}
							
						#flickr_badge_wrapper a {
							display: block;
							float: left;
							border: 5px solid #FFF;
							margin: 0 10px 10px 0;
							width: 75px;
							height: 75px;
							}
							
							#flickr_badge_wrapper_wide a {
								display: block;
								float: left;
								border: 5px solid #FFF;
								margin: 0 10px 10px 0;
								width: 50px;
								height: 50px;
								}
							
						#flickr_www {
							display: block;
							text-decoration: none;
							padding: 0 10px 0 5px !important;
							font-size: 90% !important;
							font-family: Arial, Helvetica, Sans serif !important;
							color:#3993ff !important;
							}						

						/*--------- Podcast ---------*/

						.box-homepage-narrow-podcast {
							background: url("http://fishonyukon.com/images/layout/box-middle-homepage-narrow-podcast.png") no-repeat 0 bottom;
							}

						#bg-podcast {
							padding: 25px;
							}

								#bg-podcast a:link, #bg-podcast a:visited, #bg-podcast a:focus, #bg-podcast a:active {
									color: #FFF;
									}
		
								#bg-podcast h1 {
									font-size: 80%;
									margin-bottom: 4px;
									}
		
								#bg-podcast h2 {
									font-size: 80%;
									text-transform: lowercase;
									}

						#podcast-downloads {
							background: url("http://fishonyukon.com/images/layout/box-bg-podcast.png") no-repeat 0 0;
							margin-left: 15px;
							padding: 43px 0 0 0;
							width: 270px;
							}

						/*--------- Advertisements ---------*/

						.bg-advertisement {
							margin: 0 14px;
							}

						#google-adsense {
							margin: 20px 0;
							text-align: center;
							}