/* New Template September 2009 */
/* Color glossary 
#764c24		med-dark brown (cross stitch)
#264d6e		dk blue (quilting)
#a12a14		red (crochet and knitting)
#6b3d6a		dk purple (beadwork)
#b16519		yellow-orange (other sewing)
#566931		green (et cetera)
#524741		gray (blog)
#754b23		med brown
#d8d498		beige (content bg)
#412307		dk brown (header bg)


*/

	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: 800px;
		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: 796px; 
	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; }
	
/* Navigation */
	#nav { clear: left;
		float: left;
		width: 200px;
		font-size: .8em;
 }
	
	#nav ul, #sidebar ul
	{
		list-style: none none;	
		padding: 0; margin: 0;	
	}
	
	#nav #info .heading, #nav #menu .heading  { 
		background: url(../images/browngreen/bullet_heading.gif) no-repeat;
		background-position: left;
		padding-left: 13px;
		margin-top: 10px;
		margin-left: 5px;
		font-size: 1.1em;
		font-weight: bold;
		border-bottom: dotted 1px #566931;
	}
	#nav #info ul { font-weight: normal; }

	#nav a
	{
		vertical-align: middle;
		font-weight: bold;
		word-wrap: break-word;
		padding: 1px 2px 1px 0;
	}
	
	#nav a:hover { color: #696F81; background-color: #E9EAD0; }

	#menu ul.years { list-style: none none; margin: 0 0 0 18px; padding: 0; }
	#menu ul.years li { float: left; width: 4em; }
	#info ul, #menu ul {
		list-style: none none;
		margin-left: 18px; 
		}
	#info li, #menu li { vertical-align: middle; }


/* Content */
#content
{
	float: right;
	margin: 0;
	padding: 0;
	width: 570px;
	line-height: 1.3em;
	font-size: .9em;
}

#content a { text-decoration: underline; }
#content p, #content div, #content ul { padding: 0 12px; }
#content dt { font-weight: bold; }
#content dd { margin-left: 0; padding-left: 0; margin-bottom: 1em; }
		
#content img {
 padding: 5px;
 margin: 2px;
 border: 1px solid #555555;
 background-color: #FFFFFF; 
 text-decoration: none;
}
#content img.noborder, #content img.icon {
 padding: 1px;
 margin: 1px;
 border: 0;
 background-color: transparent; 
} 
#content #bottomnav ul { list-style: none none; margin: 0; padding: 0; }
#content #bottomnav li { float: left; padding: 2px 1em;}

#designers ul, #yearly ul { margin: 0; padding: 0; }
#designers li, #yearly li	{
 list-style: none;
 float: left;
 width: 12.5em; 
 height: 13em;
 margin: 1em; 
 font-size: .85em;
 text-align: center; 
}
#yearly li img { margin-bottom: 0; }
#yearly li a { text-decoration: none; font-weight: bold; }

#categories ul, #rotation ul { padding-left: 0; margin-left: 0; }
#categories li { 
	list-style: none none; 
	float: left; 
	width: 14em; 
	height: 20em;
	text-align: center; 
	font-size: .85em; 
	margin: .5em; 
}
#yearly h2, #categories h2 { clear: left; }

#rotation li { 
	list-style: none none; 
	float: left; 
	width: 250px; 
	height: 9.5em;
	font-size: .85em; 
	margin: .5em; 
}
#rotation li img { float:left; margin-right: 5px; }

#minipics ul { padding: 0; margin: 0; }
#minipics li { 
	list-style: none none;
	padding: 0; margin: 0;
	float: left; 
	}
#minipics img {
	padding: 0;
	margin: 4px;
	border: solid 1px #000;
	}

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

	#footer ul
	{
		position: static;
		text-indent: 0;
		margin-top: .5em !important;
		width: 800px;
		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;
	}

	h1 { font-size: 1.2em; }
	h2 { font-size: 1.15em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1em; }

	a:link, a:visited, a:active
	{
		text-decoration: none;
	}

	a { text-decoration: none; }	
	a:link { color : #264d6e; }
	a:visited { color : #6b3d6a; }
	a:hover { color: #754b23; }

	abbr, acronym, .help {
	  border-bottom: 1px dashed #AAA;
	  cursor: help;
	 }
	
	table { margin-bottom: 10px; }
	table, th, td { border: solid 1px #754b23; ; margin: 0; padding: 0 6px; font-size: .9em; border-collapse: collapse; }
	th { background-color: #412307; color: #f9e9d7; }

.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,
.bap, .bsd, .kit, .mira, .other, .small, .tw {
color: #e1e1bb!important; 
}
.quilt a, .xs a, .crochet a, .beads a, .sewing a, .etc a, .blog a,
.bap a, .bsd a, .kit a, .mira a, .other a, .small a, .tw a {
color: #e1e1bb!important; 
}
.quilt, .bap { background-color:#264d6e; }
.xs, .bsd { background-color:#764c24; }
.crochet, .kit { background-color:#a12a14; }
.beads, .mira { background-color:#6c3d6b; }
.sewing, .other { background-color:#b16519; }
.etc, .small { background-color:#566931; }
.blog, .tw { background-color:#524741; }
 
.caption { color: #555; font-style: italic; margin-top: -6px; }