/* construct */

body {
	margin: 1em;
	padding: 0;
	background-color: #acf;
	color: #222;
}

body, p, div, th, td, form, h1, h2, h3, h4, h5, h6, li, dt, dd {
	font: 12px/120% verdana, arial, helvetica, sans-serif;
}
input, select, option {
	font-size: 11px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

a:link, a:visited, a:active {
	text-decoration: none;
}
a:visited { color: #66c; }
a:hover { text-decoration: underline; }

/* design */

p#skip { position: absolute; left: -1000em; width: 20em; }
div#pageframe {
	background-color: #fff;
	/* background: #fff url(sidebar.gif) top left repeat-y; */
	color: #000;
	width: 772px;
	margin: 1em auto 0 auto;
	border: 1px solid #e8cf50;
}
div#sitelogo {
	margin-left: 10px;
	height: 90px;
	background: #fff url(hardhatter_logo.jpg) top left no-repeat;
	position: relative;
}
div.bannerad {
	position: absolute;
	left: 280px;
	top: 15px;
	width: 466px; height: 60px;
}
div#topnav {
	background-color: #fff;
	color: #333;
	margin: 0;
	padding: 2px 2em;
	border-top: 1px solid #acf;
	border-bottom: 1px solid #acf;
	font-size: 0.9em;
}
a.topnav:link, a.topnav:visited, a.topnav:active, a.topnav:hover { }
div#todaydate {
	float: right;
	font-size: 1em;
}
div#sidebar {
	float: left;
	width: 170px;
	padding: 10px 5px;
	background-color: #fff;
}
p#greeting {
	margin-top: 0;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
	padding: 2px;
	font-size: 0.9em;
}
span#logoutlink { font-size: 0.9em; }
div.navlist {
	border: 1px solid #acf;
	border-bottom: 0;
}
div#sideadleft, div#s99button {
	margin: 1em 0;
	padding: 0 4px;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
}
div#s99button { border: 0; }
div#sideadleft p ,div#s99button p {
	font-size: 0.8em;
	color: #666;
	text-align: center;
	margin: 0.5em 0;
}
div.buttonad {
	margin: 0.5em 0;
	text-align: center;
}
div.buttonad img {
	border: 0;
}
form#search {
	padding: 2px;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
	text-align: center;
}
form#search fieldset { border: 0; margin: 0; padding: 0; }
form#search legend	{ font-size: 0.9em; padding: 0 0 2px 0; margin: 0; }
form#search p {
	font-size: 0.9em;
	padding: 2px 0 0 0;
	margin: 0;
	text-align: center;
}
form#search input { width: 100px;  border: 1px solid silver; }
form#search input.submit { width: 3em; }

