/*
Micaceous Cookware by Brian Grossnickle
http://micaceouscookware.com/
Author: Eric Grossnickle <eric@grossnickle.org>
*/



/* HTML Tags */

html {
	background-color: #996633;
	}
body {
	margin: 0; padding: 0;
	background: url("/images/bg.gif") top center no-repeat;
	}
img {
	margin: 0; padding: 4px;
	border: 1px solid #ccc;
	}
address, dl, dt, dd, form, h1, h2, h3, h4, p, table, td, tr, ul, li, fieldset {
	margin: 0; padding: 0;
	border: 0;
	}



/* Links */

a:link, a:visited, a:active {
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	color: #994700;
	}
a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #773700;
	}
a:hover img {
	background-color: #eee;
	}



/* Page Structure */

div#wrapper {
	margin: 0 auto; padding: 0;
	width: 508px;
	background: url("/images/bg-interface.gif") top center repeat-y;
	}
h1#header {
	margin: 0; padding: 0;
	width: 508px; height: 138px;
	position: relative;
	overflow: hidden;
	}
h1#header span {
	margin: 0; padding: 0;
	width: 508px; height: 138px;
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block;
	background: url("/images/header.gif") top left no-repeat;
	}



	/* Page Structure - Navigation */
	
	#nav {
		width: 508px;
		height: 19px;
		border: 0;
		padding: 0;
		margin: 0;
		}
	#nav ul {
		width: 508px;
		height: 19px;
		background: url(/images/nav.gif);
		margin: 0;
		padding: 0;
		position: relative;
		}
	#nav ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
		}
	#nav ul li, #nav a {
		height: 19px;
		display: block;
		}
	#nav ul li a {
		text-indent: -9999px; 
		text-decoration: none;
		}
	li#mn1 {left: 25px; width: 51px;}
	li#mn2 {left: 77px; width: 72px;}
	li#mn3 {left: 150px; width: 64px;}
	li#mn4 {left: 215px; width: 88px;}
	li#mn5 {left: 304px; width: 57px;}
	
	li#mn1 a:hover {background: url(/images/nav.gif) -25px -19px no-repeat;}
	li#mn2 a:hover {background: url(/images/nav.gif) -77px -19px no-repeat;}
	li#mn3 a:hover {background: url(/images/nav.gif) -150px -19px no-repeat;}
	li#mn4 a:hover {background: url(/images/nav.gif) -215px -19px no-repeat;}
	li#mn5 a:hover {background: url(/images/nav.gif) -304px -19px no-repeat;}
	
	body#home li#mn1 {background: url(/images/nav.gif) -25px -38px no-repeat;}
	body#about li#mn2 {background: url(/images/nav.gif) -77px -38px no-repeat;}
	body#gallery li#mn3 {background: url(/images/nav.gif) -150px -38px no-repeat;}
	body#contact li#mn4 {background: url(/images/nav.gif) -215px -38px no-repeat;}
	body#forum li#mn5 {background: url(/images/nav.gif) -304px -38px no-repeat;}



div#main {
	padding: 0 0 0 24px;
	float: left;
	width: 280px;
	}
div#main h2, div#content h2 {
	padding-bottom: 15px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #994700;
	line-height: 16px;
	}
div#main h3, div#content h3 {
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #998500;
	line-height: 16px;
	}
div#main p, div#content p, div#main dl, div#content dl, table {
	padding-bottom: 20px;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
div#main dt, div#content dt {
	font-weight: bold;
	}
div#main dd, div#content dd {
	padding-bottom: 8px;
	}
div#main em.required, div#content em.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #998500;
	}
div#main input, div#content input,
div#main textarea, div#content textarea,
div#main select, div#content select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: middle;
	}
div#main textarea, div#content textarea {
	line-height: 18px;
	}
div#main input#name, div#content input#name,
div#main input#email, div#content input#email,
div#main input#subject, div#content input#subject {
	width: 200px;
	height: 11px;
	}
div#main textarea#comments, div#content textarea#comments {
	width: 240px;
	height: 90px;
	}

div#sidebar {
	margin: 0 0 0 10px;
	float: left;
	width: 170px;
	background: url("/images/sidebar-bg.gif") top left repeat-y;
	}
div#sidebar h3#sidebar-top {
	margin: 0; padding: 0 0 0 10px;
	width: 170px; height: 28px;
	background: url("/images/sidebar-top.gif") top left no-repeat;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #fff;
	line-height: 28px;
	vertical-align: middle;
	}
div#sidebar h4 {
	padding: 18px 10px 10px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #998500;
	line-height: 16px;
	}
div#sidebar p, div#sidebar address {
	margin: 0; padding: 0 10px 10px 10px;
	font: 10px/15px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666;
	}
div#sidebar .first { padding-top: 10px; }
div#sidebar strong.title { font-size: 11px; }
div#sidebar div#sidebar-bottom {
	margin: 0; padding: 0;
	width: 170px; height: 18px;
	position: relative;
	overflow: hidden;
	}
