/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html
{ font-size: 100.01%; }

body
{
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{ font-weight: normal; color: #111; }

h1
{ font-size: 3em; line-height: 1; margin-bottom: 0.5em; }

h2
{ font-size: 2em; margin-bottom: 0.75em; }

h3
{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4
{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5
{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6
{ font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img
{
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p
{ margin: 0; }

a:focus,
a:hover
{ color: #09f; }

a
{ color: #06c; text-decoration: underline; }

blockquote
{ margin: 1.5em; color: #666; font-style: italic; }

strong, dfn
{ font-weight: bold; }

em, dfn
{ font-style: italic; }

sup, sub
{ line-height: 0; }

abbr,
acronym
{ border-bottom: 1px dotted #666; }

address
{ margin: 0 0 1.5em; font-style: italic; }

del
{ color: #666; }

pre
{ white-space: pre; }

pre, code, tt
{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }