body {
  color: #333;
  text-align: center;
  background: #330000 url("../images/bg_body.jpg") center top no-repeat;
}

#wrapper,
#header h1 {
  margin: 0 auto;
  text-align: left;
}

#wrapper {
  width: 760px;
  padding: 0 50px;
}

#header h1 {
  display: block;
  width: 860px;
  height: 100px;
  text-indent: -9999em;
  background: url("../images/maeve_header.gif") left 25px no-repeat;
}

.column {
  float: left;
}

#header {
  height: 100px;
  background: #fff;
  border-bottom: 1px solid #333;
}

#footer {
  float: left;
  clear: both;
  width: 550px;
  margin: 10px 210px 100px 0;
  padding: 16px 0 0;
}

#footer p {
  padding: 0 16px;
}

/* structure
--------------------------------------------------*/

#container {
  padding-right: 210px;
}

#container .column {
  position: relative;
  float: left;
}

#main_content {
  width: 100%;
}

#sidebar {
  width: 200px;
  padding-left: 10px;
  margin-right: -210px;
}

.content {
  float: left;
}

#sidebar .content {
  width: 100%;
}

#main_content .content {
  padding: 0 0 25px 25px;
}

#sidebar .content,
#main_content .content,
#footer {
  background: url("../images/bg_white.png") left top no-repeat;
}

#sidebar p,
#sidebar ul {
  padding: 16px;
}

/* thumbnails
----------------------------------------------------------*/

ul.thumbnails {
  padding-top: 25px;
}

ul.thumbnails li {
  float: left;
  width: 140px;
  margin: 0 25px 25px 0;
  padding: 5px;
  background: #fff;
}

ul.thumbnails li span {
  display: block;
  padding-top: 4px;
  font-size: 10px;
  font-variant: small-caps;
}

ul.thumbnails li a,
ul.thumbnails li a:visited {
  display: block;
  width: 140px;
  height: 70px;
  text-decoration: none;
  overflow: hidden;
}

ul.thumbnails li:hover {
  background: #ddd;
}