/*-------------------------------------------
Reset and base styles
---------------------------------------------

NOTE: Do not customise this file. Instead, override styles in another style
sheet.

Reset styles normalise the default browser rendering. This gives consistent
foundations on which to customise the styles. Based on work by Eric Meyer.

Base styles apply default formatting which is independant of the current
website. Partly based on styles from YUI Library styles.

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Author: Ben Sturmfels, Boojum, December 2008

------------------------------------------*/


/*-------------------------------------------
Reset styles
---------------------------------------------*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1.0;
  font-family: inherit;
  text-align: left;
  text-indent: 0;
  vertical-align: baseline;
}

body {
  background: #fff; 
  color: #000;
  font-family: sans-serif;
}

a img, :link img, :visited img {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul {
  list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}


/*-------------------------------------------
Base styles
---------------------------------------------*/

h1 { font-size: 1.5em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1em; }

h4 { font-size: 1em; }

p, li, dd, td { line-height: 1.4; }

h1, h2, h3 { margin: 1em 0 0.8em; }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

em { font-style: italic; }

blockquote { margin: 1em; }

cite {
  font-style: italic;
  display: block;
  text-align: right;
}

ol, ul {
  margin: 1em 1em 1em 2em;
}

ol li {
  list-style: decimal outside;
}

ul li {
  list-style: disc outside;
}

dl { margin: 1em 0; }

dt {
  font-weight: bold;
  margin: 0.8em 0 0.5em;
}

dd {
  margin-left: 1em;
}

th, td {
  border: 1px solid #000;
  padding: 0.5em;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: center;
}

caption {
  margin-bottom: 0.5em;
  text-align: center;
  font-style: italic;
}

p, fieldset, table {
  margin-bottom: 1em;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
}

/* Horizontal menu */
ul.h-menu {
  margin: 0;
}

.h-menu li {
  list-style: none;
  /* if floating is done from <a>, then items will not wrap */
  float: left;
  margin: 0;

  /* IE6 HACK: probably not needed, but just to be safe */
  _display: inline; 
}

.h-menu li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  padding: 0.5em 1em;
  border: 1px solid black;
  margin: 0 1px;

  /* IE6 HACK */
  _float: left;
  _display: inline;
}

.h-menu a:hover,
.h-menu a:focus,
.h-menu a:active { text-decoration: underline; }


/* Vertical menu */
ul.v-menu {
  background: white;
  margin: 0;
  padding: 0 1em;
}

.v-menu li {
  list-style: none;
  margin: 0;
  padding: 0;

  /* IE6 HACK: fixes bug related to line break */
  _display: inline;
}

.v-menu li a {
  text-decoration: none;
  display: block;
  border: none;
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 0.5em 0;
}

.v-menu a:hover,
.v-menu a:focus,
.v-menu a:active { text-decoration: underline; }

ul.v-menu li.current a {
  text-decoration: underline;
}
ul.v-menu li:first-child a 
{
  border: none;
}


img { display: block; }

/* IE 6 & 7 fix: button issue caused by reset styles, line-height: 1.0 */
button { line-height: 1.2; }
