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

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


/** fonts **/
body {
  font: 75% 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 */
}

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;
  color: #bea42a;
}

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

h1.title, h1.title a, h1.title a:hover {
  font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #bea42a;
  margin: 0;
  margin-bottom: 0;
  line-height: normal;
}

h2 {
  font-size: 122%;
}

h2, h2 a, h2 a:hover, .block h3, .block h3 a {
  color: #444;
  font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: .5em 0 .5em 0;
}

.sidebar h2, .sidebar h2 a {
  margin-top: 0;
  color: #bea42a;
  font-weight: bold;
}

h3 {
  font-size: 107%;
  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;
}

/** block-level elements **/
p {
  padding: 0 0 0.5em 0;
  margin: 0;
}

ol, ul, dl {
  position: relative;
}

ul.menu li.leaf, ul.menu li.expanded, ul.menu li.collapsed {
  list-style: none;
  padding-right: 0.2em;
}

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

blockquote {
  border: 1px #ccc solid;
  margin: 0.5em 1em;
  padding: 0.3em;
  font-style: italic;
}

/** 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, .pager a.active:link, .pager a.active:visited {
  color: #5d8c4f;
  text-decoration: none;
}

a:hover, a:focus, .pager a.active:hover, .pager a.active:focus {
  color: #7cba68;
  text-decoration: none;
}

a:active, a.active, li a:active, li a.active {
  color: #324b2a;
}

ul.menu a:link, ul.menu a:visited, ul.menu .nolink {
  color: #bea42a;
  text-decoration: none;
}

ul.menu a:hover, ul.menu a:focus {
  color: #ffdc38;
  text-decoration: none;
}

ul.menu a:active, ul.menu a.active, ul.menu li a:active, ul.menu li a.active {
  font-weight: bold;
  color: #ffdc38;
}

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

tbody {
  border: none;
}

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;
}