body {
  background-color: #000;
  font-family: Verdana, Helvetica, Arial;
  font-size: 14px; }

a {
  color: #0000FF; }
  a img {
    border: none; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

#header {
  background: #000 url("/images/header-background.png") scroll repeat-x top left;
  text-align: center; }

#content-container {
  width: 870px;
  margin: 1em auto;
  border: 1px solid #5e3b1c;
  background-color: #381f0a;
  padding: 2px; }

#menu {
  background-color: #c82032;
  margin: 0;
  padding: 0; }
  #menu li {
    list-style: none;
    display: inline; }
    #menu li a {
      text-decoration: none;
      color: #fff;
      display: block;
      float: left;
      width: 144px;
      padding: 12px 0;
      text-align: center; }
  #menu li.selected a {
    background: transparent url("/images/menu-selected.png") scroll no-repeat center bottom; }

#content {
  background: #d77928;
  padding: 20px;
  color: #000; }
  #content h1 {
    margin-top: 0;
    font-size: 1.5em;
    border-bottom: 1px solid #000; }
  #content a {
    color: #112949; }
  #content %h1.#motto {
    font-style: italic; }

#footer {
  font-size: 0.9em;
  margin-top: 1em;
  text-align: center;
  color: #dcc5b1; }
  #footer a {
    color: #dcc5b1; }

#flash_notice,
#flash_error {
  padding: 5px 8px;
  margin: 10px 0; }

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6; }

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66; }

.fieldWithErrors {
  display: inline; }

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    text-align: left;
    padding: 5px 5px 5px 15px;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    background-color: #c00;
    color: #fff; }
  #errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 8px; }
  #errorExplanation ul {
    margin: 2px 24px; }
    #errorExplanation ul li {
      font-size: 12px;
      list-style: disc; }

body {
  margin: 0; }

.clearfix {
  *display: inline-block; }
  .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.info {
  color: #444;
  font-size: 0.8em; }

#admin-menu {
  padding: 3px 5px;
  background-color: #333;
  color: #eee;
  border-bottom: 1px solid #000; }
  #admin-menu a {
    color: #eee;
    margin-right: 1em; }

table.list th {
  background-color: #eee; }

.comment {
  padding: 1em 1em 0 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #5e3b1c; }
  .comment p {
    margin: 0 0 1em 0;
    padding: 0; }
  .comment .name {
    font-weight: bold; }
  .comment .date {
    font-size: 80%;
    margin-left: 1em;
    color: #333; }
  .comment h3 {
    margin-top: 0; }
  .comment form textarea {
    width: 100%; }

.buttons {
  float: right; }

.portfolio-picture {
  float: right;
  border: 1px solid #333;
  margin: 0 0 1em 1em; }

#portfolio-pictures img {
  border: 1px solid #333; }
#portfolio-pictures .picture {
  text-align: center;
  display: block;
  float: left;
  width: 175px;
  margin: 0 1em 1em 0; }

#content-columns #column1 {
  width: 450px;
  float: left; }
#content-columns #column2 {
  width: 342px;
  float: right;
  font-size: 12px; }

#slideshow {
  position: relative;
  width: 350px;
  height: 340px; }

#slideshow a {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 8; }

#slideshow a.active {
  z-index: 10; }

#slideshow a.last-active {
  z-index: 9; }

#slideshow img {
  border: 1px solid black;
  padding: 3px; }

#about-pictures {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  #about-pictures img {
    border: 1px solid #333; }
  #about-pictures div {
    text-align: center;
    display: block;
    float: left;
    width: 150px;
    margin: 0 1em 1em 0; }

#contact-picture {
  float: right; }
  #contact-picture img {
    border: 1px solid #333; }