/*	Bruce County Fudge Global Stylesheet
	Created:	Wednesday Jun 3rd, 2009
	Author:		Jonathan Geiger
	
	Background:			#270D05
	Main Text:			#341A08
   	Red Junk:			#CC2229
   	Footer Text:		#A08576
   	Tint:				#F7F4F2
   	Tint Border:		#E6D9D0
	----------------------------------------------------*/
	html
	{
		background: #270D05 url('../images/layout/background.jpg') no-repeat center top;
		min-height: 100%;
		height: 100%;
	}
	
		body	
		{
			border-top: 5px solid #CC2229;
			background: url('../images/layout/pattern.png') repeat center top;
			min-height: 100%;
			min-width: 960px;
			padding-bottom: 40px;
		}
		
		
	/*	=Standard Elements
		------------------------------------------------------ */
		a:hover
		{
			color: #CC2229 !important;
		}
		
		p
		{
			font-size: 1.4em;
			line-height: 1.5em;
			margin-bottom: 1em;
			color: #341A08;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6
		{
			color: #CC2229;
			margin-bottom: 0.5em;
			font-weight: normal;
			line-height: 1em;
			letter-spacing: -1px;
		}
		
		h1 { font-size: 3em; }
		h2 { font-size: 2.4em; }
		h3 { font-size: 2em; }
		h4 { font-size: 1.8em; }
		h5 { font-size: 1.6em; }
		h6 { font-size: 1.4em; }


	/*	=Containers
		------------------------------------------------------ */
		#container
		{
			width: 960px;
			background: white;
			margin: auto;
			background: white url('../images/layout/container-background.png') repeat-x;
		}
		
			.content-small
			{
				float: left;
				width: 640px;
			}
			
			.content-side
			{
				float: left;
				width: 240px;
			}
	
		/*	=Navigation
			------------------------------------------------------ */
			#navigation 
			{
				overflow: auto;
				padding: 20px 0px 15px 40px;
				position: relative;
			}
			
				#navigation h1
				{
					width: 163px;
					height: 92px;
					float: left;
					background: url('../images/layout/logo.png') no-repeat;
				}
				
					#navigation h1 a
					{
						width: 163px;
						height: 92px;
						display: block;
						text-indent: -9000px;
					}
					
					#navigation ul
					{
						width: 613px;
						float: right;
						margin-right: 40px;
						margin-top: 50px;
					}
					
						#navigation li
						{
							float: left;
						}
						
							#navigation li a
							{
								background-image: url('../images/layout/navigation.png');
								background-repeat: no-repeat;
								text-indent: -9000px;
								display: block;
								height: 16px;
								margin: 10px 0px 0px 20px;
							}
							
						/* Individual Navigation Items */
						#shop a
						{
							width: 38px;
						}
						
						#about a
						{
							background-position: -41px 0;
							width: 70px;
						}
						
						#gifts a
						{
							background-position: -114px 0;
							width: 35px;
						}
						
						#events a
						{
							background-position: -153px 0;
							width: 187px;
						}
						 
						#parties a 
						{
							background-position: -344px 0;
							width: 135px;
						}
						
						#contact a
						{
							background-position: -484px 0;
							width: 83px;
						}
						
						/* Rollovers */
						#shop a:hover
						{
							background-position: 0 -16px;
						}
						
						#about a:hover
						{
							background-position: -41px -16px;
						}
						
						#gifts a:hover
						{
							background-position: -114px -16px;
						}
						
						#events a:hover
						{
							background-position: -153px -16px;
						}
						 
						#parties a:hover
						{
							background-position: -344px -16px;
						}
						
						#contact a:hover
						{
							background-position: -484px -16px;
						}
						
					/* Store Actions */
					#store 
					{
						background: #EFEAE6 none repeat scroll 0 0;
						border: 1px solid #E6D9D0;
						border-top: none;
						position: absolute;
						width: 309px;
						right: 40px;
						top: 0;
						-moz-border-radius-bottomright: 4px;
						-moz-border-radius-bottomleft: 4px;
						-webkit-border-radius-bottomright: 2px;
						-webkit-border-radius-bottomleft: 2px;
					}
					
						#store ul
						{
							float: none;
							width: auto;
							margin: 0;
						}
						
							#store li
							{
								margin: 0;
								border-right: 1px solid #DED9D6;
							}
											
								#store li a
								{
									background: none;
									text-indent: 0;
									color: #786457;
									text-decoration: none;
									font-size: 1.15em;
									margin: 0;
									padding: 11px 15px 5px;
								}
								
								#store li a:hover
								{
									background: #CC2229;
									color: white !important;
								}
								
								
						/* Search Box */
						#store form
						{
							margin-top: 4px;
						}
						
							#store input
							{
								margin-left: 5px;
								font-size: 1.15em;
								padding-left: 3px;
							}
						
							#store input.submit
							{
								-moz-border-radius-bottomright:2px;
								-moz-border-radius-topright:2px;
								background-color:#CC2229;
								border:1px solid #993333;
								color:#FFFFFF;
								height:23px;
								margin-left:-5px;
								margin-top:1px;
								padding:0 2px 3px;
							}
							
					.search-box
					{
						margin: 20px 0px;
					}
							
	/*	=Content
		------------------------------------------------------ */
		#content
		{
			padding: 30px 40px;
			background: url('../images/layout/content.png') repeat-x;
		}
		
		/*	=Banner on Index Page
			------------------------------------------------------ */
			#banner
			{
				background: url(../images/banners/default.jpg);
				height:220px;
				margin-left:-40px;
				margin-top:-30px;
				padding:40px;
				width:100%;
			}
			
				#banner h1
				{
					margin-left: 350px;
				}
				
				#banner p
				{
					margin-left: 350px;
				}
			
			
		/*	=Heading on Index Page
			------------------------------------------------------ */
			#browse
			{
				text-indent: -9000px;
				background: url(../images/headings/browse-all.jpg);
				height:42px;
				margin-left:-40px;
				padding:0 40px;
				width:100%;
			}


		/*	=Products
			------------------------------------------------------ */
			.products
			{
				overflow: hidden;
			}
			
				.product,
				.inline-category
				{
					overflow: hidden;
					border-bottom:1px dotted #DDDDDD;
					margin-top: 15px;
					overflow:hidden;
					padding-bottom: 15px;
				}
			
					.inline-category .image,
					.product .image
					{
						float: left;
						width: 170px;
						text-align: center;
					}
				
					.product .information,
					.inline-category .information
					{
						float: left;
						width: 470px;
					}
						
						.product .information h2,
						.inline-category .information h2
						{
							font-size: 1.6em;
						}
					
							
							h2 .dash
							{
								color: #A07F6B;
							}
							
							h2 .price
							{
								font-weight: normal;
								font-size: 0.8em;
								color: #341A08;
							}
							
							.product h2 .price
							{
								color: #CC2229;
							}
					
								h2 .price .sale
								{
									color: #CC2229;
									font-weight: bold;
									font-style: oblique;
								}
							
								h2 .price .strikeout
								{
									text-decoration: line-through;
									color: #341A08;
								}
							
						.product .information h2,
						.product .information h2 a,
						.inline-category .information h2,
						.inline-category .information h2 a
						{
							color: #341A08;
						}
					
						.product .information p,
						.inline-category .information p
						{
							font-size: 1.2em;
						}
					
					/* Buttons & Links */
					.product .buttons
					{
						color: #A07F6B;
						font-size: 1.3em;
					}
				
						.product .buttons a.more-information
						{
							color: #341A08;
							font-weight: bold;
							line-height:1.7em;
							padding-left:4px;
						}
					
						.product .buttons a.add-to-cart
						{
							padding-right:5px;
							vertical-align:top;
						}
					
					.inline-category p.products a
					{
						font-weight: bold;
						color: #CC2229;
					}
		
		/*	=More Information Pages
			------------------------------------------------------ */
			.product-image
			{
				float: right;
				font-size: 1.2em;
				font-weight: bold;
				margin: 0px 10px;
			}
			
				.product-image a img
				{
					text-decoration: none;
				}
				
				.product-image .fullsize-link
				{
					display: block;
					width: 150px;
					color: #CC2229;
					text-align: center;
					margin-bottom: 10px;
				}
			
			.product-details
			{
				margin: 10px 0;
				font-size: 13px !important;
				color: #341A08;
				line-height: 1.5em;
			}
					
				.product-details p
				{
					font-size: 13px !important;
				}
				
				.product-details .add-to-cart
				{
					margin-top: 1em;
				}
			
			
		/*	=Category Display
			------------------------------------------------------ */
			.category
			{
				width: 160px;
				float: left;
				margin: 20px 8px 0 8px;
			}
			
				.category h1
				{
					font-size: 1.15em;
					color: white;
					background: url(../images/layout/category-background.png) 0 bottom;
					padding: 9px 5px 12px 9px;
					letter-spacing: -0.5px;
					position: relative;
					z-index: 2;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-topright: 5px;
					-webkit-border-radius-topleft: 7px;
					-webkit-border-radius-topright: 7px;
				}
				
					.category a
					{
						color: white;
						text-decoration: none;
					}
					
					.category a:hover
					{
						text-decoration: none;
						color: white !important;
					}
				
				.category img
				{
					width: 160px;
					position: relative;
					top: -10px;
					z-index: 1;
				}
			
				
		/*	=Catalog
			------------------------------------------------------ */
			#catalog,
			#slideshow
			{
				background: url(../images/side-panel/categories.png) no-repeat;
				float: right;
				height: 500px;
				padding: 60px 10px 0 18px;
				width: 211px;
				margin-right: -40px;
				margin-top: -30px;
				margin-left: 20px;
			}
			
				#catalog li
				{
					font-size: 1.3em;
					font-weight: bold;
					line-height: 1em;
					margin-bottom: 1em;
				}
				
					#catalog a
					{
						color: #5e331a;
						text-decoration: none;
					}
					
					#catalog a:hover
					{
						text-decoration: underline;
					}
					
		/*	=Slideshow
			------------------------------------------------------ */
			#slideshow
			{
				background: url(../images/side-panel/slideshow.png) no-repeat;
			}
			
				#slideshow a
				{
					text-decoration: none;
				}
			
				#slideshow img
				{
					border: 1px solid #DDDDDD;
					margin-bottom: 10px;
					margin-right: 10px;
					width: 90px;
				}
			
		/*	=Request More Information form
			------------------------------------------------------ */
			#more-information
			{
			}
			
				#more-information fieldset
				{
					float: left;
					margin-bottom: 3%;
					padding-left: 2%;
					width: 48%;
				}
				
				#more-information fieldset.first
				{
					padding-left: 0;
					padding-right: 2%;
				}
				
				#more-information legend
				{
					font-size: 1.5em;
					margin-bottom: 5px;
				}
				
				#more-information label
				{
					clear: both;
					display: block;
					font-size: 1.15em;
					margin-bottom: 5px;
					margin-top: 10px;
				}
				
				#more-information input
				{
					width: 96%;
				}
				
				#more-information textarea
				{
					width: 100%;
				}
				
				#more-information input.submit
				{
					width: auto;
					display: block;
					margin: 10px 0;
					font-size: 1.3em;
				}
				
				#more-information .required
				{
					color: red;
				}
				
		/*	=AJAX Reply
			------------------------------------------------------ */
			.form-result-ajax
			{
				padding: 15px;
			}	
			
			.form-result-ajax .error
			{
				color: #CC2229;
				font-size: 2em;
				font-weight: normal;
			}
			
			.form-result-ajax .success
			{
				color: green;
				font-size: 2em;
				font-weight: normal;
			}
			
			.form-result-ajax ul
			{
				color: #341A08;
				font-size: 1.35em;
				line-height: 1.5em;
				list-style-type: square;
				padding-left: 30px;
			}
			
			.form-result-ajax p
			{
				font-weight: bold;
			}
				
				
		/*	=Horizontal Rules
			------------------------------------------------------ */
			div.hr
				{
					font-size: 0px;
					line-height: 1px;
					height: 1px;
					border-bottom: 1px dotted #DDD;
					margin: 30px 0px 20px;
				}

					div.hr hr
					{
						display: none;
					}
					
	/*	=Slideshow
		------------------------------------------------------ */
		.slideshow
		{
			
		}
		
			.slideshow img,
			.slideshow div.slide
			{
				
			}
			
			.slideshow a
			{
				
			}
			
	/*	=Page-Specific Styles
		------------------------------------------------------ */		
		#weddings .banner
		{
			height: 300px;
			left: -40px;
			position: relative;
			top: -30px;
			width: 960px;
			background: url(../images/banners/weddings.jpg);
		}
		
			#weddings .banner h1
			{
				padding: 50px 50px 0;
			}
			
			#weddings .banner p
			{
				padding: 0 430px 0 50px;
			}
			
		#about_us .banner
		{
			height: 300px;
			left: -40px;
			position: relative;
			top: -30px;
			width: 960px;
			background: url(../images/banners/about.jpg);
		}

			#about_us .banner h1
			{
				padding: 50px 50px 0 778px;
			}

	/*	=Footer
		------------------------------------------------------ */
		#footer
		{
			background: url('../images/layout/footer-background.png') repeat-x;
			height: 21px;
			padding: 11px 30px 14px 40px; 
			margin-bottom: 40px;
		}
			
			#footer p
			{
				float: left;
				padding-top: 2px;
			}
			
			#footer p,
			#footer a
			{
				color: #A08576;
				font-size: 1.2em;
				text-decoration: none;
			}
		
			#footer ul
			{
				float: right;
				margin-top: 4px;
			}
			
				#footer li
				{
					float: left; 
					padding: 2px 10px;
					border-left: 1px dotted #CCC;
				}
				
				#footer li:first-child
				{
					border-left: none;
				}			
				
				
	/*	=Miscellaneous Classes and other stuff
		------------------------------------------------------ */
		input.default
		{
			color: #999;
		}
		
		span.brown
		{
			color: #341A08;
		}
		
		.center
		{
			text-align: center;
		}
		
		.hidden
		{
			display: none;
		}
		
		img.left
		{
			float: left;
		}
		
		img.right
		{
			float: right;
		}