@import url(css/reset.css);

/* Color reference 

red = 901808
hovergreen = d3d4aa

*/

body {font:normal 12px/1.5 Verdana,sans-serif; background:#fcfae6 url(images/bg-columns.gif) repeat-y 50% 0; color:#444;}
p {margin-bottom: 1.5em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:Georgia,serif;}
h2 {font-size:24px; line-height:1.5em; margin-top:1em; margin-bottom:0.5em;}
h3 {font-size:22px; line-height:1.6364em; margin-top:1.4364em; margin-bottom:0.2em;}
h4 {font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}
a:link, a:visited {text-decoration:none; color:#901808;}
a:hover, a:active {background-color:#dbd7bd;}
blockquote {padding:3em; padding-top:0; padding-bottom:0; border-left:1px solid #ddd;}
code {font-family:monospace;}

div#container {text-align:left; width:960px; margin:0 auto; position:relative;}
h1#ncj {position:absolute; top:14px; left:10px; text-indent:-9999px; background:transparent url(images/ncj.png) top left no-repeat; height:480px; width:100px; overflow:hidden;}
div#main {float:left; width:38.2%; overflow:hidden; background:#444 url(images/main-bg.jpg) top left no-repeat;}
div#content-wrapper {float:right; width:61.8%; overflow:hidden; background:transparent url(images/content-bg.jpg) top left no-repeat;}
div#meta, div#footer {background:transparent url(images/hr.png) top center no-repeat; padding:18px 0 0 0;}
div#meta {margin:36px; clear:both; }
div.meta {width:31.3%; float:left; padding-right:2%;}
div#footer {margin:36px 0;}
.seethru {clear:both;}

div#nav-wrapper {width:61.8%; background:#e7e9d1 url(images/nav-wrapper-bg.jpg) top left no-repeat; float:right; margin:36px 0 0 0; padding-bottom:36px;}
div#content {margin:18px auto 0 auto; padding:0 36px;}
div#content ul {list-style:disc inside;}
div#content ul ul {list-style:circle outside; margin-left:28px;}
div#content ol, div#content ul {list-style-type:decimal; list-style-position:outside; margin-left:18px; margin-bottom:1.5em;}
div#content h3 {margin-top:1em; font-family:Verdana, sans-serif; font-size:18px;}
div#old-posts {float:left; width:48%; margin-right:4%;}
div#old-posts ul {list-style:none;}
div#asides {float:right; width:48%;}

div#nav-wrapper h3, ul#nav, ul#archive-list, ul#blogroll, div#nav-wrapper p {margin-left:18px; margin-right:18px;}

div.post img {max-width:586px;}