/* RESET
 * ---------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, figure, figcaption, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* DEFAULTS
 * ---------------------------------------------------------------------------*/
body { line-height: 1.4; color: #333; } 
html { font-family: sans-serif; font-size: 100%; }
p { font-size: 0.9em; margin: 0 0 1.4em; }
code { font-family: monospace; }

a { color: #0095DD; text-decoration: none; transition: all 200ms linear 0s; word-wrap: break-word; }
a:hover, 
a:active { color: #025D8C; text-decoration: underline; }
a:active, 
:focus { outline: 0; }
:target { color: #007F00; }

/* STRUCTURE 
------------------------------------------------------------------------------*/
main, footer, header { max-width: 800px; margin: 0 auto; padding: 0 0.5em; }

/* HEADER
* ----------------------------------------------------------------------------*/
header { background: #515151; color: #FFF; text-transform: none; }
header a,
header a:hover { color: #FFF; display: inline-block; font-size: 0.8em; padding: 0.5em 0; text-decoration: none; }
header span {color: #AAA;}

/* HEADINGS
* ----------------------------------------------------------------------------*/
h1,h2,h3 { color: #425051; }
h1 { font-size: 1.5em; line-height: 1.4em; margin: 2.4em 0 1em; }
h2 { font-size: 1.3em; line-height: 1.2em; margin: 1.8em 0 1.3em; }
h3 { font-size: 1.2em; margin: 1.5em 0 1em; }

/* LISTS
----------------------------------------------------------------------------- */
ul, ol { list-style-position: outside; margin: 2em 0 2em 1.3em; }
li { margin: 0 0 .8em; padding: 0 0 0 .3em; }
li ul, li ol { margin: 0.5em 0 0.5em 1.5em; }
li ul li, li ol li { margin: 0 0 1em; }

/* TABLES
----------------------------------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0.5em 0 2.5em;
  width: 100%;
}
caption {
  border-top: 1px dotted #e3e3e5;
  color: #666;
  font-size: 0.6em;
  margin: 0 0 1em;
  padding: 0.8em 0;
  text-align: left;
}
  tr {
    border-bottom: 1px solid #e3e3e5;
  }
  th, td {
    font-family: mono;
    font-size: 0.9em;
    padding: 0.5em;
    line-height: 1.4em;
  }
  th {
    border-bottom: 1px solid #e3e3e5;
    font-weight: bold;
    text-align: left;
  }
  tr:nth-child(odd) td {
    background: #f9f9f9;
  }
  table span {
    color: #999;
    font-size: 0.6em;
  }

/* FOOTER
----------------------------------------------------------------------------- */
footer {border-top: 1px solid #AAA; margin: 1em auto; padding: 1.5em 0; font-size: 0.6em;}