/* New style sheet created so that I wouldn't have pixel sizes on fonts, various website
enhancement features
March 18, 2007
Updated August 21, 2007 to take away link formatting on headings in the content area
Updated April 5, 2008 to correct headings
Changed to brown green styles September 29, 2009
*/

/* Body */
	html, body
	{
		padding: 0; margin: 0;
		background: #603813 url(../images/browngreen/bg.jpg) repeat-x;
		color: #333;
		font-size: 100.01%;
		text-align: center;
	}

	#body
	{
		width: 804px;
		font: 1em 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin-left:auto; margin-right:auto; /* FF centered fix */
		background-color: #d8d498;
		overflow: auto;
		border-left: solid 2px #234567; 
		border-right: solid 2px #234567; 
	}
/* Header */
#header { background-color: #412307; }

#logo { 
	width: 800px; 
	height: 80px; 
	margin-left: 2px; 
	}

	
#header ul {
	padding: 3px 0 0 0; margin: 0;
	list-style: none none;
	border-top: solid 1px #8c6239;
	}
	
#header li {
	float: left;
	padding: 0; margin: 0;
	}

#header a img { border: 0; text-decoration: none; }

	a { text-decoration: none; }	
	a:link { color : #7D98EF; }
	a:visited { color : #EF7DBB; }
	a:hover { color: #696F81; }

	abbr, acronym, .help {
	  border-bottom: 1px dashed #AAA;
	  cursor: help;
	 }
	
	#main
	{
		margin: 0 3px 3px 0;
		padding: 0;
		width: 800px;
	}

	
/* Content */
.left { float:left; margin-right: .5em; }
.right { float:right; margin-left: .5em; }
.clear { clear:both; }
.center { text-align: center; }

.quilt, .xs, .crochet, .beads, .sewing, .etc, .blog {
color: e1e1bb!important; 
}
 
.quilt { background-color:#264d6e; }
.xs { background-color:#764c24; }
.crochet { background-color:#a12a14; }
.beads { background-color:#6c3d6b; }
.sewing { background-color:#b16519; }
.etc { background-color:#566931; }
.blog { background-color:#524741; }
 
#content { line-height: 1.2em; font-size: .9em; }
#content p { text-align: left; padding-left: 10px; }
#content img {
 padding: 7px;
 margin: 7px;
 border: 1px solid #555555;
 background-color: #FFFFFF; 
}

/* This creates the 3 subject area boxes for areas of the site recently updated that I want to highlight */
#content .boxheader { font-size: 1.2em; margin: 0; padding: 0; }
#content .boxheader a { text-decoration: none; color: #e1e1bb; }
#content #xs p, #content #quilt p, #content #misc p { margin: 5px; }
#content #xs, #content #quilt, #content #misc {
	border: solid 1px #566931;
	width: 235px;
	height: 300px;
	float: left;
	text-align: center;
	padding: 0;
}
#content #quilt, #content #misc { margin: 1em .5em .5em 1em; }
#content #xs { margin: 1em .5em .5em 1.5em; }

/* Footer */
	#footer
	{
		width: 800px;
		text-align: center; color: #333;
		border-top: 2px dashed #234567;
		margin-bottom: 6px;
	}

	#footer ul
	{
		position: static;
		text-indent: 0;
		margin-top: .5em !important;
		padding: 0;
		margin: 0;
	}

	#footer li
	{
	display: inline;
	text-transform: lowercase;
	font-size: .75em;
	background: url(../images/browngreen/bullet_footer.gif) no-repeat;
	background-position: left;
	padding: 0 2px 0 10px;
	}
	
		a { text-decoration: none; }	
	a:link { color : #264d6e; }
	a:visited { color : #6b3d6a; }
	a:hover { color: #754b23; }