form#login { text-align: right; }
form#login div { margin: 0 0 4px 0; }
form#login fieldset {
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
}
form#login legend { font-size: 0.9em; }
form#login label { font-size: 0.9em; width: 3em; }
form#login input.submit	{ border: 1px solid silver; }
form#login input#handle, form#login input#password	{
	width: 120px;
	border: 1px solid silver;
}
form#login input.submit { width: 4em; }
form#login p {
	text-align: left;
	font-size: 0.9em;
	margin: 4px 0;
}
div#poll { margin-bottom:  1em; }
div#content {
	margin-top: 10px;
	margin-left: 190px;
	width: 570px;
	background-color: #fff;
}
div#strapline {
	text-align: center;
	font-size: 11px;
	background-color: #ffc;
	margin-bottom: 1em;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
	padding: 2px;
}
div#footer {
	clear: both;
	background-color: #ffc;
	border-top: 1px solid #e8cf50;
	padding: 2px;
	margin: 0;
}
p#groupsites {
	font-size: 0.8em;
	color: #666;
	margin: 0;
}
p#copyright {
	float: right;
	font-size: 0.8em;
	color: #666;
	margin: 0;
}
p#poweredby {
	text-align: center;
	color: #333;
	font-size: 0.8em;
	margin: 0.5em 0;
}
div#message { color: #f00; background-color: #fff; }
div#message form {
	margin: 1em 0;
}
div.message { color: #f00; background-color: #fff; margin: 0 0 1em 0; }
h1#catdesc {
	background: #ffc url(hatandman.gif) 99% 50% no-repeat;
	font-size: 1em;
	margin: 0;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
	padding: 2px 40px 2px 10px;
	line-height: 26px;
}
p#rss, div.rss {
	font-size: 0.8em;
	margin: 2px 0 1em 0;
	text-align: right;
	padding-right: 2px;
}
p#rss a, div.rss a {
	color: #aaa;
}
div#catintro { margin: 1em 0 2em 0; }
p#catopts {}
a.nvc:link, a.nvc:visited, a.nvc:active, a.nvc:hover {
	background-color: #f3f3ff;
	color: #000;
	border: 1px solid #c0c0c0;
	padding: 2px;
	white-space: nowrap;
	font-weight: bold;
	line-height: 2em;
}
a.nvc:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
p#catsub {}
span#currentsub {
	color: #333;
	font-size: 0.8em;
	background-color: #fff;
}
div.artsummary {
	border-top: 2px solid #acf;
	border-bottom: 1px solid #e8cf50;
	padding: 2px 0 2px 0;
	margin: 0 0 1em 0;
}
h2.artsubject {
	font-size: 1em;
	margin: 0 0 0 0;
}
span.artstate {
	color: #c00;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #fff;
}
span.recent {
	color: #c00;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #fff;
}
div.artdetail {
	font-size: 0.8em;
	margin-bottom: 1em;
}
p.threadtime {}
div.artintro { margin-bottom: 1em; }
p.readmore {
	font-size: 0.8em;
	text-align: right;
	margin: 0.5em 0;
}
div.artbody { margin-bottom: 1em; }
div#artshow {}
p#prevnext { text-align: center; margin-bottom: 2em;}
p#artopts {
	text-align: center;
}
form#tofriend { text-align: center; margin: 1em auto; width: 420px; }
form#tofriend fieldset { text-align: center; border: 1px solid silver; }
form#tofriend input.submit {}
div#comments { width: 420px; margin: 1em auto; }
p.unpublished { color: #f00;  background-color: #fff; }
p.artstate { color: #f00;  background-color: #fff; }
div.artstate { color: #f00;  background-color: #fff; }

td.title { font-weight: bold; }
table.title { margin-bottom: 1em; }
div.title { font-weight: bold; }
td.message { color: #f00; background-color: #fff; } 
div#askanexpert div#newarticleform { width: 400px; }
div#askanexpert div#newarticleform textarea { width: 320px; }
div#previewform { width: 400px; margin: 1em auto; }
table.admintable {
	border: 1px solid silver;
	margin-bottom:0.5em;
	padding: 2px;
}
table#comments {
	margin: 1em 0;
}
td.commsubject, td.commdetail {
	border-top: 1px solid #e8cf50;
	background-color: #ffc;
	font-size: 11px;
}
td.commbody, td.commbody p {
	font-size: 11px;
}
td.commreply {
	font-size: 11px;
	padding-bottom: 0.5em;
}
a.unseen:link, a.unseen:active, a.unseen:hover, a.seen:active, a.seen:hover {
	color: #00f;
}
a.seen:link, a.seen:visited, a.unseen:visited {
	color: #66c;
}
form#searchcommon {
	margin: 1em 0;
}
form#searchcommon fieldset {
	border: 1px solid silver;
}
form#searchcommon legend {
	font-weight: bold;
}
p.threadtime {
	color: #333;
	font-size: 0.8em;
	margin-top: -1em;
}
span.aside {
	color: #333;
	font-size: 0.8em;
}
table.poll {
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
}
th.pollheader {
	background-color: #ffc;
	border-bottom: 1px solid #e8cf50;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}
td.pollintro {
	font-size: 11px;
	border-bottom: 1px solid #acf;
}
td.pollquestion {
	font-size: 11px;
	border-bottom: 1px solid #acf;
}
td.pollimp {
	background-color: #ffc;
	font-size: 11px;
}
/* Navigation Menu */

.navlist {
	font-size: 11px;
	margin: 0 0 1em 0;
}

.navlist ul li {
	margin-bottom: 0;
}

.navlist .navaidspacer {
	background-color: transparent;
}

	.navlist ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
	.navlist a {
	font-size: 11px;
		display: block;
		padding: 2px 2px 2px 2px;
		width: 164px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e8cf50;
	}
		
	.navlist a:link, .navlist a:visited {
		/* 1st level unselected */
		color: #222;
		background-color: #ffc;
		text-decoration: none;
	}

	.navlist a.nap:link, .navlist a.nap:visited {
		/* All parents */
		color: #a89f10;
		background-color: #ffc;
	}

	.navlist a.nas:link, .navlist a.nas:visited {
		/* All selected */
		color: #222;
		background-color: #fc0;
	}
	
	.navlist a:hover, .navlist a:active,
	.navlist a.nap:hover, .navlist a.nap:active,
	.navlist a.nas:hover, .navlist a.nas:active {
		/* 1st level hovered */
		color: #222; /* 1 */
		background-color: #e8cf50; /* 1 */
		text-decoration: none;
	}
		
		.navlist ul ul a {
			display: block;
			padding: 2px 2px 2px 6px;
			width: 160px;
		}
		
		.navlist ul ul a:link, .navlist ul ul a:visited {
			/* 2nd level unselected */
			color: #222;
			background-color: #eee;
			text-decoration: none;
		}
		
		.navlist ul ul a:hover, .navlist ul ul a:active {
			/* 2nd level hovered */
			color: #222; /* same as 1 */
			background-color: #e8cf50; /* same as 1 */
			text-decoration: none;
		}

			.navlist ul ul ul a {
				display: block;
				padding: 2px 2px 2px 10px;
				width: 156px;
			}
		
			.navlist ul ul ul a:link, .navlist ul ul ul a:visited {
				/* 3rd level unselected */
				color: #222;
				background-color: #eee;
				text-decoration: none;
			}
		
			.navlist ul ul ul a:hover, .navlist ul ul ul a:active {
				/* 3rd level hovered */
				color: #222; /* same as 1 */
				background-color: #e8cf50; /* same as 1 */
				text-decoration: none;
			}

				.navlist ul ul ul ul a {
					display: block;
					padding: 2px 2px 2px 14px;
					width: 152px;
				}
			
				.navlist ul ul ul ul a:link, .navlist ul ul ul ul a:visited {
					/* 4th level unselected */
					color: #222;
					background-color: #eee;
					text-decoration: none;
				}
			
				.navlist ul ul ul ul a:hover, .navlist ul ul ul ul a:active {
					/* 4th level hovered */
					color: #222; /* same as 1 */
					background-color: #e8cf50; /* same as 1 */
					text-decoration: none;
				}

/* end Navigation Menu */

div.boxadright, div.boxadleft {
	text-align: center;
	float: right;
	margin: 1em 0 1em 1em;
	border: 1px solid #acf;
	padding: 0.5em 0 0 0;
	font-size: 9px;
	color: #aaa;
}
div.boxadleft {
	float: left;
	margin: 1em 1em 1em 0;
}
div.boxadright img, div.boxadleft img {
	display: block;
	margin: 0.5em;
	border: 0;
}
div#error404 {
	width: 70%;
	margin: 3em auto;
	padding: 2em;
	background-color: #fff;
	border: 1px solid #e8cf50;
}
div#error404 img {
	display: block;
	width: 250px;
	margin: 1em auto;
}

