body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #CCC;
  background-color: #111;
  font-family: 'helvetica', 'arial', 'sans';
  font-size: 75%; }

h1, h2, h3 {
  color: white; }

a {
  color: #CCC; }
  a:hover {
    color: white; }

img {
  border-style: none; }

table {
  margin: 20px 0; }

input {
  font-size: 1.2em; }

p {
  line-height: 1.5em; }

form {
  margin: 20px 0;
  padding: 20px;
  background-color: #222; }

textarea {
  font-family: 'helvetica', 'arial', 'sans';
  font-size: 12px; }

.left {
  width: 560px; }

.place {
  font-size: .75em;
  font-weight: normal; }

.file_field {
  font-size: 12px;
  color: #CCC; }

.year {
  font-size: 1.1em;
  color: white;
  padding-right: 20px; }

.links {
  line-height: 1.8em; }

#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 900px; }

#header {
  margin: 0;
  background-image: url("/images/logo.png");
  background-repeat: no-repeat;
  background-position: left;
  text-align: right;
  border-bottom: 1px solid #444; }
  #header ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #header ul li {
      display: inline;
      font-size: 1em; }
      #header ul li a {
        padding: 1em 0 1em 2em;
        line-height: 50px;
        text-decoration: none; }
        #header ul li a:hover {
          color: white; }

#main {
  padding: 1em 0;
  overflow: auto; }

#footer {
  margin-top: 2em;
  padding: 10px;
  clear: both;
  text-align: center;
  color: #888;
  border-top: 1px solid #444; }

#content h1, span {
  margin: 0; }

#options a {
  margin-right: .5em; }

#sidebar {
  margin: 10px 20px;
  padding: 15px 20px;
  width: 200px;
  float: right;
  background-color: #222; }
  #sidebar ul {
    margin: 0;
    padding-left: 5px;
    list-style-type: none; }
  #sidebar h2 {
    margin-top: 0; }
  #sidebar h3 {
    margin: 20px 0 5px 0; }

#gallery {
  margin: 10px 0; }
  #gallery ul {
    padding: 0;
    list-style-type: none; }
    #gallery ul li {
      margin-right: 6px;
      margin-bottom: 6px;
      width: 175px;
      height: 150px;
      display: inline;
      position: relative;
      float: left; }
      #gallery ul li .caption {
        position: absolute;
        bottom: 0;
        background-color: #222;
        color: white;
        width: 100%; }
        #gallery ul li .caption .title {
          float: left;
          padding: .5em; }
        #gallery ul li .caption .sold {
          padding: .5em;
          float: right;
          background-color: #c01;
          font-weight: bold; }
  #gallery .last {
    margin-right: 0; }

#painting {
  position: relative;
  display: inline-block; }
  #painting .hud {
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.6; }
    #painting .hud:hover {
      opacity: 0.9; }
  #painting .left {
    left: 0%;
    width: 30%;
    background-image: url('/images/left.png');
    background-position: 10%; }
  #painting .right {
    left: 70%;
    width: 30%;
    background-image: url('/images/right.png');
    background-position: 90%; }
  #painting .feature {
    left: 30%;
    width: 40%;
    background-image: url('/images/feature.png');
    background-position: center; }
  #painting #feature {
    margin-left: -150px;
    margin-top: -150px;
    border: 10px solid white;
    left: 50%;
    top: 50%;
    position: absolute; }
    #painting #feature a.close {
      padding: .5em .5em 1em 1em;
      position: absolute;
      top: 0;
      right: 0;
      color: #AAA;
      background-color: white; }
      #painting #feature a.close:hover {
        color: #000; }

#info {
  margin: 1em 0; }
  #info h2 {
    margin-bottom: 0; }
  #info #sold {
    padding: .3em .5em;
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #c01;
    color: white; }

#contact textarea {
  width: 100%;
  max-width: 100%; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #EEE; }
  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #C00;
    color: white; }
  #errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px; }
  #errorExplanation ul li {
    font-size: 12px;
    list-style: square; }