body { background-color: #000 ; color: #333; padding: 0;
       margin: 1em 0 2em 0 }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

a.footer { color: #eee; text-decoration: none }
a.footer:visited { color: #eee; }
a:hover { color: #000; background-color:#fff; }

.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: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


/**/
h1 { clear: both; margin-top: 0px; padding-top: 0.3em; font-weight: normal;
     font-size: 300%; letter-spacing: -0.1ex; }

hr { padding:0; }

.item-       { width: 100%; clear: both; margin: 0;
               padding: 0; }
blockquote   { border: solid 1px #e0e0e0; margin: 2em 0 0 0;
               background: #fff;
               padding: 0 2ex; width: auto; }
blockquote p { margin: 0.7em 0 }

.item- .links-     { float: left; }
.item- .permalink- { float: right; font-size: 85% }
.item- .permalink-,
.item- .permalink- a:link,
.item- .permalink- a:visited { color: #999 }
.item- .permalink- a:active,
.item- .permalink- a:hover   { color: #fff; background-color: #000 }

#content { background: #f8f8f8; padding: 1em 0 }
#footer  { padding-top: 1em; color: #999; font-size: 85%;
           background: #000 }

#header { color: #fff; padding-bottom: 1em; }
#header a:visited,
#header a:link  { color: #ff6 }
#header a:hover,
#header a:active { color: #000; background: #ff9; text-decoration: none }

#footer,
#header,
#content { padding-left: 10%; padding-right: 10% }
#content { padding: 1em 4ex;
           margin-left: 10%; margin-right: 10% }

hr { height: 1px; background: #e0e0e0; color: #e0e0e0; border: none }