/*
Melissa's Blog
Style: Brown-green Doodle-head
September 2009 revision

*/
/* New Template September 2009 */
/* Color glossary 
#264d6e		dk blue
#6b3d6a		dk purple
#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: both;
		float: left;
		width: 202px;
		font-size: .8em;
 }
	
	#nav ul, #sidebar ul
	{
		list-style: none none;	
		padding: 0; margin: 0;	
	}
	#nav #info { padding-left: 4px; }
	#nav #info .heading  { 
		background: url(../images/browngreen/bullet_heading.gif) no-repeat;
		background-position: left;
		padding-left: 13px;
		margin-left: 5px;
		font-size: 1.1em;
		font-weight: bold;
		border-bottom: solid 1px #DDD;
	}
	#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
	{
		border-top: 1px dotted #D8D8D8;
		padding: 0 3px;
		margin-top: 0;
	}

	#menu ul ul {

		padding-left: 0;
		font-weight: normal;
	}

	#menu ul
	{
		list-style: none none;
		font-weight: bold;
		padding-left: 10px;
	}
	#menu li li {
		background: url(../images/browngreen/bullet_nav.gif) no-repeat;
		background-position: left;
		padding-left: 10px;
		margin-left: 15px;
	}
	#menu #years li { float: left; width: 3em; }
	#info ul {
		list-style: none none;
		margin-left: 18px; 
		}
	#info li { vertical-align: middle; }

	#nav #extras ul
	{
		list-style-type: none;
	}

	#nav #extras
	{
		padding: 0 0 .8em 6px;
	}
	
	#nav #extras li
	{
		padding-bottom: 6px;
	}

/* Content */
	#main
	{
		float: right;
		margin: 0 3px 3px 0;
		padding: 0;
		width: 566px;
	}
	
	#content { line-height: 1.2em; font-size: .9em; }
	#content h1 {
		background: url(../images/browngreen/bullet_heading.gif) no-repeat;
		background-position: left;
		padding-left: 15px;
		margin-left: 0;
	}

	#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;
}

#designers ul, #yearly ul { margin: 0; padding: 0; }
#designers li, #yearly li	{
 list-style: none;
 float: left;
 width: 12.5em; 
 height: 14em;
 margin: 1em; 
 font-size: .85em;
 text-align: center; 
}
#designers li img, #yearly li img { margin-bottom: 0; }
#designers li img a, #yearly li img a { text-decoration: none; }
#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; 
}
#designers h2, #yearly h2, #categories h2 { clear: left; }

#rotation li { 
	list-style: none none; 
	float: left; 
	width: 245px; 
	height: 11em;
	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;
	}

#content img.noborder, #content img.icon {
 padding: 1px;
 margin: 1px;
 border: 0;
 background-color: transparent; 
} 
#content #bottomnav li { list-style-image: none; float: left; padding: 2px 1em;}

/* Footer */
	#footer
	{
		position: relative; float: left; 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;
		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, h2, h3, h4, h5, h6
	{
		padding: 0; margin: 5px 0 0 0;
	}
	h1 { font-size: 1.2em; }
	h2 { font-size: 1.15em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1em; margin: 5px 0; }

	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: #8c6239; color: #f9e9d7; }

.left { float:left; margin-right: .5em; }
.right { float:right; margin-left: .5em; }
.clear { clear:both; }
.center { text-align: center; }
 
.quilt { background-color:#F8E7C7; }
.xs { background-color:#E1CCEB; }
.crochet { background-color:#FCDAED; }
.beads { background-color:#CDD2EF; }
.sewing { background-color:#FFFFCC; }
.etc { background-color:#CBEBD6; }
.blog { background-color:#DDDDDD; }
.bap { background-color:#FFFFDA; }
.bsd { background-color:#D0F9EF; }
.kit { background-color:#FFEFD2; }
.mira { background-color:#E1FFEC; }
.other { background-color:#D6E4FC; }
.small { background-color:#E3D0F9; }
.tw { background-color:#FFE2F2; }
 
.caption { color: #555; font-style: italic; margin-top: -6px; }

	#section
	{
		float: left;
		width: 202px; height: 0;
		text-indent: -5000px;
		overflow: hidden;
	}
/* blog-specific code */
#description{color:#485235;font-size:85%;}
pre,code{color:#333333;}
strike{color:#333333;}
.bug{border:0px;}
.byline{color:#444444;font-size:80%; margin:8px 0;}
.byline a{border:none;text-decoration:none;}
.byline a:hover{border:none;text-decoration:underline;}
.blogrollmain {font-size:85%; font-weight:lighter; font-color: #cccccc; border:0; }
.blogrollmain a {border:0; text-decoration:none; }
.blogrollmain img {border:0; }
#content h3.date { font-family: Technical, 'Trebuchet MS', Verdana, Tahoma, Arial; color: #234567; border-bottom: solid 1px #234567; font-size: 1.3em;}
#content .blogComments .blogComment img { border: none; background-color: transparent; padding: 0; }