/* index page */
body {
  background: #000080 url('../gifs/dancing_baby.gif') no-repeat right bottom;
  background-color: #000080;
  color: #00ff00;
  font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", cursive, sans-serif;
  margin: 0;
  padding: 0;
}
.rainbow-lines {
  background: repeating-linear-gradient(45deg, #ff0000 0px, #ff7f00 14px, #ffff00 28px, #00ff00 42px, #0000ff 56px, #8b00ff 70px);
  height: 30px;
  width: 100%;
}
.container { max-width: 820px; margin: 0 auto; padding: 10px; }
h1 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Anton", sans-serif;
  font-size: 3.5em;
  text-align: center;
  color: #ffff00;
  text-shadow: 4px 4px 0 #ff0000, 8px 8px 0 #000080;
  letter-spacing: 2px;
  margin: 20px 20px 5px;
  transform: skew(-5deg);
}
.subtitle {
  text-align: center;
  font-weight: bold;
  color: #00ffff;
  font-size: 1.4em;
  margin: 0 0 20px;
}
marquee {
  background: #000000;
  color: #ffff00;
  border: 4px ridge #ff00ff;
  font-weight: bold;
  font-size: 1.3em;
  padding: 6px;
}
table.details {
  margin: 25px auto;
  background: #000000;
  border: 6px ridge #00ffff;
  color: #ffff00;
  font-size: 1.3em;
  font-weight: bold;
}
table.details td { padding: 10px 25px; }
td.label { color: #00ffff; text-align: right; }
.photos { text-align: center; margin: 30px 0; }
.polaroid {
  display: inline-block;
  background: #ffffff;
  border: 2px solid #000000;
  padding: 10px 10px 25px;
  margin: 12px;
  box-shadow: 8px 8px 15px rgba(0,0,0,0.7);
  transform: rotate(-3deg);
}
.polaroid.alt { transform: rotate(3deg); }
.polaroid img {
  border: 3px ridge #800080;
  max-width: 260px;
  height: auto;
  display: block;
}
.polaroid .caption { color: #000080; font-weight: bold; font-size: 1em; }
.new-gif { text-align: center; margin: 15px; }
.blink { animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.counter {
  text-align: center;
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 1.5em;
  color: #00ff00;
  background: #000000;
  border: 4px ridge #00ff00;
  width: 300px;
  margin: 25px auto;
  padding: 10px;
}
.nav {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin: 25px 0;
}
.nav a { color: #ffff00; margin: 0 15px; }
a:visited { color: #ff00ff; }
.footer {
  text-align: center;
  font-family: "Times New Roman", serif;
  font-size: 0.9em;
  margin: 30px 0;
  color: #00ffff;
}
.construction {
  text-align: center;
  color: #ffff00;
  font-weight: bold;
  margin: 15px;
  font-size: 1.1em;
}

/* block-center imgs previously used style="" attributes */
.block-center { display: block; margin: 10px auto; }
.block-center-wide { display: block; width: 100%; margin: 8px auto; }
.block-center-12 { display: block; margin: 12px auto; }
.block-center-5 { display: block; margin: 5px auto; }
.h2-now {
  text-align: center;
  color: #ff00ff;
  text-shadow: 2px 2px 0 #00ff00;
}
.blink-text {
  color: #ff0000;
  font-size: 1.5em;
  font-weight: bold;
}