@import url(base.css);

body {
  background: url(header.png) top left repeat-x;
  margin: 0 auto;
  width: 780px;
}

h1, h1 a {
  color: #fff;
  line-height: 30px;  /* header.png height */
  font-weight: normal;
  text-decoration: none;
}

#main {
  display: inline;
  float: left;
  width: 620px;
}

#nav {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 140px;
}
#nav ul {
  background: #d6dde5;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  list-style-type: none;
  padding: 1em;
  text-align: right;
}
#nav li {
  margin: 0;
}

dl.tabular dt {
  clear: left;
  float: left;
  font-weight: bold;
  text-align: right;
  width: 7em;
}
dl.tabular dt:after { content: ":"; }
dl.tabular dd { margin-left: 7.4em; }

.gallery {
  clear: both;
  margin-top: 1em;
}
.gallery a {
  margin-left: 6px;
}
.gallery a:first-child {
  margin-left: 0px;
}
.gallery img {
  background: #d6dde5;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 2px;
}