/*-------------------------------------------
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.

Original author: Ben Sturmfels, Boojum, March 2009

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


/*-------------------------------------------
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.55em; }

h2 { font-size: 1.35em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.15em; }

h1, h2, h3, h4, h5, h6, p, li, dd, td  { line-height: 1.4; }

a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var {
  line-height: inherit;
  line-height: 1.4; /* IE6 & 7 BUG */
}

h1, h2, h3, h4, h5, h6 { margin: 0.6em 0 0.4em; }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

a { line-height: inherit; }

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: 0.6em;
}

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;

}

.h-menu li a {
  text-decoration: none;
  white-space: nowrap;
  display: block;
  padding: 0.5em 1em;
  border: 1px solid black;
  margin: 0 1px;

}

.h-menu a:hover,
.h-menu a:focus,
.h-menu a:active { text-decoration: underline; }


/* Vertical menu */
ul.v-menu {
  margin: 0 0 1em;
}

.v-menu li {
  list-style: none;
}

.v-menu li a {
  text-decoration: none;
  display: block;
  padding: 0.5em 1em 0.5em 1em;
  margin: 1px 0 0;
  border: 1px solid black;
}

.v-menu a:hover,
.v-menu a:focus,
.v-menu a:active { text-decoration: underline; }

img { display: block; }

/* IE 6 & 7 fix: button issue caused by reset styles, line-height: 1.0 */
button { line-height: 1.2; }

