/* ============================================================= */
/*  BLACKROSOFT.COM  -  Official Stylesheet  -  (c) 2002          */
/*  Best viewed in Netscape Navigator 4.0 at 800x600             */
/*  WARNING: Cascading Style Sheets are a brand new technology!   */
/* ============================================================= */

body {
  background-color: #000033;
  background-image: url("assets/starfield.gif");
  color: #00ff66;
  font-family: "Comic Sans MS", "Times New Roman", cursive, serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: crosshair;
}

a {
  color: #ffff00;
  font-weight: bold;
}

a:visited {
  color: #ff66ff;
}

a:hover {
  color: #00ffff;
  background-color: #ff0099;
}

h1 {
  font-family: "Impact", "Comic Sans MS", sans-serif;
  font-size: 44px;
  color: #ff0099;
  text-shadow: 3px 3px 0 #00ffff, 6px 6px 0 #000000;
  letter-spacing: 2px;
  margin: 8px 0;
}

h2 {
  color: #ffff00;
  font-size: 26px;
  text-decoration: underline overline;
}

h3 {
  color: #00ffff;
  font-size: 20px;
}

/* The sacred centered fixed-width layout table */
.page {
  width: 760px;
  margin: 0 auto;
  background-color: #1a1a4d;
  border: 6px ridge #c0c0c0;
  padding: 10px;
  text-align: center;
}

/* Old-school beveled menu bar */
.navbar {
  background-color: #000000;
  border: 3px outset #808080;
  padding: 6px;
  margin: 8px 0;
}

.navbar a {
  display: inline-block;
  padding: 4px 10px;
  margin: 2px;
  background-color: #3333aa;
  border: 2px outset #6666ff;
  color: #ffffff;
  text-decoration: none;
}

.navbar a:hover {
  background-color: #ff0099;
  border: 2px inset #6666ff;
}

/* Product grid built out of tables, naturally */
.products {
  width: 100%;
  border-collapse: collapse;
}

.products td {
  border: 2px groove #00ffff;
  padding: 10px;
  vertical-align: top;
  width: 50%;
  background-color: #000044;
}

.product-name {
  font-size: 20px;
  color: #ffff00;
  font-weight: bold;
}

.tagline {
  color: #ff66ff;
  font-style: italic;
}

.price {
  font-size: 22px;
  color: #00ff00;
  font-weight: bold;
  background-color: #003300;
  border: 1px dashed #00ff00;
  padding: 2px 6px;
}

.buy-btn {
  font-family: "Comic Sans MS", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  background-color: #ffcc00;
  border: 3px outset #ffff66;
  padding: 4px 12px;
  cursor: pointer;
  text-decoration: none;
}

.buy-btn:hover {
  background-color: #ff6600;
  border: 3px inset #ffff66;
}

/* The all-important disclaimer / fine print */
.fineprint {
  font-size: 11px;
  color: #8888ff;
  font-family: "Times New Roman", serif;
}

.footer {
  margin-top: 14px;
  border-top: 2px dashed #00ffff;
  padding-top: 8px;
  font-size: 12px;
  color: #aaaaff;
}

hr.rainbow {
  border: 0;
  height: 10px;
  background-image: url("assets/rainbow_bar.gif");
  background-repeat: repeat-x;
  margin: 12px auto;
  width: 468px;
}

.counter-box {
  display: inline-block;
  border: 2px inset #555;
  padding: 4px;
  background: #000;
  color: #00ff66;
  font-size: 12px;
}

table.formtable {
  margin: 0 auto;
  text-align: left;
  color: #ffffff;
}

table.formtable td {
  padding: 4px 8px;
}

input,
select,
textarea {
  font-family: "Courier New", monospace;
  border: 2px inset #888;
  background: #000022;
  color: #00ff66;
}

.award {
  border: 3px ridge gold;
  display: inline-block;
  padding: 6px;
  margin: 4px;
  background: #220022;
  color: gold;
  font-size: 12px;
}

.webring {
  font-size: 12px;
  color: #cccccc;
  border: 2px dotted #ffff00;
  padding: 6px;
  margin-top: 10px;
}