@charset "iso-8859-1";
/* Goblin Factory Main CSS Document v2 */

/* HTML Styles */

body {
	padding: 0;
	margin: 0;
	background-color:#CCCCCC;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #006600;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 75%;
	margin: 1em 0 0 0;
	padding: 0;
	color: #006600;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#006600;
	font-size: 80%;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin: 0;
	padding: .5em;	
	text-align:center;
}

a:link, a:visited {
	color: #006600;
}
/* Header */

#masthead {
	background-color: #99CC00;
	background-repeat: repeat-x;
	background-image: url(images/layout/gobfade.gif);
	width: 100%;
	display:block;
	height: 110px;
	padding: 0;
	margin: 0;
	border-bottom:#FFFFFF solid 1px;
}

.contactNav {
	position: absolute;
	top: 80px;
	right: 100px;
}

.formNav {
	position:absolute;
	top: 80px;
	right: 1em;
}

/* Nav */

#navBar {
	background-color:#000000;
	color:#99CC00;
	padding: 5px 10px 0% 0px;
	margin: 0 81% 0 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/layout/navfade.gif);
	background-repeat: repeat-x;
	border-right:#FFFFFF thin solid 1px;
}


.navContent {
	margin: 0 1em;
	padding: 0 0 1em 0;
}

#navBar a:link, #navBar a:visited {
	display: block;
	color:#99CC00;
	text-decoration:none;
}

#navBar a:hover {
	color:#FFFFFF;
	background-color:#006600;
}

#navBar ul {
	font-size:80%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:16px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/* Content */

#content {
	float: right;
	width: 75%;
	margin: 0;
	padding: 1% 5% 0 0;
}

#content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	margin: 1em;
	padding: 0;
}

.story {
	text-transform:lowercase;
	position: absolute;
	right: 1em;
	top: 120px;
	margin: 0;
	padding: 0 0 0 0;
}

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

.story a:hover {
	text-decoration:underline;
}

#pagename {
	margin: 0;
	padding: 0;
	display:block;
}

/* Product List */

#products {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#products form {
	margin: 0;
	padding: 0 0 1em 0;
	display:block;
}

.priceheading {
	font-weight:normal;
}

.price {
	font-weight:normal;
	color:#006600;
}


/* Footer */

#siteInfo {
	clear: both;
	color: #CCCCCC;
	background-color:#000000;
	display:block;
	width: 100%;
	height: 28px;
	position: relative;
	text-align:right;
	bottom: 0;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-image:url(images/layout/siteinfoback.gif);
	background-repeat: repeat-x;
}

#siteInfo p {
	display: block;
	position: relative;
	padding: 8px 1em 0 0;
	margin: 0;
}

#siteInfo a:link, #siteInfo a:visited {
	color:#99CC00;
}

#siteInfo img {
	float: right;
	position: absolute;
	right: 16px;
	bottom: 35px;
}

/* Contact Fields */
.legend {
	color:#006600;
}

form.contact label.fixedwidth {
	display:block;
	float:left;
	width:60px;
	text-align:right;
	margin: auto .5em auto auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Misc layout adjustments */
.left {
	float: left;
	padding: 0 1em 0 0;
}

.down {
	position: absolute;
	clear: both;
	margin: 0 0 0 0;
}

.notify {
	background-color:#99CC00;
	color:#990000;
	border:solid thin #FFFFFF 1px;
	margin: .5em 10em 0em 1em;
	font-size: 80%;
	text-align:center;
}