/* css document */

/* general */

* {
  margin: 0px;
  padding: 0px;
}

body, html {
  background-color: #1A1A1A;
  color: #DDDDDD;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 100%;
}

a:active, a:link, a:visited {
  color: #FF6E04;
  text-decoration: none;
}

a:hover {
  color: #FF974C;
}

fieldset {
  border: none;
}

fieldset.table dl {
  margin: 4px 0px 4px 0px;
  padding: 1px 0px 1px 0px;
}

fieldset.table dt {
  display: block;
  float: left;
  text-align: left;
  width: 45%;
}

fieldset.table dd {
  display: block;
  margin-bottom: 2px;
  margin-left: 46%;
  text-align: right;
  vertical-align: top;
}

img {
  border: none;
}

input, select {
  background-color: #2C2A2A;
  border: 1px dotted #1A1A1A;
  color: #DDDDDD;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 1px;
}

input:hover, select:hover {
  border: 1px dotted #FF6E04;
}

textarea {
  background-color: #2C2A2A;
  border: 1px dotted #1A1A1A;
  color: #DDDDDD;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
}

textarea:hover {
  border: 1px dotted #FF6E04;
}

.hr {
  border-top: 1px dotted #2C2A2A;
}

/* layout */

div#main {
  background-color: #151515;
  border-left: 1px dotted #2C2A2A;
  border-right: 1px dotted #2C2A2A;
  height: auto !important;
  height: 100%;
  margin: auto;
  min-height: 100%;
  position: relative;
  width: 800px;
}

div#main #header {
  background: #2C2A2A url("images/header.jpg") no-repeat;
  color: #888A85;
  height: 120px;
}

div#main #navigation {
  background-color: #2C2A2A;
  color: #888A85;
  height: 16px;
  padding: 4px;
}

div#main #content {
  padding: 12px;
  padding-bottom: 40px;
}

div#main #footer {
  background-color: #2C2A2A;
  bottom: 0px;
  clear: both;
  color: #888A85;
  font-size: 10px;
  height: 16px;
  padding: 4px;
  position: absolute;
  width: 792px;
}

.clear {
  clear: both;
}

.grey {
  color: #888A85;
}

.orange {
  color: #FF974C;
}

.pad {
  padding-left: 16px;
}

/* boxes 'n stuff */

.box {
  background-color: #2C2A2A;
  padding: 4px;
}

.error {
  border: 1px dotted #DA0000;
  color: #DA0000;
}

.success {
  border: 1px dotted #009900;
  color: #009900;
}

.note {
  border: 1px solid #DA0000;
  color: #DA0000;
  font-weight: bold;
}

div.item {
  border-top: 1px dotted #2C2A2A;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 6px;
  padding-top: 6px;
}

div.item p.content {
  clear: both;
  padding-bottom: 6px;
  padding-top: 6px;
}

/* lists */

ul.columns {
  display: block;
  list-style: none;
}

ul.columns .left {
  float: left;
  text-align: left;
}

ul.columns .right {
  float: right;
  text-align: right;
}