/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
div, ul, li { position:relative } /* This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


html { min-height: 100%; margin-bottom: 1px;}

body{ background: #FDFDFD url('http://www.hazardousink.com/site-images/bg-grey.png') repeat-x scroll top;
font: 12px  'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #666666;}
	
#pagewidth  {width: 940px; margin: 0 auto; padding: 0px; padding-top: 24px;}
#portfoliowidth {width: 940px; margin: 0 auto ; padding-left: 3px;}
#footerwidth {	width: 940px; margin: 0 auto ; padding: 0px;}

#topbar { width: 100%; margin: 0 auto; margin-bottom:1px; padding: 5px 0px 3px 0px; text-align:center; background: #000000; color: #ffffff; }

#content {width: 940px; margin: 0 auto; padding: 0px; padding-top: 12px;}
#content img{border: 0px solid #ffffff; margin-bottom:12px;}

#article {width: 940px; margin: 0 auto; padding: 0px;}
#article img{border: 0px solid #ffffff; margin-bottom:12px;}

#footer {background: #000000; color: #ffffff; width: 100%; padding: 8px 0px 50px 0px; float: left;}
#footer-topleft { width:300px; height:225px; float:left;}
#footer-topright { width:620px; height:225px; float:left; padding-left:20px;}
#footer-1 { width:300px; height:225px; float:left;}
#footer-2, #footer-3, #footer-4, #footer-5 {width:140px; height:225px; float:left; padding-left:20px;}

.portfolio-left {width: 140px; height:106px; background: #000000; border:1px solid white; float:left; margin-right:16px;}
.portfolio-right {width: 140px; height:106px; background: #000000; border:1px solid white; float:left; padding: 0px;}
.portfolio-left, .portfolio-right img{border:1px solid #ffffff; margin-bottom:16px;}

#hi {	width: 300px; float:left;}
#blogfeed {width: 620px; float:right; margin-bottom:12px;}

h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 100%; }
p { font-size: 100%; padding-bottom:12px; }

div.aktt_tweets li { padding-bottom: 12px;}

hr{height: 0px; border-color: #D1D1D1; border-style: solid; border-width: 1px 0 0; clear: both; margin:12px 0px;}


#atthebottom {width: 940px; margin: 0 auto;}

#info {width: 140px; float:left;}

#thecomments {width: 780px; margin: 0 auto; float:right;}
#sidebar {width: 100px; padding-right:20px; float: left;}

.comment{width:540px; float:left; padding-bottom: 24px;} 
.name{width:220px; float:right; margin-left:20px; text-align:right;} 

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

a.titlelink:link, a.titlelink:visited, a.titlelink:active, a.titlelink:hover { text-decoration: none;}
a.comment:link, a.comment:visited, a.comment:active, a.comment:hover { text-decoration: none;}


#footer  a:link, #footer  a:visited, #footer  a:active { text-decoration: underline; color: #ffffff; }
#topbar  a:link, #topbar  a:visited, #topbar  a:active { text-decoration: none; color: #ffffff; padding: 3px;}