/*
+-------------------------------------------------------------------------+
+ nerds of steel
+ css style
+ gjh@nmm! for clicknathan.com 
+-------------------------------------------------------------------------+
*/

/* global reset ---------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal; } 

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; } 
	
h3 {font-weight:bold;}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.clear-special {clear: both; height: 30px;}
.hide, hr {display: none;}
abbr, acronymn {text-decoration: none; border:0; speak: spell-out;}


/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #ffffff url(/images/bg-site-a.gif) top left;
	color: #252525;
	margin: 0; 
	padding: 0;
	text-align: center;}
	
	a {color: #b14413; text-decoration: underline;}
	a:hover {text-decoration: none;}
	
	#container {
	width: 100%;
	background: url(/images/bg-site-b.gif) top left repeat-x;
	}
/* header styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#header {
	height: 113px; 
	background: url(/images/bg-header.jpg) top left no-repeat;}
	
	#header h1 a {text-indent: -5000px; display:block; width:340px; height:90px;}
	/* you can change the h1 values if you need to, I figured this was temporary for now */

/* containers ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

/* holds everything */
#nerdsofsteel {
	width: 889px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	position: relative;}

/* navigation ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top:113px;
	left: 15px;
	font-weight: bold;}
	
	#navigation li {float: left;}
	
	#navigation a {
		display: block;
		color: #3f3e3f;
		text-decoration: none;
		padding: 10px 5px 10px;
		margin-right: 5px;}
		
		#navigation a:hover,
		#navigation a.on {
		display: block;
		color: #ffffff;
		background: url(/images/bg-nav.gif);}

/* additional links */
#rss-link {
	position: absolute;
	top: 35px;
	right: 340px;}
	#rss-link a {
	display: block;
	width: 60px;
	height: 41px;
	text-indent: -5000px;
	background: url(/images/icon-rss.gif) top left no-repeat;}
	
#contact-link {
	position: absolute;
	top: 35px;
	right: 257px;}
	
	#contact-link a {
	display: block;
	width: 58px;
	height: 36px;
	text-indent: -5000px;
	background: url(/images/icon-email-b.gif) top left no-repeat;}

#what-link {
	position: absolute;
	top: 85px;
	left: 558px;
	font-size: 12px;
	font-weight: bold;}
		#what-link a {color: #FFFFFF;}
		#what-link a:hover {text-decoration: none;}

/* search ! */

#search {
	position: absolute;
	top: 47px;
	left: 692px;}

#s {
	width: 128px;
	height: 22px;
	border:0;
	border-bottom: 4px solid #d5d5d5;}

#searchsubmit {
	width: 34px;
	height: 33px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/images/icon-search.gif) no-repeat center top;
	text-indent: -5000px;
	cursor: pointer; /* hand-shaped cursor, yo */}
	
	 
/* Content Styles  ------------------------------------------------------- */
/* ----------------------------------------------------------------------- */	

#main-content {background: #ffffff url(/images/bg-content.gif) top left;}
	