div#sidebar div#sidebar-bottom span {
	margin: 0; padding: 0;
	width: 170px; height: 18px;
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block;
	background: url("/images/sidebar-bottom.gif") bottom left no-repeat;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
div#contentWrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	background: url("/images/content-top.gif") top left no-repeat;
	padding: 23px 0 0 0;
	}
/* easy clearing */
div#contentWrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
div#contentWrapper {
	display: inline-block;
	}
/*\*/
div#contentWrapper {
	display: block;
	}
/* end easy clearing */



div#content {
	padding: 0 24px;
	}


p#footer {
	margin: 0; padding: 0;
	position: relative;
	width: 508px; height: 87px;
	overflow: hidden;
	background: url("/images/footer.gif") top left no-repeat;
	}
#copyright {
	display: none;
}
#design {
	position: absolute;
	top: 27px;
	right: 24px;
	display: block;
	background: url("/images/footer-tab.png") top right no-repeat;
	height: 17px;
	width: 171px;
	line-height: 17px;
	vertical-align: middle;
	text-align: right;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #ccc;
	padding-right: 8px;
}
#design span {
	text-transform: uppercase;
	padding-right: 15px;
	background: url("/images/eg-logo-small.png") right no-repeat;
}
#design:hover span {
	color: #fff;
}




/* Gallery */
div#galleryImage {
	margin-right: 10px;
	float: left;
	}
div#galleryImage a, div#galleryThumbs a {
	border: 0;
	}
div#galleryImage p, div#galleryLarge p {
	margin: 0; padding: 0;
	font-size: 10px;
	color: #666;
	text-align: center;
	}
div#galleryImage p a {
	padding-left: 17px;
	background: url("/images/icon-magnify.gif") left no-repeat;
	}
div#galleryImage p a:link, div#galleryImage p a:visited, div#galleryImage p a:active,
div#galleryLarge p a:link, div#galleryLarge p a:visited, div#galleryLarge p a:active {
	text-decoration: none;
	color: #666;
	}
div#galleryImage p a:hover, div#galleryLarge p a:hover {
	text-decoration: none;
	color: #333;
	}
div#galleryDetails table {
	border-collapse: collapse;
	margin-bottom: 8px;
	}
div#galleryDetails table td strong {
	padding-left: 6px;
	}
div#galleryThumbs {
	clear: left;
	text-align: center;
	padding-top: 20px;
	}
h4#thumbnails {
	margin: 0; padding: 0;
	width: 460px; height: 32px;
	position: relative;
	overflow: hidden;
	}
h4#thumbnails span {
	margin: 0; padding: 0;
	width: 460px; height: 32px;
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block;
	background: url("/images/thumbnails.gif") top left no-repeat;
	}
div#galleryThumbs ul {
	padding-top: 2px;
	}
div#galleryThumbs ul li {
	display: inline;
	}
div#galleryThumbs li.alt a img {
	background: url("/images/img-alt.gif");
	}
div#galleryThumbs li.alt a:hover img {
	background-color: #eee;
	}
div#galleryThumbs img.current {
	background-color: #eee;
	}

div#galleryLarge {
	padding: 20px;
	background-color: #fff;
	text-align: center;
	}
div#galleryLarge a {
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
div#galleryLarge p a {
	padding-left: 17px;
	background: url("/images/icon-close.gif") left no-repeat;
	}



/* Store */
div.item {
	border: 1px solid #ccc;
	border-top: 4px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	background: url(/images/store-item_bg.gif) top left repeat-x;
	line-height: 1.1;
	}
div#content div.item dl, div#content div.item dd, div#content div.item p {
	padding-bottom: 0;
	}
div.item dt {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	}
div.item dd.price {
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #339900;
	text-align: right;
	}
div#content div.item p {
	padding-bottom: 10px;
	}
div.item dd.image {
	clear: both;
	float: left;
	padding-top: 15px;
	width: 90px;
	}
div#content div.item dd.image p {
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}
div.item dd.form {
	padding-top: 15px;
	padding-left: 150px;
	}
div.item dd.form select {
	margin: 0;
	}
div.item fieldset {
	margin-bottom: 20px; padding: 5px;
	border: 1px solid #ccc;
	}
div#content div.item fieldset p {
	margin-top: 3px;
	padding: 0;
	}
div.item label {
	vertical-align: text-top;
	}
div.item label span {
	padding-left: 5px;
	font-size: 9px;
	font-weight: bold;
	color: #339900;
	}
div.item input.horsehair {
	margin-left: 25px;
	}
div.item img {
	padding: 0;
	border: 0;
	}
div#content div.item p.add {
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 0;
	text-align: right;
	}
* html div#content div.item p.add {
	margin-top: 20px;
	padding-top: 2px;
	}
div.item input.add-button {
	padding-left: 10px;
	}



/* Special Classes */
div#main p.note, div#content p.note {
	margin-top: 8px; padding-top: 2px;
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #666;
	}
div#main p.note strong, div#content p.note strong {
	color: #333;
	}
.alert {
	color: #ff0000;
	}
img.left {
	float: left;
	margin: 2px 5px 0 0;
	}
img.right {
	float: right;
	margin: 2px 0 0 5px;
	}