.box {
  font: 95% Monaco, Courier, serif;
  padding: .8em 1em;
  background-color: #eeedec;
  border: 1px solid #b0afac;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.warn {
  font: 95% Monaco, Courier, serif;
  padding: .8em 1em;
  background-color: #f6d39a;
  border: 1px solid #de9216;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#content {
  width: 960px;
  margin: 1em auto 0;
}

#logo {
  font-size: 100%;
  margin: 0 0 1.4em -7px;
}

#logo a {
  display: block;
  width: 276px;
  height: 41px;
  background: url(/images/logo.png) no-repeat 0 0;
}

#logo span {
  display: none;
}

#logo a:hover {
  background-position: 0 -41px;
}

#crumbs {
  list-style-type: none;
  padding: 1px;
  margin: 0 0 1em;
  height: 2.1em;
  overflow: hidden;
  background: url(/images/bg-crumbs-ul.gif) repeat-x left center;
  border: 1px solid #b0afac;
  text-shadow: 0 1px 0 #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#crumbs li {
  float: left;
  line-height: 2.1em;
  color: #555;
  padding: 0 0 0 .75em;
  margin: 0;
  background: url(/images/bg-crumbs-li.gif) repeat-x left center;
}

#crumbs li.last {
  background: none;
  border-bottom: none;
}

#crumbs a {
  background: url(/images/bg-crumbs-a.gif) no-repeat right center;
  display: block;
  padding-right: 1.5em;
  color: #555;
  text-decoration: none;
}

#crumbs a img {
  vertical-align: -2px;
}

#crumbs li.lastcrumb a {
  background-image: url(/images/bg-crumbs-lastcrumb.gif);
}

#crumbs a:hover, #crumbs a:focus {
  text-decoration: underline;
}