#content {
	width: 451px;
	padding: 64px 15px 0 20px;
	background: url(/images/bg-fade-top-a.gif) top left repeat-x;
	float: left;}
	
	#content h3 {margin-bottom:8px;}
	
	#content h2, #archivial h3 {
		font-size: 32px; 
		color: #b14413;
		margin-bottom: .3em;
		font-weight:normal !important;}
				
		.title a {text-decoration:none;}
		.title a:hover {text-decoration:underline !important;}
		
		.pagetopper {border:1px solid #958a84; background:#f3f3f4; padding:10px 10px 0px 10px!important; margin:0px 0px 20px 0px; min-height:38px;}
		.pagetopper h2 {font-size:.9em !important; font-weight:bold; color:#3f3e3f !important;}
		.pagetopper p {font-size:.85em;}
		.pagetopper img {border:2px solid #958a84; margin:0px 10px 10px 0px; float:left;}
		
	#content p {
		line-height: 1.4em;
		margin-bottom: 1em;}
		
		#content .storycontent ul, .pagetopper ul {list-style:outside; margin:5px 0px 5px 30px;}		
		
	.post {border-bottom: 3.5em solid #ffffff;}	
	
		.meta {
			font-size: 12px;
			margin-bottom: 1.3em;}
			
		ul.feedback {
			font-size: 12px;
			font-weight: bold;
			width: 450px;
			margin-top: 2em;}
			
			li.comments {
				width: 225px;
				float: left;}				
				li.comments a {
					display: block;
					background:url(/images/icon-comments.gif) top left no-repeat;
					padding-left: 35px;}
									
					
	.storycontent ul, ol {margin:5px 0px 5px 10px; padding-left:15px;}
	.storycontent ul {list-style:disc;}
	.storycontent li {padding:4px 0px;}
	.storycontent blockquote {border-left:4px solid #3f3e3f; padding:0px 10px 0px 13px; margin:13px 0px 13px 10px; font-style:italic;}

#content-gutter {
	width: 166px;
	padding: 72px 15px 75px 18px;
	float: left;
	background: url(/images/bg-fade-top-b.gif) top left repeat-x;
	font-size: 12px;
	font-weight: bold;}
	
	#content-gutter ul,
	#site-gutter ul,
	#tag-cloud {
	margin-bottom: 1.5em;}
	
	#content-gutter h3 a, #site-gutter h3 a {text-decoration:none;}
	
	#content-gutter h3 a:hover, #site-gutter h3 a:hover {text-decoration:underline;}
	
	#steel-news table {font-size:90%;}
	
	#recent-articles li, #recent-comments li, #news-sources li, #financefeed li, #associations-links li, #categories-list li,
	#steel-news li {
		padding: 0 0 .3em 10px;
		background: url(/images/bul-dot-f.gif) 0 5px no-repeat;}
		
	#categories-list li ul {display:none;}
	
	/* spans for the tag cloud */
	span.tc-1 {font-size: 1.2em;}
	span.tc-2 {font-size: 1.4em;}
	span.tc-3 {font-size: 1.6em;}
	span.tc-4 {font-size: 1.8em;}
	span.tc-5 {font-size: 2em;}
	
#site-gutter {
	width: 171px;
	padding: 72px 15px 30px 18px;
	background: url(/images/bg-fade-top-a.gif) top left repeat-x;
	float: right;
	font-size: 12px;
	font-weight: bold;}

		#content-gutter h3,
		#site-gutter h3 {
		font-size: 18px;
		font-weight: bold;
		color: #3f3e3f;
		margin-bottom: .3em;}	
		
		#members {
		padding-left: 55px;
		background:url(/images/icon-signin.gif) top left no-repeat;
		min-height: 38px;
		margin-bottom: 1.5em;}				
			#members h3 {margin-bottom: .1em;}
		
		#new-user {margin-bottom: 1.5em;}

/* footer styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#footer {
	clear: both;
	font-size: 12px;
	padding-top: 27px;
	min-height: 164px;
	background:#444444 url(/images/bg-footer.jpg) top left repeat-x;}
	
	#footer h3 {
		font-size: 18px; 
		font-weight: bold;
		margin-bottom: .5em;}
	
	#footer ul {margin-left: 5px; font-weight: bold;}
		#footer li {
			padding: 0 0 .3em 10px;
			background: url(/images/bul-dot-f.gif) 0 5px no-repeat;}
	
	#archives {width: 150px; padding: 0 0 0 19px; float: left;}
	#authors {width: 153px; float: left;}
	#admin {width: 159px; margin-right:10px; float: left;}
	#about {width: 393px; float: right;}

	#footer-site {
		clear: both;
		font-weight: bold;
		color: #bcbcbd; 
		text-align: center; 
		padding: 30px 0 10px;}
		
		#footer-site a {color: #bcbcbd; text-decoration: underline;}
			#footer-site a:hover {color: #bcbcbd; text-decoration: none;}
			
			
/* Javascript Popup Div */

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 500px;
	left: 0px;
	top: 300px;
	background:#ccc;
	border: 3px solid #333;
	font-size:90%;
}

#close {
	float: right;
}

#layer1 ul {list-style:none; margin:5px; padding:15px 20px 0px 20px;}
#layer1 li {padding:0px 0px 10px 30px;}
.poprss {background:url(/images/icon_pop_rss.gif) no-repeat;}
.popemail {background:url(/images/icon_pop_email.gif) no-repeat;}

.closepop {width:50px; float:right; padding:0px !important;}

#layer1 h2 {background:#fff; padding:5px 20px; font-weight:bold;}

#layer1 p {padding:20px;}
	
	
/* comment form */

#commentform textarea {width:447px; border:1px solid #3f3e3f;}

.alt {background:#f3f3f4;}

.commentlist {list-style:none; margin-left:0px !important; padding-left:0px !important;}

.commentlist li {padding:15px 15px 5px 15px;}

.tile_header {display:none;}

.fdpoweredby {display:none !important;}


/* Store */

#store_basket {margin-left:-5px;}
.emptycart span div div {margin-left:-20px;}



#content, #content-gutter {
background:#FFFFFF url(/images/bg-content.gif) repeat scroll left top;
}