html {
  font-family: sans-serif;
  background: #eee;
}

body {
  max-width: 40em;
  margin: auto;
  color: #825;
  background: #fff;
  padding: 1em;
}

h1#title {
  background: #444;
  color: #ccc;
  font-size: 2em;
  font-weight: bold;
  margin: 0;
}

nav {
  font-size: 80%;
  text-align: center;
  background-color: #eee;
}
nav p {
  display: inline;
}
nav ul {
  margin: 0;
  padding: 0 1em;
  display: inline;
}
nav li {
  font-weight: bold;
  display: inline;
  padding: 0 1em;
}

a {
  text-decoration: none;
  color: #793;
}
a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 115%;
}

img {
	max-width: 80%;
}
a img
{
  border: 1px #e8b solid;
}
img.left {
  float: left;
  margin-right: 10px;
}
img.icon {
	max-width: 3em;
}

dt {
	font-weight: bold;
}


pre {
  background-color: #eee;
}