/* 

STYLE SHEET FOR SLOPPY BABY WEB SITE
Created by Bluespace Creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	background-color: #edf1ad;
	color: #000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 782px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFF;
	margin-top: 15px;
		}
		
#logo {
	height: 282px;
	width: 260px;
	background-color: #43300C;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	float: left;
	color: #FFFFFF;
		}
#logo #img {
	padding-top: 63px;
	padding-left: 21px;
}
#flash {
	float: left;
	height: 282px;
}
#topStripes {
	background-image: url(../images/topStripes.gif);
	height: 115px;
}	
#nav {
	height: 21px;
	background-color: #CBE22F;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	color: #43300C;
}
#bottomStripes {
	background-image: url(../images/bottomStripesHome.gif);
	background-repeat: repeat-x;
	height: 108px;
	clear: both;
}
#navShop {
	width: 155px;
	text-align: center;
	height: 21px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
}
#navAbout {
	width: 155px;
	text-align: center;
	height: 21px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
}
#navNews {
	width: 155px;
	text-align: center;
	height: 21px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
}
#navStores {
	width: 155px;
	text-align: center;
	height: 21px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
}
#nav #navContact {
	width: 154px;
	text-align: center;
	height: 21px;
	float: left;
}
#nav img {
	margin-top: 5px;
	padding-bottom: 1px;
}
#footer {	
	padding-top: 5px;
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.separator {
		clear: both;
		height: 0;
		}
/* ---------- 3. links and navigation ---------- */

a {color: #5B441B;}
		
a:hover {text-decoration: none;}

/* ---------- 4. fonts ---------- */
ul {list-style-type: none;}

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */text-align: center;}
		
#wrapper {text-align: left;}