body {
  background-image: url("/images/bloodyaxe.png");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6, dl#contents dt, #tagline {
  color: purple;
}

a:link {
  color: fuchsia;
}

a:visited {
  color: purple;
}

div.foeicons img {
  float: right;
  margin: 0 2px;
}

dl.foestats dt, .points, .synopsis dt {
  font-weight: bold;
}

dl.foestats dd {
  display: inline;
}

.synopsis {
  margin: 1em;
  padding: 1em;
  border: thin dashed purple;
}

div.narration, div.background, div.inspection {
  border: thin solid purple;
  padding: 0 1em 0.5em 1em;
  margin: 1em 0;
}

div.narration img, div.background img, div.inspection img {
  float: left;
  margin-right: 1em;
}

div.narration h3, div.background h3, div.inspection h3 {
  margin-top: 0.5em;
}

.mechanics {
  font-weight: bold;
}

table.foetable, table#costs {
  border: thin solid purple;
  border-collapse: collapse;
  margin: 1em 0;
}

table.foetable thead, table#costs thead, table#costs tfoot {
  border: thin solid purple;
  background-color: silver;
}

table.foetable th, table.foetable td {
  text-align: center;
  padding: 0 0.5em;
  vertical-align: top;
}

table.foetable th {
  color: purple;
}

table.foetable caption, table#costs caption {
  color: purple;
  font-weight: bold;
  margin-top: 1em;
}

table#costs, table#costs td {
  text-align: left;
  vertical-align: top;
}

table#costs th {
  text-align: left;
  vertical-align: bottom;
}
table#costs tr, table.foetable tr {
  border-bottom: thin dashed silver;
}