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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
body {background-color:#fff; color:#000;font:normal 11px/18px Lucida Grande, Lucida Sans, Verdana, sans-serif}

div.section {border-bottom:1px solid #ddd}
div.section > div {width:830px; margin:0 auto 0 auto}
div.section > div {position:relative}
div#about {position:absolute; top:18px; left:560px; width:270px; text-align:right}
div#greet {position:absolute; top:90px; left:10px; width:270px; background:transparent url(/img/greet-trans.png) 0 0 no-repeat !important; height:56px}
div.section + div.section + div.section {margin:0 0 -21px 0; padding:0 0 36px 0}
div.section.d > div > div {width:270px}
div.section.d > div > div + div {position:absolute; top:0; left:280px}
div.section.d > div > div + div + div {top:0; left:560px}
div.section.e {margin:0 !important}
div.section.e > div {position:relative}
div.section.f {color:#666}
#banjax-home div.section.e > div > div {width:410px !important; padding-top:0px}
#banjax-home div.section.e > div > div + div {width:200px !important; position:absolute; top:73px; left:420px; padding-top:0}
#banjax-home div.section.e > div > div + div + div {top:73px; left:630px}
#banjax-weblog div.section.e > div > div {width:420px !important; padding-top:18px}
#banjax-weblog div.section.e > div > div + div {width:130px !important; position:absolute; top:36px; left:430px; padding-top:0}
#banjax-weblog div.section.e > div > div + div + div {width:260px !important; top:36px; left:570px}
#banjax-weblog div.section.c {margin:0 0 18px}
div.section.f {padding:18px 0 0 !important}

div.section.a h1 a {display:block; background:transparent url(/img/sprite.gif) 10px 21px no-repeat; height:36px; padding-top:36px; text-indent:-8000px}
#banjax-home div.section.b {background:transparent url(/img/bg-ards.png) 50% 0 repeat-x;height:252px; border-top:9px solid #021517;border-bottom:9px solid #021517}
#banjax-home div.section.b div {background:transparent url(/img/fg-trans.png) 50% 0 no-repeat; height:252px}
#banjax-home div.section.b h2 {text-indent:-8000px}
#banjax-home div.section.b h2+p {text-indent:-8000px}
#banjax-home div.section.d div > div h3 {background:transparent url(/img/sprite.gif) 10px -64px no-repeat; height:18px;text-indent:-8000px}
#banjax-home div.section.d div > div + div h3 {background:transparent url(/img/sprite.gif) 10px -100px no-repeat; height:18px;text-indent:-8000px}
#banjax-home div.section.d div > div + div + div h3 {background:transparent url(/img/sprite.gif) 10px -136px no-repeat; height:18px;text-indent:-8000px}
#banjax-home div.section.e div > h3 {background:transparent url(/img/sprite.gif) 10px -172px no-repeat; height:18px;text-indent:-8000px}
#banjax-home div.section.e div > div + div h4 {background:transparent url(/img/sprite.gif) 10px -208px no-repeat; height:18px;text-indent:-8000px; margin-bottom:16px; border-bottom:1px solid #ccc}
#banjax-home div.section.e div > div + div + div h4 {background:transparent url(/img/sprite.gif) 10px -244px no-repeat; height:18px;text-indent:-8000px}
#banjax-weblog div.section.b h2 {background:transparent url(/img/sprite.gif) 6px -281px no-repeat; height:72px; margin-top:36px;text-indent:-8000px}

/* this is causing problems in ie6+7 */
@media handheld, only screen and (max-device-width: 830px) {  div.section.c div {display:none}
}
/* #banjax-home div.section.c div {background:transparent
 * url(/img/home-splash.jpg) 0 18px no-repeat; height:288px}*/
#banjax-home div.section.c div {margin:18px auto; font:normal 24px/36px Lucida Grande, Lucida Sans, Verdana, sans-serif}
div.weblog {background:transparent url() 0 0 no-repeat}
div.section.e h4 {margin:0}
div.weblog h4 a {border-bottom:none; font-weight:normal; text-decoration:none}
div.article {position:relative; overflow:auto}
.date, .date a {margin:0;font:italic 11px/18px Georgia, serif; color:#999}
img.author {float:left;margin:0 10px 10px 0}
img.tweet {float:left;margin:4px 10px 0px 0}
ul {margin:-4px 0 13px 0}
ul li {border-bottom: 1px dotted #ccc; padding:4px 0 4px 22px; background:transparent url(/img/sprite.gif) 10px -490px no-repeat; overflow:auto}
ul.notes li {border-bottom: 1px dotted #ccc; padding:22px 10px 22px ; background:transparent} 
ul li:last-child {border-bottom:none}
h2 {font:normal 72px/72px Georgia, serif;padding:0 10px;font-variant: small-caps}
h2+p {font:normal 18px/18px Georgia, serif}
h3 {font:normal 18px/18px Georgia, serif;margin-bottom:18px; padding:0 10px}
h4 {font:normal 16px/36px Georgia, serif;margin-bottom:18px; padding:0 10px}

p {margin-bottom:18px; padding:0 10px}
pre {margin-bottom:18px; padding:18px 20px; background-color:#eee}
p.ps {position:relative;font-style:italic; color:#666; border-top:1px dotted #ccc; border-bottom:2px solid #ccc; padding:17px 0 16px 20px; margin-bottom:54px}
p.ps .authorpic {position:absolute; top:18px; left:10px}
a {color:#6e1011; font-weight:bold; text-decoration:none}
a:hover {color:#a3d552; text-decoration:none}
#banjax-weblog a {color:#000}

blockquote {color:#666; font-style:italic}
img.plate {float:left;margin:4px 10px 0 0}
#load_average {position:absolute;top:0px;right:0px; font-size:10px; color:#999}
#load_average span {padding:0 4px; color:#a3d552}
#load_average span.warn {color:#972b60}
#map_canvas {margin-bottom:18px}