html {
  overflow-y: scroll; }

body {
  margin: 0;
  padding: 0;
  font-family: "PR Number 3", "Apple2Forever80", "FreeSans", "Deja Mono", "Terminal", "Monospace", "helvetica", "sans-serif";
  font-size: 15px;
  font-height: 17px;
  color: white;
  background-color: #2222ff; }

code {
  font-family: "Print Char 21", "Apple2Forever", "Verdana", "Helvetica", "sans-serif";
  font-size: 15px;
  color: #ff9988; }

pre {
  padding: 1em;
  border: 2px solid #dd0033;
  overflow: auto;
  background-color: black; }
  pre code {
    font-family: "PR Number 3"; }

h2 {
  margin: 0 0 15px 0;
  font-family: "Print Char 21", "Apple2Forever", "Verdana", "Helvetica", "sans-serif";
  font-size: 15px;
  font-weight: bold;
  color: #aaaaaa; }

h3 {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 1em;
  background: black;
  font-family: "Print Char 21", "Apple2Forever", "Verdana", "Helvetica", "sans-serif";
  font-size: 15px;
  font-weight: normal;
  color: #00ff99; }

h4 {
  margin: 0 0 15px 0;
  font-family: "PR Number 3", "Apple2Forever80", "FreeSans", "Deja Mono", "Terminal", "Monospace", "helvetica", "sans-serif";
  font-size: 15px;
  font-weight: normal;
  color: #00dd00; }

p {
  line-height: 18px;
  margin-bottom: 15px; }

a {
  font-weight: normal;
  text-decoration: none;
  color: yellow; }
  a:hover {
    background-color: black;
    color: white; }
  a:active {
    color: black; }

ul {
  margin: 2px 0 0 0;
  padding: 0; }
  ul li {
    margin: 3px 0 5px 25px;
    padding: 0;
    list-style: none; }

ul.spaced-out li {
  margin-bottom: 15px; }

ul.with-bullet li {
  margin-left: 35px;
  list-style: disc; }
ul.with-bullet li:last-child {
  margin-left: 35px;
  margin-bottom: 15px; }

#headercontainer {
  width: 100%;
  height: 80px;
  background-color: #dd0033; }

#header {
  margin: 0 auto;
  width: 900px;
  height: 100%; }
  #header h1 {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    top: 10px;
    text-indent: -9999px;
    width: 420px;
    height: 65px;
    background: url("/001_a2whiskers.png") no-repeat; }
  #header ul {
    margin: 0;
    padding: 0;
    width: 50%;
    float: right;
    position: relative;
    top: 10px;
    height: 20px;
    text-align: right; }
  #header li {
    margin: 3px 0 0 7px;
    padding: 0; }

#singlefixedwidth {
  margin: 0 auto;
  width: 1000px; }

#contentcol {
  clear: left;
  float: left;
  width: 750px;
  padding-right: 10px;
  display: inline; }

#asidecol {
  float: right;
  display: inline;
  width: 240px; }

#content {
  margin: 0 auto;
  min-width: 900px;
  width: 80%; }

#footer {
  clear: left;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 20px;
  height: 1%; }

h1 {
  margin-top: 1em;
  font-size: 0.8em; }

ul.horiz li {
  display: inline;
  list-style-type: none;
  padding-right: 20px; }

.centered {
  margin: 0 auto; }

.bigbox {
  margin-top: 1em;
  padding: 1.5em 2.5em;
  background-color: #000099;
  overflow: auto; }
  .bigbox p:last-child {
    margin-bottom: 0; }

#thinbox {
  position: relative;
  height: 28px;
  margin-top: 1em;
  padding: 0 2.5em;
  background-color: #000099;
  overflow: auto; }
  #thinbox h2 {
    position: absolute;
    top: 6px;
    left: 40px;
    margin: 0;
    padding: 0; }

#thinbox-a {
  position: absolute;
  top: 6px;
  left: 400px; }
  #thinbox-a a {
    display: block;
    margin: 0;
    padding: 0;
    border: 0; }

.thinbox-float-right {
  margin: 7px 0 0 10px;
  float: right; }

.asidebox {
  margin-top: 1em;
  padding: 1em;
  background-color: #000099; }

#loginbox {
  margin: 1em auto 0;
  width: 400px;
  padding: 1em;
  background-color: #000099; }
  #loginbox label {
    width: 8em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    overflow: auto; }
  #loginbox input {
    font-size: 12px;
    display: block;
    overflow: auto; }
  #loginbox p.submit {
    margin: 3px 0 0 8.5em; }

#thumbs {
  overflow: hidden; }

#thumbs ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.thumbs li {
  list-style: none;
  float: left;
  padding: 5px 0 0 5px;
  position: relative;
  width: 105px;
  height: 105px;
  text-align: center; }
.thumbs a {
  border: 0;
  text-decoration: none; }
  .thumbs a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 105px;
    overflow: hidden; }
  .thumbs a:hover span {
    background-position: bottom; }

.album {
  margin-bottom: 1em;
  padding: 1em;
  background: black;
  border: 2px solid white; }

#albumphoto {
  height: 1000px; }
  #albumphoto a {
    margin-top: -3px;
    padding: 3px;
    background-color: #2222ff; }
    #albumphoto a:hover {
      background-color: black; }
  #albumphoto img {
    margin-top: 1em; }
  #albumphoto .floatright {
    float: right; }

.bulletin-float-right {
  margin-left: 10px;
  float: right; }

.bulletin-date {
  padding-bottom: 6px;
  border-bottom: 2px solid #555555; }

.bulletin-body {
  margin-top: 16px; }

.bulletin-link {
  margin-top: 16px;
  float: right; }

form.bulletin {
  display: absolute; }
  form.bulletin p {
    overflow: auto; }
  form.bulletin label {
    float: left;
    width: 100px; }
  form.bulletin input {
    float: left;
    position: relative; }

.charbox {
  position: relative; }

.char {
  position: absolute;
  height: 16px;
  width: 7px;
  background: url("/img/000_allfonts.png"); }

.char40 {
  position: absolute;
  height: 16px;
  width: 14px;
  background: url("/img/000_allfonts40.png"); }