div.shopcontainer {
	float: left;
}
div.shopsection {
	margin: 1em 0;
	width: 570px;
}
div.shopsection h2 {
	margin: 0 0 1em 0;
}
div.shopsection br.clear {
	clear: left;
}
div.shopbox {
	float: left;
	width: 145px;
	padding: 2px 0 4px 0;
	text-align: center;
	border: 1px solid silver;
	margin: 0.5em 16px;
}
div.shopbox h3 {
	color: #aaa;
	font-size: 11px;
	font-weight: normal;
	margin:  0;
}
div.shopbox p {
	font-size: 11px;
	margin: 2px 0;
	padding: 0;
}
div.shopbox img {
	border: 0;
	margin: 0;
	padding: 0;
}
table.cpaform {
	width: 500px;
	margin: 1em auto;
	padding: 0.5em;
	background-color: #ffc;
	border: 1px solid #acf;
}
div#experts {
	text-align: center;
	float: right;
	width: 118px;
	background-color: #fff;
	padding-top: 10px;
	border: 1px solid #acf;
	border-bottom: 1px solid #e8cf50;
}
div#experts h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
div#askanexpert {
	margin-right: 130px;
}
p.expert {
	font-size: 10px;
	text-align: center;
	margin: 0 0 1em 0;
}
div#newsnow {
	text-align: center;
	margin: 1em 0;
}
#groupadmin form {
	margin: 1em 0;
}
#groupadmin fieldset {
	padding: 0.25em;
	margin: 1em 0;
}
#groupadmin legend {
	color: #000;
	font-weight: bold;
}
#groupadmin p.control {
	text-align: right;
}
#groupadmin #grouppermissions td {
	font-size: 0.8em;
}