/*

#036 - dark blue
#C60 - orange
*/

body {background:#000 url(bg.png) repeat-x 0 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:76%; margin:0; padding:0; position:relative /*for ie7*/}
p {margin-top:0;}
img {border:0;}
form {margin:0; padding:0;}

#container {}
h1#logo {display:block; position:absolute; left:0; top:0; margin:35px 0 0 15px; padding:0;}
h1#logo a {display:block; overflow:hidden; width:85px; height:85px; background:transparent url(logo.png) no-repeat 0 0; text-indent:-9999px;}

#acontainer h1 {margin:0; float:left; width:106px; height:106px; padding:25px 20px 0 0; background:url(leftcap.png) no-repeat 0 100%;}
#acontainer h1 a {display:block; overflow:hidden; width:106px; height:106px; background:#D3640B url(logo.png) no-repeat 0 0; text-indent:-9999px; margin-top:9px;}

#ft {width:680px; margin:auto; text-indent:-9999px; background:url(ft.jpg) no-repeat 0 0; height:221px; clear:both;}

/* FF630F */
/* min-width / max-width ? fluid centered div? */
#header {width:680px; margin:0 auto;}
#hl {float:left; width:100px; height:100px; margin:25px 0 0; padding:0;}
#nav {background:url(nav.png) no-repeat 0 0; width:75px; list-style:none; margin:0 10px 0 0; padding:0; float:right;}
#nav li {}
#nav a {display:block; text-indent:-999px; overflow:hidden;}
#nav a:hover {background:url(nav.png) no-repeat 0 0;}
#nav .home a {height:26px; width:75px;}
#nav .about a {height:24px; width:75px;}
#nav .musings a {height:24px; width:75px;}
#nav .portfolio a {height:27px; width:75px;}
#nav .home a:hover {background-position:-75px 0;}
#nav .about a:hover {background-position:-75px -26px;}
#nav .musings a:hover {background-position:-75px -50px;}
#nav .portfolio a:hover {background-position:-75px -74px;}
#tagline {float:left; width:480px; height:100px; background:url(header_center.png) no-repeat 0 0; text-indent:-9999px; margin:25px 0 0;}
#search {float:left; width:100px; height:100px; margin:25px 0 0;}

#boxtop {clear:both}
#tlcorner {background:#fff url(tlcorner.png) no-repeat; position:absolute; left:80px; top:125px; width:14px; height:15px; border:0;}
#tmidbox {background:#fff url(tmidbox.png) repeat-x; height:15px; margin-left:94px; margin-right:94px; border:0; voice-family: "\"}\""; voice-family:inherit; margin-left:94px; margin-right:94px;}
html>body #tmidbox {margin-left: 94px; margin-right:94px;}
#trcorner {background:#fff url(trcorner.png) no-repeat; position:absolute; right:80px; top:125px; width:14px; height:15px; border:0;}

#tlcorner.g {background:url(tlcorner-333.png) no-repeat; width:207px;}
#tmidbox.g {background:#1C1C1C url(tmidbox.png) repeat-x; margin-left:287px; margin-right:287px; voice-family: "\"}\""; voice-family:inherit; margin-left:287px; margin-right:287px;}
html>body #tmidbox.g {margin-left: 287px; margin-right:287px;}
#trcorner.g {background:url(trcorner-333.png) no-repeat; width:207px;}

#tmidbox.g-noright {background:#1C1C1C url(tmidbox.png) repeat-x; margin-left:287px; voice-family: "\"}\""; voice-family:inherit; margin-left:287px;}
html>body #tmidbox.g-noright {margin-left: 287px;}
#trcorner.g-noright {background:url(trcorner-222.png) no-repeat;}

#tlcorner.g-nocols {background:url(tlcorner-222.png) no-repeat;}
#tmidbox.g-nocols {background:#1C1C1C url(tmidbox.png) repeat-x;}
#trcorner.g-nocols {background:url(trcorner-222.png) no-repeat;}



/* Doesn't work in IE for bottom
#boxbottom {clear:both; padding-bottom:50px;}
#blcorner {background:url(blcorner-ddd.png) no-repeat; position:absolute; left:80px; bottom:50px; width:14px; height:15px; border:0;}
#bmidbox {background:#ddd url(bmidbox.png) repeat-x; height:15px; margin-left:94px; margin-right:94px; border:0; voice-family: "\"}\""; voice-family:inherit; margin-left:94px; margin-right:94px;}
html>body #tmidbox {margin-left: 94px; margin-right:94px;}
#brcorner {background:url(brcorner-ddd.png) no-repeat; position:absolute; right:80px; bottom:50px; width:14px; height:15px; border:0;}
*/
#boxbottom {clear:both; margin-bottom:50px;}
#blcorner {background:url(blcorner-ddd.png) no-repeat; float:left; margin-left:80px; width:14px; height:15px; border:0;}
#bmidbox {background:#ddd url(bmidbox.png) repeat-x; height:15px; margin-left:94px; margin-right:94px; border:0; voice-family: "\"}\""; voice-family:inherit; margin-left:94px; margin-right:94px;}
html>body #tmidbox {margin-left: 94px; margin-right:94px;}
#brcorner {background:url(brcorner-ddd.png) no-repeat; float:right; margin-right:80px; width:14px; height:15px; border:0;}

/* 3-col section 9BB5D0, 048, 06b */
/* modified from http://www.pmob.co.uk/temp/3col/3col-fixed-side-01.htm */
#outer {background:#2c2c2c;/* right column colour*/ text-align:left; border-left:7px solid #e40; border-right:7px solid #e40; min-height:1%; margin:0 80px;}
/* mac hide \*/
* html #outer {height:1%}
/* end hide #313236 #3A3B40*/
#inner {margin-right:200px; background:#2c2c2c;/* left column colour*/}
#middle {background:#1c1c1c;/* centre column colour*/ margin-left:200px;}
#content,#main {position:relative; width:100%; float:left;/* contain clearing*/}
#main {margin:0 -1px}/* moz needs this*/
#content {position:relative; float:left;/* contain clearing*/ width:100%;}
#left {width:200px; margin-left:-199px;/*overlap for old mozilla*/ position:relative; left:-1px;/* now line it up*/ float:left;}
#right {width:200px; margin-right:-199px;/*overlap for old mozilla*/ position:relative; left:1px;/* now line it up*/ float:right;}
* html #left {margin-right:-3px;}/* 3 pixel jog*/
* html #right {margin-left:-3px;}/* 3 pixel jog*/
/* clear without structural mark-up */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%;}
.clearfix {display: block;}
/* End hide */

