/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #221f21; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


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

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

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; text-transform: uppercase; font-weight:bold; width: 350px; height: 22px; }
#content-side h2 { font-size: 1.667em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; text-transform: uppercase; color:#0054a4; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

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

p           { margin: 0 0 1.5em; }

a:focus     { outline: 1px dotted #221f21; }
a:hover     { color: #000; }
a           { color: #0054a4; text-decoration: underline; }

strong      { font-weight: bold; }
em          { font-style: italic; }

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


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }