td { text-align: center;
  padding: 1px 2px 1px 2px;
  /*white-space: nowrap;*/
  width: 50px;
}

td.sh {
  font-size: small;
}

.worst {
  color: red;
  text-decoration: underline;
}

.best {
  color: green;
  font-weight: bold;
}

tr { background: #AAAAAA }
tr.even { background: #AAAAAA }
tr.odd { background: #CCCCCC }
tr.title { background: #000000; color: #FFFFFF }
td.name {
  text-align: left;
  width: 150px;
}
td.appearance { background: #000000 }
td.spell {
  background: #EEEEEE;
  text-align: center;
}
td.hl { 
  background: #999999;
}

font.item {
  background: #000000;
}

tr.odd:hover { color: red }
tr.even:hover { color: red }

.time { }

a.title:link {color: #FFFFFF; text-decoration: underline;}
a.title:visited {color: #FFFFFF; text-decoration: underline;}
a.title:hover {color: red; text-decoration: none}

.banner {
  background: pink;
  font-size: large;
  text-align: center;
  padding: 40px 20px 40px 20px;
  width: 90%;
  margin-left: 10px;
  margin-right: 10px;
  border-color: black;
  border-style: solid;
  border-width: 1px;
}

table.spells {
  border: 1px solid #000;
  border-collapse: collapse;
  white-space: nowrap;
  background: white;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

table.spells td {
    margin: 6px;
    padding: 6px;
    border: 1px solid #000;
    vertical-align: top;
    background-color: white;
}

td.spellname {
  text-align: left;
}

td.spellbooks {
  text-align: left;
}


.spell {
  text-align: left;
  left-margin: 10px;
  right-margin: auto;
  width: 50em;
  border: 10px solid #FFF;
  padding: 10px 10px 10px 10px;
  background-color: #CCCCCC;
}


/**** monster pages ****/
table.monster {
  border: 1px solid #000;
  border-collapse: collapse;
  white-space: nowrap;
  background: white;
  width: 100%;
  empty-cells: show
}

table.monster th {
    margin: 6px;
    padding: 6px;
    border: 1px solid #000;
    vertical-align: top;
    color: white;
    background-color: black;
    font-size: small;
}

table.monster td {
    margin: 6px;
    padding: 6px;
    border: 1px solid #000;
    vertical-align: top;
    background-color: #CCC;
}