/* nil.at CSS definitions */

body {
  background-image: url(/bg.png);
  font-family: Verdana,Arial,sans-serif;
  padding: 0px;
  color: #000000;
}

input {
  border: 1px solid black;
  background-color: #ffffff;
}

input[type=submit] {
  font-weight: bold;
  padding: 3px;
  font-size: 80%;
}

#content-table {
  background-color: #ffffff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  border: 2px solid #000000;
}

#title-cell {
  font-size: xx-large;
  font-weight: bold;
  border-bottom: 2px dotted #000000;
}

#nav-cell {
  font-size: small;
  border-bottom: 2px dotted #000000;
  text-align: right;
  vertical-align: bottom;
}

#content-cell {
  padding: 1em 0.5em 2em 0.5em;
}

#comments-cell {
  font-size: x-small;
  border-top: 2px dotted #000000;
}

.box, .code-box {
  border: 1px dashed #D1F6FF;
  background-color: #FBFFFF;
  margin: 1em;
}

.menu {
  border: 1px dashed #D1F6FF;
  background-color: #FBFFFF;
  margin: 1em auto 1em auto;
  width: 80%;
}

.box-title, .code-box-title {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 80%;
}

.menu-item {
  padding: 4px;
}

.menu-item a {
  padding: 2px 10px 2px 10px;
}

.menu-item a:link, .menu-item a:visited {
  text-decoration: none;
  color: #000080;
}

.menu-item a:hover, .menu-item a:active {
  text-decoration: none;
  color: #000080;
  background-color: #D1F6FF;
}

a.undecorated:link, a.undecorated:visited, a.undecorated:hover, a.undecorated:active {
  text-decoration: none;
  color: #000000;
}

#welcome {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}

#favorite-bands td {
  padding: 0em 0.5em 0em 0.5em;
}

#photo-gallery-index {
  border: 1px dashed #D1F6FF;
  background-color: #FBFFFF;
  margin: 1em auto 1em auto;
}

.thumbnail {
  width: 150px;
  height: 150px;
  line-height: 150px;
}

.thumbnail img {
  vertical-align: middle;
}

.thumbnail-text {
  margin: 5px 0px 0px 0px;
}

.thumbnail-text a:link, .thumbnail-text a:visited, .thumbnail-text a:hover, .thumbnail-text a:active {
  text-decoration: none;
  color: #000000;
  font-size: 11px;
}

#photo-gallery-photo {
  border: 1px dashed #D1F6FF;
  background-color: #FBFFFF;
  margin: 0px auto 0px auto;
}

#photo-gallery-photo img {
  padding: 10px;
}

.photo-gallery-nav {
  font-size: 24px;
  font-weight: bold;
  padding: 2px;
  color: #808080;
}

.photo-gallery-nav a:link, .photo-gallery-nav a:visited, .photo-gallery-nav a:hover, .photo-gallery-nav a:active {
  text-decoration: none;
  color: #000000;
}

.sudoku {
  border: 1px dashed #D1F6FF;
  background-color: #FBFFFF;
  margin: 1em auto 1em auto;
}

.sudoku-cell-ro {
  border: 1px solid black;
  text-align: center;
  width: 2em;
}

.sudoku-cell-rw input {
  padding: 3px;
  width: 2em;
}

.sudoku-action {
  text-align: center;
}

.sudoku-action a {
  border: 1px solid black;
  background-color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  padding: 3px;
  font-size: 80%;
}