#inner-noright {margin-right:0; background:#2c2c2c;}
#middle-nocols {margin-left:0; background:#1c1c1c;}

#featured {margin:0; padding:10px 20px; background:#fff url(mcoltop.png) repeat-x bottom left; color:#000;}
#featured h2 {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:1.5em; text-transform:uppercase; color:#d50; line-height:1; letter-spacing:-1px; margin:0; padding:0; font-weight:bold;}
#featured h1 {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:2em; text-transform:uppercase; color:#08c; line-height:.9; letter-spacing:-1px; margin:0 0 .5em; padding:0;}
#featured p {font-size:1.2em; line-height:150%;}
#featured #lifechart {float:left; line-height:100%; padding:5px 20px 10px 0;}
#featured #chart {width:300px; height:150px;}
#featured .clear {clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}

#left-content {padding:0 10px; overflow:hidden; color:#888;}
#right-content {padding:0 10px; overflow:hidden; color:#888;}
#main-content {padding:0 10px; overflow:hidden; color:#777;}

#footer {clear:both; background:#ddd url(mcolbottom.png) repeat-x top left; color:#000; width:100%; margin:0 auto; padding:10px 0 0; text-align:center; }
#footer a {color:#777;}

.section {clear:both; margin-bottom:1em; overflow:hidden;}

#outer {line-height:150%;}
* html #outer {overflow:hidden;}

#main-content a:link {color:#c51;}
#main-content a:visited {color:#c51;}
#main-content a:hover {color:#e73;}
#main-content h1 a, #main-content h2 a {color:#c51; text-decoration:none;}
#main-content h1 a:hover, #main-content h2 a:hover {color:#e73; text-decoration:none;}

#main-content h2, #main-content h3 {font-family:Tahoma, Arial, Helvetica, sans-serif; text-transform:none; margin-bottom:0;}
#main-content h3 {color:#FFF; font-size:2em; height:2.2em; margin:1em 0 0 -20px; padding:12px 0 0 20px; letter-spacing:-1px; text-transform:uppercase;}
.entry-date {font-size:.9em; margin:.5em 0 10px;}
#main-content .entry {border-bottom:1px dotted #666;}
#main-content #latestentry .entry {border:none}

#main-content h2 {color:#999; font-size:1.9em; font-weight:normal; line-height:120%; margin:10px 0 2px;}
#main-content h3 {color:#999; text-transform:none; margin-bottom:0;}

#left a, #right a {color:#aaa;}
#left a:visited, #right a:visited {color:#aaa;}
#left a:hover, #right a:hover {color:#ccc;}
#left h2, #right h2 {color:#08c; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1.1em; text-transform:uppercase; font-weight:normal; margin:10px 0 2px; border-bottom:1px dotted #648EB7;}

#left p, #right p {font-size:.9em; padding:2px; line-height:130%}
#left ul, #right ul {margin:0 0 1em; padding:0; list-style:none; font-size:.9em;}
#left li, #right li {border-bottom:1px dotted #666; clear:left;}
#left li a, #right li a {display:block; text-decoration:none; padding:3px 2px;}
#left li a:hover, #right li a:hover {background-color:#554; color:#FFF;}

#main-content h2.s {font-size: 1.4em; display: inline; color:#ddd;}
#main-content .rdate {font-size: 1.4em; position:absolute; right:40px; display:inline; color:#ddd;}