body {
  font-family: sans-serif;
  font-size: medium;
  color: #000000;
  background: #ddf;
  padding: 0.5em;
  margin: 0;
}
#trunk {
  padding: 0;
  margin: auto;
}
img {
  border: 0;
}
h1 {
  text-align: center;
}
h3 {
  color: #000;
  background: #bbf;
  font-weight: bold;
  text-align: left;
  font-size: small;
  margin: 0;
  padding: 0.125em 0.25em;
}
p {
  text-align: center;
}
span {
  margin: 0 0.25em 0 0;
  padding: 0;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #000088;
  background: none;
}
a:visited {
  color: #000088;
  background: none;
}
a:active {
  color: #000088;
  background: none;
}
a:hover {
  color: #0000cc;
  background: none;
  text-decoration: underline;
}
.star {
  color: #f00;
  background: none;
}

.s_wanted {
  color: #999999;
}
ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
  padding: 0 0 0 2em;
}
ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 2em;
}
li {
  color: #000;
  background: inherit;
}
li.item {
  border: none;
  background: #ddf;
}
td.group {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  margin: 0;
  padding: 0 0 0.5em 0;
  vertical-align: top;
  width: 25em;
}
table {
  border-collapse: collapse;
  border: 0;
}
tr {
  border: 0;
}
th {
  border-width: 1px;
  border-style: solid;
  border-color: #000099;
  text-align: left;
  vertical-align: bottom;
  font-size: medium;
  font-weight: bold;
  background: #000099;
  color: #ffffff;
  padding: 0 0.25em;
}
td {
  border-width: 1px;
  border-style: solid;
  border-color: #000099;
  padding: 0 0.25em;
}
.gap {
  border: 0;
  height: 1em;
}
.num {
  text-align: right;
}

/* game ratings */
/*
.r_ {
  background: #ddddff;
}
.r_1 {
  background: #ff5555;
}
.r_2 {
  background: #ffcccc;
}
.r_3 {
  background: #ddddff;
}
.r_4 {
  background: #aaffaa;
}
.r_5 {
  background: #55ff55;
}
*/

/* movies */
/*
.vhs:after {
   content: " [VHS]";
}
.dvd:after {
   content: " [DVD]";
}
*/
.dvd_group {
  text-align: left;
  text-indent: 0.5em;
  text-transform: uppercase;
  font-size: medium;
  background: #000099;
  color: #ffffff;
}
.g_ {
  background: #ddddff;
}
/*
.g_anime {
  background: #ccffcc;
}
*/
.subcat {
  font-size: smaller;
  border: none;
  color: #666;
  background: inherit;
}


/* music */
.music_group {
  text-align: center;
  vertical-align: top;
  text-transform: uppercase;
  font-size: large;
  background: url('topleft.gif') top left no-repeat #000099;
  color: #ffffff;
  padding: 7px 0.3em 0.3em 0.5em;
  border-width: 0 0 1px;
}
.music_groupfill {
  border: 0;
  height: 0;
  margin: 0;
  padding: 0;
  content: "";
}
.artist {
  text-indent: 0.5em;
  font-size: medium;
  background: #000099;
  color: #ffffff;
  border-width: 0 1px 0 0;
}
.item {
  font-size: smaller;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #000099;
}
td.item {
  border-width: 1px;
}
th.item_title {
  border-width: 1px;
  border-style: solid;
  border-color: #000099;
}
a.group {
  color: #ffffff;
  background: none;
  text-decoration: none;
  font-weight: bold;
}
a.group:link {
  color: #ffffff;
  background: none;
}
a.group:visited {
  color: #ffffff;
  background: none;
}
a.group:active {
  color: #ffffff;
  background: none;
}
a.group:hover {
  color: #ffffff;
  background: none;
  text-decoration: underline;
}
a.artist {
  color: #aaffaa;
  background: none;
  text-decoration: none;
  font-weight: bold;
}
a.artist:link {
  color: #aaffaa;
  background: none;
}
a.artist:visited {
  color: #99ff99;
  background: none;
}
a.artist:active {
  color: #009900;
  background: none;
}
a.artist:hover {
  color: #33cc33;
  background: none;
  text-decoration: underline;
}
table.media {
  margin: 0.5em;
  width: 30em;
  float: left;
  font-size: xx-small;
  border-width: 1px;
  border-style: solid;
  border-color: #000099;
}
th.media {
  background: #5555ff;
  color: #ffffff;
  padding: 0 0.25em;
}

li.wanted {
  list-style-type: none;
}
li.wanted:before {
  content: "+ ";
}
ul.glossary {
  margin: 0;
  padding: 0;
}
ul.glossary > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.glossary > li > span {
  display: inline-block;
}
ul.glossary > li > span.term {
  text-align: right;
  width: 3em;
}



/* old stuff? */
.odd {
  background: #bbbbff;
}
.even {
  background: #ddddff;
}
li.group {
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  margin: 0.25em;
}