body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: #eeeeee;
  color: #555555;
  font-size: smaller;
}
h1, h2, h3 { color: #000000; }
.big-text { font-size: 1.2em; }
#basicQ { width: 4em; }
#advancedQ { width: 20em; }
.inputs {
  width: 500px;
  padding-left: 1em;
}
fieldset { background-color: #ffffff; }
.details input { width: 240px; }
.results {
  font-size: 0.8em;
  width: 493px;
  margin-left: 1.3em;
}
.results dt {
  float: left;
  width: 6em;
}
.bignum {
  float: left;
  font-size: 5.5em;
  width: 2em;
  color: black;
}
#ver { padding-bottom: 1em; }
#ver + dd { padding-bottom: 1em; }
#ads {
  width: 254px;
  position: absolute;
  left: 550px;
}
#basicForm fieldset {
  background-image: url('d20.gif');
  background-repeat: no-repeat;
}
#advancedForm fieldset {
  background-image: url('notation.png');
  background-repeat: no-repeat;
}
#footer, #intro { width: 540px; }
#modifier {
  background-image: url('modifier.png');
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  width: 65px;
  padding: 12px 0 5px 0;
  margin-left: 4em;
}
