/* top level style.css */

/***** global stuff *****/

html, body, div, span, h1, h2, h3, h4, h4, h6 {
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0;
  font-size: 100%;
}

body {
  background-color: WhiteSmoke;
  font-family: Arial, Helvetica, sans-serif;
}

div.amContainer {
  margin-left: 5px;
  margin-right: 5px;
}

div.amRule {
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: Silver;
  line-height: 0;
  height: 0;
}

div.amColLeft {
  float: left;
  width: 49%;
}

div.amColRight {
  float: left;
  width: 49%;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: Silver;
}

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
}

div.vstretch {
  border-top: 1px solid Silver;
  overflow: auto;
  zoom: 1;
}

a {
  color: MediumBlue;
  text-decoration: none;
}
a img { border-style: none }
a:hover { color: Purple }

ul {
  padding: 0 8px 0 24px;
  margin: 0 0 12px 0;
}

li { margin-top: 4px }

img { display: block }

img.inline { display: inline }

img.middle { vertical-align: middle }

h1 {
  font-size: xx-large;
  padding: 12px 0 0 0;
  margin: 0 0 12px 0;
}

h2 {
  font-size: x-large;
  padding: 12px 0 0 0;
  margin: 0 0 12px 0;
}

address {
  margin: 12px;
  font-family: monospace;
  font-style: normal;
  float: left;
}

p.lastmod {
  margin: 12px;
  font-size: small;
  float: right;
}

.center { text-align: center}
.floatleft { float: left }

/***** front page *****/

img.amRoofTop {
  position: fixed;
  top: 0px;
  left: 0px;
}

img.amRoofBot {
  position: fixed;
  top: 132px;
  left: 0px;
}

img.amTopRight {
  position: fixed;
  top: 0px;
  right: 0px;
}

p.amHuge {
  padding: 36px 0 18px 0;
  margin: 0 0 0 25%;
  font-family: serif;
  font-size: 72px;
  font-style: italic;
}