a,
a:visited {
  color: #334444;
  text-decoration: underline;
}

div.quote {
  border: solid 2px #000000;
  margin-bottom: 1em;
  padding: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
div.quote blockquote {
  padding: 0;
  margin: 0;
}
div.quote div.credit {
  text-align: right;
  font-size: 85%;
}
div.quote div.credit:before {
  content: '- ';
}

a.obvious {
  color: red;
}

a:hover {
/*  text-decoration: underline; */
  color: #000000;
}

h1 {
  font-size: 175%
}
h2 {
  font-size: 150%
}
h3 {
  font-size: 125%
}
h4 {
  font-size: 115%
}
h5 {
  font-size: 110%
}
h6 {
  font-size: 105%
}

body {
  font-family: sans-serif;
}

table.biographies td {
  vertical-align: middle;
}

body.splash-page {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  background-image: url("/images/scale.png");
  background-repeat: repeat;
  text-align: center;
  vertical-align: middle;
}
body.splash-page a {
  white-space: nowrap;
  text-transform: uppercase;
}

body.splash-page table {
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 120%;
}

body.splash-page #left {
  text-align: right;
  vertical-align: middle;
}
body.splash-page #right {
  text-align: left;
  vertical-align: middle;
}
body.splash-page #top {
  text-align: center;
  vertical-align: bottom;
}
body.splash-page #bottom {
  text-align: center;
  vertical-align: top;
}

body.splash-page td#middle {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

body.splash-page img {
  padding-bottom: 1.5em;
}

body {
  padding: 0;
  margin: 0;
  background-image: url("/images/faded-scale.png");
  background-repeat: repeat;
}

/*img.splash-background {
  width: 100%;
  height: 125%;
  position: fixed;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}*/

.body {
  position: absolute;
  left: 1em;
  right: 1em;
  top: 1em;
  bottom: 1em;
  z-index: 1;
}

table td {
  vertical-align: top;
}

body.splash-page img {
  border: 0;
}

body.splash-page table td {
  text-align: center;
  vertical-align: top;
}

table .content {
  width: 100%;
  text-align: center;
}

body.splash-page table.contact th {
  text-align: right;
  vertical-align: top;
}

body.splash-page table.contact td {
  text-align: left;
  vertical-align: top;
}

body.splash-page span h1,
body.splash-page span h2,
body.splash-page span h3,
body.splash-page span h4,
body.splash-page span h5,
body.splash-page span h6 {
  padding: 0;
  margin: 0;
}

body.splash-page span.text {
}

body.splash-page span img {
  padding-top: 2em;
  padding-bottom: 2em;
}
 
body.splash-page span#hook-smee span.text h3,
body.splash-page span#hook-smee span.text h4 {
  font-family: "Nimbus Sans L", sans-serif;
  font-weight: bold;
  letter-spacing: 0em;
  color: #0000aa;
}
body.splash-page span#hook-smee span.text h2 {
  color: #4444ff;
  font-family: "Nimbus Roman No9 L", serif;
  font-weight: bold;
}

body.splash-page span#dire-state span.text {
  font-family: "URW Bookman L", sans-serif;
  font-weight: bolder;
}

body.splash-page span#dire-state span.text h3 {
  color: #00eeaa;
}
body.splash-page span#dire-state span.text h4 {
  color: #00ee66;
}
body.splash-page span#dire-state span.text h2 span.one {
  color: #000088;
}
body.splash-page span#dire-state span.text h2 span.two {
  color: #0044aa
}
body.splash-page span#dire-state span.text h2 span.three {
  color: #0066cc;
}
body.splash-page span#dire-state span.text h2 span.four {
  color: #00eeaa;
}
body.splash-page span#dire-state span.text h2 span.five {
  color: #00ee66;
}

body.splash-page span#men-in-black span.text {
  font-family: "URW Bookman L", sans-serif;
}
body.splash-page span#men-in-black span.text h4 {
  color: #666666;
}

body.splash-page span#batman-robin span.text {
  font-family: sans-serif;
  color: #ffff77;
}

body.splash-page span#hook-smee span.text span.up {
  position: relative;
  bottom: 0.05em;
}

body.splash-page span#hook-smee span.text span.down {
  position: relative;
  top: 0.05em;
}

body.splash-page td.main-text div#paint-splodge h1 {
  padding: 0;
  margin: 0;
  font-style: italic;
}

body.splash-page td.main-text {
/*  background-image: url("/images/paint-splodge-1.gif"); */
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

body.splash-page span#old-king-cole span.text h2 {
  font-family: "URW Chancery L", cursive;
  color: #883300;
}

table.gallery-icons {
  margin-left: auto;
  margin-right: auto;
}

table.gallery-icons td {
  text-align: center;
  vertical-align: bottom;
}

table.toolbar {
  border-right: solid;
  vertical-align: top;
  white-space: nowrap;
}

dt.strong {
  color: red;
}

dl.cluedo-characters dt {
  clear: both;
  padding-top: 1em;
}
dl.cluedo-characters img {
  float: left;
}

table.toolbar .heading {
  font-weight: bold;
}

h2.page-title {
  text-align: center;
}

table.page-columns {
  width: 100%;
}

table.page-columns td#toolbar {
  width: 12em;
}

hr {
  width: 50%;
}

table.gallery-sections {
  margin-left: auto;
  margin-right: auto;
}

dl.events a,
dl.themed-evening a {
  text-decoration: underline;
}
dl.events,
dl.themed-evening {
  padding-top: 1em;
}
dl.events dt,
dl.themed-evening dt {
  font-weight: bold;
  font-size: 125%;
}
dl.events dd,
dl.themed-evening dd {
  padding-bottom: 1em;
}

span.icon {
  float: right;
}

span.icon2 {
  float: left;
}

div.links {
  text-align: center;
}

table.links td {
  text-align: center;
  vertical-align: middle;
}

.links td img {
  padding: 1em;
  border: 0;
}

dl.faq {
  padding-left: 1em;
}

dl.faq dt {
  font-size: 110%;
  font-weight: bold;
}

dl.sub-list {
  font-size: 75%;
}

body dl.howto dt {
  font-weight: bold;
  font-size: 120%;
}

div.video-box {
  display: inline-block;
}
