/*-------------------------------------------------------------
	THE BASICS
-------------------------------------------------------------*/

/*

	SarcasticBaby color palette
	
	#D6ECEF		baby blue	(content background)
	#CB6720		orange		(background)
	#3E2B05		brown		(text)
	
*/	

	body{
		padding: 0;
		margin: 0;
		background: #CB6720 url('/_themes/public_pumpkin/images/back.gif') repeat-x;
		text-align: center;
		font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		color: #3E2B05;
	}
	
	h1, h2, h3{
		font-weight: normal;
	}
	
	a{ color: #03F; }
	a:hover{ background: #a3cdf7;}
	
	p{ margin: 0 0 15px 0; }
	
	
	.bug{
		float: right;
		margin: 10px 0 50px 60px;
	}
	
	.bugTxt{
		float: right;
		margin: 10px 40px 40px 60px;
		font-style: italic;
		font-size: 90%;
	}
	
	ul, li{
		margin: 0;
		padding: 0;
	}
	
	li{ margin-left: 18px; }



	
/*-------------------------------------------------------------
	LAYOUT
-------------------------------------------------------------*/
	
	#wrappa{
		width: 647px;
		margin:0px auto;
		margin-top: 20px;
		text-align: left;
		background: #D6ECEF url('/_themes/public_pumpkin/images/sarcastic_baby.gif') no-repeat;
	}
	
	#logo{
		overflow: hidden;
		width: 647px;
		height: 85px;
		background: url('/_themes/public_pumpkin/images/sarcastic_baby.gif') no-repeat;
				text-indent: -5000px;
	}

		/* box model hack thingy */
			#logo{ 

				voice-family:"\"}\"";
				voice-family:inherit;
				text-indent: -5000px;
			}
			.clearodummy{}
	
	h1#logo { margin: 0;}
	
	#content{
		clear: both;
		padding: 0;
		margin: 20px;
	}
	
	#footer{
		margin:0px auto;
		text-align: left;
		font-size: 10px;
		border-top: 1px solid #a4d9ef;
		margin: 25px 20px 10px 20px;
		padding: 5px 0 5px 0;
	}
	
	#footer a{ color: #3E2B05; padding-right: 5px;}


	.column2{
		float: left;
		width: 50%;
	}
	
	.column3{
		float: left;
		width: 32%;
	}
	
	.clear{
		clear: both;
	}

/*-------------------------------------------------------------
	NAVIGATION
-------------------------------------------------------------*/
	#navigation{
		position: absolute;
		z-index: 5;
		top: -4px;
		padding: 0;
		margin: 0;
		height: 28px;
		white-space: nowrap;
	}
	
		
		#navigation a{
			color: #D6ECEF;
			text-decoration: none;
			background: url('/_themes/public_pumpkin/images/nav_back.gif') repeat-x;
			display: block;
			padding: 4px 10px;
			float: left;
			height: 28px;
		}
		
		#navigation a:hover{ color: #EFF57D;}
		#navigation a.active{ color: #EFF57D; }
		
		#navigation a.first{ padding-left: 18px; }
		
		
		
		#navigation img{ float: left;}
		
		/* box model hack thingy */
			#navigation img{ 
				margin: 0 -4px;
				voice-family:"\"}\"";
				voice-family:inherit;
				margin: 0;
			}
		.clearodummy{}
	
	#navCap{
		position: absolute;
		z-index: 4;
		top: -4px;
		right: -1px;
		height: 30px;
		background: url('/_themes/public_pumpkin/images/nav_back.gif') repeat-x;
		width: 170px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 190px;
	}
		.clearodummy{}

		
		/* hack */
		div>#navCap {
			right: 0;
		}





/*-------------------------------------------------------------
	FORMS
-------------------------------------------------------------*/

	.positioned label,.positioned input {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
	}
	
	.positioned label {
		font-size: 90%;
		text-align: right;
		width: 120px;
		padding-right: 10px;
	}
	
	.positioned br {
		clear: left;
	}



/*-------------------------------------------------------------
	BIG IMAGES
-------------------------------------------------------------*/

	#seasonalImg{
		position: relative;
		width: 647px;
		height: 281px;
		background: url('/_themes/public_pumpkin/images/main_fall.jpg') 0 10px no-repeat;
	}
	
	#aboutImg{
		position: relative;
		width: 647px;
		height: 250px;
		background: url('/_themes/public_pumpkin/images/main_aboutUs.jpg') 0 10px no-repeat;
	}
	
	#noImg{
		position: relative;
		width: 647px;
		height: 50px;
	}

/*-------------------------------------------------------------
	MISC
-------------------------------------------------------------*/

	a.border img{
		border: 5px solid #fff;
	}
	
	a:hover.border img{
		border: 5px solid #a3cdf7;
	}
	

/*-------------------------------------------------------------
	ERROR/SUCCESS MESSAGE FORMATTING
-------------------------------------------------------------*/

	.error, .success{
		border: 1px solid #6e401f;
		padding: 10px;
		background: #ffc;
	}
		
	.error{
		color: red;
		margin: 10px 0;
	}
	
		.error li{ color: #3E2B05; }
	
	.success{
		color: green;
		margin: 10px 0;
	}