body {
  background: url(../img/header.jpg) no-repeat scroll top;
  background-color: #ededed;
  padding-top: 100px;
}

.container {
  background: white;
}

#header {
  padding-top: 5px;
  border-bottom: 1px solid black;
}

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

#footer p {
  text-align: right;
}

#content {
  padding-top: 5px;
}

h2 {
  background-color: #ededed;
  padding-left: 5px;
}

/* i'm using a gallery2 feature so i don't have control over the markup, this
 * bends it in to shape */
.one-image {
  width: 174px;
  height: 160px;
  float: left;
}

.one-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

h2 {
  clear: both;
}