/* $Id: html-elements.css,v 1.2 2008/01/06 15:50:31 johnalbin Exp $ */

/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
  body
  {
    font: .9em Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    background: #fff;
  }

  /* IE 5 and 6 can't resize text that is specified in pixels. */
  * html body
  {
    font-size: x-small; /* IE5 will get this value */
    f\ont-size: small; /* IE6 will get this value */
  }

  #page
  {
    line-height: normal;
  }

  pre, code
  {
    font-size: 115%; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }

/** headings **/
  h1 {
    /*  font-size: 140%;*/
  }

  h1, h1 a, h1 a:hover
  {
    margin: .5em 0 .5em 0;
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  }

  h1.title
  {
    /*font-size: 200%;*/
  }

  h1.title, h1.title a, h1.title a:hover
  {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #770031;
    margin: 0;
    margin-bottom: 0;
  }

  h2
  {
    font-size: 122%;
  }

h3 {
  font-size: 13pt;
  margin: 0px 0px 5px;
  color: #770031;
  font-weight: bold;
  font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  
}

h4, h5, h6 {
  font-weight: bold;
  font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: 5px 0 3px;
}

/** block-level elements **/
  p
  {
    margin: 0;
  }
  
body #main p {
  padding: 0 0 1em;
}

ol, ul, dl {
  margin-bottom:1.5em;
  margin-top:0;
  position:relative;
}

ul ul,
ol ol {
  margin-bottom: 0;
}

pre {
  background: #ddd;
  border: 1px solid #aaa;
  padding: 0.75em 1.5em;
}

blockquote {
  margin: 0;
  padding: 0 10em 0 5em !important;
}

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link,
  a:visited
  {
    color: #770031;
    text-decoration: none;
  }

  a:hover,
  a:focus
  {
    color: #6191C5;
    text-decoration: underline;
  }

  a:active,
  a.active
  {
    color: #89A3E4;
  }

/** tables **/
  table
  {
    font-size: 100%; /* Forces font size inheritance in IE5 */
    f\ont-size: inherit;
  }

  tr, td
  {
    padding: .25em;
  }

/** abbreviations **/
  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created
  {
    border-bottom: none;
    text-decoration: none;
  }

/** images **/
  img
  {
    border: 0;
  }

/** forms **/
  form
  {
    margin: 0;
    padding: 0;
  }

  fieldset
  {
    border: solid #ccc 1px;
  }

  select, input, textarea
  {
    font: 99% Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  }