/* for the other way to "start over" in CSS, see "normalize.css" -- github.com/necolas/normalize.css */
/* RESET BEGIN */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
  margin: 0;
  padding: 0;
  font-family: 'Verdana' , 'Arial' , 'Times New Roman';
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img
{
  border: 0;
}
address, caption, cite, code, dfn, th, var
{
  font-style: normal;
  font-weight: normal;
}
caption, th
{
  text-align: left;
}
h1, h2, h3, h4, h5, h6
{
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after
{
  content: '';
}
abbr, acronym
{
  border: 0;
}
ul, ol
{
  padding: 0 0 0 1.5em;
}
h1, h2, h3, h4, h5, h6
{
  margin: 5px 0 0 0;
}
pre
{
  white-space: pre-wrap;
}
/* RESET END */

/* tooltip */
.tooltip { position: relative; }
.tooltip:hover:after
{
  content: attr(tooltip);

  position: fixed;
  bottom: 20px; /* to leave space for Chrome's URL preview for links */
  left: 10px;
  z-index: 10;
  max-width: 20em;
  max-width: 80vw;
  white-space: normal;

  font-size: initial;
  text-align: left;
  color: #fff;
  background: #333;
  background: rgba(0,0,0,0.5);
  padding: 5px 15px;

  border-radius: 5px;
}

/* main page background and margin */
body {
  background: #171717;
  margin: 2em;
  padding: 0px;
}

/* colors for links based mostly on wikipedia's default styling */
a:link    { color: #3070FF; text-decoration: none; }
a:visited { color: #5773bF; }
a:hover   { text-decoration: underline; }
a:active  { color: #faa700; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color: #777777; }
h1{font-size: 1.6em;}
h2{font-size: 1.5em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1.0em;}
h6{font-size: 1.0em;}

a > img{ border: 0; }

div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote
{
  margin: 0.5em 5px;
}

ul.scrunch, ul.scrunch ul, ul.scrunch ol, ul.scrunch li,
ol.scrunch, ol.scrunch ul, ol.scrunch ol, ol.scrunch li
{
  margin: 0.2em 5px;
}

/* font families, colors:
Headings: blue, with a space-age font
Normal text: bluish-white, with a clean legible font
Quote/preformatted: off-white, monospace
Input text: do not override color or font
*/
h1, h2, h3, h4, h5, h6
{ color: #373fff; font-family: "Bree Serif", serif; }
body, div, dl, dt, dd, ul, ol, li, form, fieldset, p, th, td
{ color: #cfcfff; font-family: "Roboto Slab", sans-serif; }
blockquote, pre
{ color: #eeeeee; font-family: "Roboto Mono", monospace; }
input, textarea
{ }

table, th, td {
  border: 1px solid #999;
  padding: 0.1em 0.3em;
}

h1, dt { font-weight: 600; }
.code
{
  display: block;
  white-space: pre-wrap;
  margin: 0.5em 1em;
  color: #eee;
  background: #111;
  padding: 5px 5px;
  max-width: 40em;
  border: 2px solid #777;
}