/*
 * the grorg.org sooth style.
 * I looked at waferbaby, thought: "wow, that's cool. I wonder
 * how they did that", then tried to replicate it. My memory
 * is vague - I probably cheated in some bits and looked at his CSS.
 * Anyway, look there for the good stuff, not here.
 */

body {
  margin: 0px;
  background: white;
  font-family: lucida grande, verdana, geneva, arial, sans-serif;
  font-size: 140%;
}

.navigation {
  margin-top: 110px;
  margin-right: 10px;
  float: right;
  width: 140px; 
  color: black;
  font-weight: normal;
  border: 1px dashed black;
  background: #aaccaa;
  font-size: 60%;
}

.navigation ul {
  margin: 0px;
  padding-left: 17px;
}

h1 {
  margin: 0px;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: .5em;
  padding-bottom: .5em;
  color: black;
  background-color: #aaaacc;
  font-weight: bold;
  border-bottom: 1px solid black;
}	

.images {
  margin: 1em 1em;
}

img {
  border: 0;
  margin: 0.2em 0.2em;
}

p {
  margin: 1em 2em;
}	

ul {
  margin: 1em 2em;
}	

li {
  margin: 1em 0.5em;
}

.footer { 
  border-top: 1px solid black;
  background: #FFFFAA;
  padding: 5px;
}

a { 
  color: #5d705d;
  font-weight:bold; 
} 

a:hover	{ 
  color: #555555;
}