/* =========================================================================== */

/* First, the Uberstyles for the whole site */

html, body {
  height: 100%;
  background-color: #000000;
  background-image: url(../img/img_bkg_eerieblack.png);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
  border: none;
  color: #ffaacc;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
}


/* =========================================================================== */

/* Ensure that tables/TDs don't muck up the styles */

table, table td {
  background-color: transparent;
  color: #ffaacc;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: regular;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
}

p {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  font-variant: inherit;
  font-size: inherit;
  line-height: inherit;
}


/* =========================================================================== */

/* General styling */

/* Anchor links are not underlined, and are alternate colored */
/* Hovering over them alters color */
a {
  text-decoration: none;
  color: #801227;
  font-weight: bold;
}

a:hover {
  color: #dd4080;
}

/* Images do not have borders or extra spacing */
img {
  margin: 0px;
  padding: 0px;
  border: none;
}

h3 {
  color: #ee001b;
  font-size: 1.15em;
  font-weight: bold;
}
/* =========================================================================== */

/* Page layout */

.uberWrap {
  background-image: url(../img/img_bkg_nick-the-ghost.png);
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  font-size: 0.90em;
}

.leftBricks {
  background-image: url(../img/img_bkg_outerbricks.png);
  background-position: top right;
  background-attachment: scroll;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
}

.rightBricks {
  background-image: url(../img/img_bkg_outerbricks.png);
  background-position: top left;
  background-attachment: scroll;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
}

#pageBlock {
  background-image: url(../img/img_bkg_framebricks.png);
  background-position: top left;
  background-attachment: scroll;
  background-repeat: repeat-y;
  margin: 0px;
  padding: 16px 150px 10px 130px;
}

.menuItem {
  font-size: 0.90em;
  font-variant: small-caps;
  font-weight: bold;
}

#copyrightBlock {
  padding: 0px 6px 20px 6px;
  font-size: 0.70em;
  line-height: 105%;
}

/* =========================================================================== */


.cakeForm input.userWritesIt, .cakeForm select, .cakeForm textarea  {
  width: 500px;
  padding: 4px;
  border: 1px #801227 solid;
  background-color: #ffffff;
  color: #801227;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
}

/* The "post" button can either be JavaScript or a normal form button (if no JavaScript) */
.cakeFormPostButton {
  padding: 2px 6px;
  background-color: #801227;
  border: 2px #000000 solid;
  color: #dd4080;
  font-family: inherit;
  font-size: 0.90em;
  font-weight: bold;
}

.cakeFormPostButton:hover {
  border: 2px #dd4080 solid;
  color: #ffffff;
}

/* =========================================================================== */