/* The Monkey Zone — authentic 1997 stylesheet (do not touch, it works) */

body {
  background-color: #1a0033;
  background-image:
    repeating-linear-gradient(45deg, #2a004d 0 12px, #1a0033 12px 24px);
  color: #00ff00;
  font-family: "Comic Sans MS", "Times New Roman", cursive, serif;
  text-align: center;
  margin: 0;
  padding: 0;
}

#construction {
  background: #000000;
  color: #ffcc00;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 3px ridge #ffcc00;
  padding: 4px 0;
}

#frame { margin: 24px auto; box-shadow: 0 0 0 2px #00ffff; }

#title {
  font-size: 40px;
  color: #ff00ff;
  text-shadow: 3px 3px 0 #00ffff, 6px 6px 0 #000000;
  margin: 0 0 6px;
  letter-spacing: 2px;
}

#tagline { font-size: 18px; color: #ffffff; margin-top: 0; }

#themonkey {
  border-style: ridge;
  border-color: #ffcc00;
  image-rendering: pixelated;
  max-width: 90%;
  box-shadow: 0 0 24px #ff00ff;
}

#caption { color: #ffffff; font-size: 16px; }

.section {
  color: #ffff00;
  text-shadow: 2px 2px 0 #ff0000;
  font-size: 24px;
}

#facts {
  display: inline-block;
  text-align: left;
  color: #00ffcc;
  font-size: 16px;
  max-width: 520px;
  line-height: 1.6;
}
#facts b { color: #ffff00; }
#facts i { color: #ff99ff; }

.navbtn {
  display: inline-block;
  background: linear-gradient(#cccccc, #888888);
  color: #000080 !important;
  border: 2px outset #ffffff;
  padding: 4px 10px;
  font-weight: bold;
  text-decoration: none;
  font-family: "MS Sans Serif", Tahoma, sans-serif;
  font-size: 13px;
}
.navbtn:active { border-style: inset; }

#counter {
  display: inline-block;
  background: #000000;
  color: #00ff00;
  font-family: "Courier New", monospace;
  font-size: 28px;
  letter-spacing: 6px;
  border: 3px inset #444444;
  padding: 6px 14px;
}

a { color: #00ffff; }
a:visited { color: #ff00ff; }
.ring { color: #ffff00; font-weight: bold; }

#webring { color: #ffffff; font-size: 16px; }

#footer { color: #aaaaaa; font-size: 14px; margin-top: 18px; }
#badge { vertical-align: middle; image-rendering: pixelated; transform: scale(2); margin-left: 8px; }

hr { border: 0; height: 3px; background: linear-gradient(90deg, transparent, #00ffff, #ff00ff, #00ffff, transparent); }

blink { animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }

/* ---- Guestbook + newsletter forms ---- */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

input[type="text"], input[type="email"], textarea {
  background: #000022;
  color: #00ff66;
  border: 2px inset #6666aa;
  font-family: "Courier New", monospace;
  font-size: 15px;
  padding: 3px 5px;
}
input:focus, textarea:focus { outline: 2px solid #ff00ff; background: #001133; }

#gb-status, #sub-status { font-weight: bold; min-height: 1.2em; }

#gb-entries { max-width: 560px; margin: 0 auto; text-align: left; }
.gb-entry {
  background: rgba(0, 0, 40, 0.6);
  border: 2px ridge #4444aa;
  border-radius: 0;
  padding: 8px 12px;
  margin: 8px 0;
}
.gb-entry .gb-name { color: #ffff00; font-weight: bold; }
.gb-entry .gb-when { color: #8888cc; font-size: 12px; float: right; }
.gb-entry .gb-msg  { color: #ccffcc; display: block; margin-top: 4px; word-wrap: break-word; }

#subform input[type="email"] { font-size: 16px; }