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; }
*/

div.field, div.actions {
  margin-bottom: 10px;
}

#notice {
  color: green;
}

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

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

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

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


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

/* ----------- Clearfix as mixin --------------- */
/* $color_fg: rgb(206, 158, 57) original pipboy color */
body {
  color: #ffc340;
  background: #2b2211 url(../images/pip_boy_bg.png); }

a {
  color: #ffc340; }
  a:hover {
    background: #503f1f;
    background: rgba(255, 195, 64, 0.2); }

#status {
  text-align: center;
  margin-bottom: 1em; }

#pipboy {
  opacity: 0.8;
  /*filter: alpha(opacity=80) */
  margin: auto;
  width: 750px;
  border: 2px solid #ffc340;
  padding: 10px;
  font-size: 19px;
  line-height: 30px; }
  #pipboy #specials, #pipboy #derived, #pipboy #skills {
    float: left; }
    #pipboy #specials .value_wrap, #pipboy #derived .value_wrap, #pipboy #skills .value_wrap {
      float: right; }
  #pipboy .item {
    border: 2px solid #2b2211;
    width: 226px;
    padding: 0px 10px;
    line-height: 35px;
    cursor: default; }
    #pipboy .item:hover {
      border-color: #ffc340;
      background: #503f1f;
      background: rgba(255, 195, 64, 0.2); }
    #pipboy .item .checkbox {
      width: 10px;
      height: 10px;
      float: left;
      margin-top: 14px;
      margin-right: 3px;
      background-color: #ffc344; }
    #pipboy .item a.increment, #pipboy .item a.decrement {
      color: #ffc340;
      background-color: transparent;
      text-decoration: none; }