/* {{{ http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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; }
table { border-collapse: collapse; border-spacing: 0; }
/* }}} */

html body {
    /*background: url(boosh.png) no-repeat -11px -17px;*/
    width: 960px;
    margin: 1em auto;
}

body, html {
    background: #efefef;
    color: #111;
}

div.section {
    margin-bottom: 2.375em;  /* 3 - 5/8 */
    clear: both;
}

/* Griddling fiddling twiddling */
div.section h2,
div.section dt {
    width: 310px;
    text-align: right;
    margin-right: 10px;
    clear: left;
    float: left;
    display: block;
}

div.section dl {
    clear: both;
}

div.section p.note,
div.section dd {
    margin-left: 10px;
    width: 600px;
    float: left;
    display: block;
}

/* Make each section's top pop the stop rop, cop?! */
div.section h2,
div.section p.note {
    margin-bottom: 0.625em;  /* 5/8 */
}

/* Them apples, a logo? */
h1, h2, h3, h4, h5 {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

h1 {
    margin-left: 330px; /* left column (310px) + gutter (2 * 10, 20px) */
    font-size: 350%;
}

div.section p.note { line-height: 125%; }
div.section h2 { font-size: 125%; }
div.section p.note { font-style: italic; }
.literal { font: 10pt 'Monaco', monospace; }

/* Revealed by JS */
div#commits { display: none; }