/*
 * Reconstructed CSS — the original bigfoottv.css was not preserved by the
 * Internet Archive. This file is a minimal best-effort approximation based
 * on the IDs and classes referenced in the August 2008 HTML, intended only
 * to make the page legible. It is not an authentic recreation of the 2008
 * visual design.
 */

body {
  margin: 0;
  background: #f5f5f0;
  color: #222;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

a { color: #b88040; text-decoration: none; }
a:hover { text-decoration: underline; }

#headerwrap, #mainwrap, #footerwrap { width: 100%; }

#header, #main, #footer {
  width: 880px;
  margin: 0 auto;
  padding: 12px 16px;
}

#header { display: flex; align-items: center; gap: 24px; }
#header #logo img { display: block; max-height: 144px; width: auto; }
#nav { margin-left: auto; font-size: 13px; }
#nav a { padding: 0 6px; }

#main { background: #fff; min-height: 400px; padding: 20px 24px; }
#wrap-main { display: flex; flex-direction: column; gap: 18px; }
#content .maintxt { font-size: 13px; }

#currentvid { text-align: center; }
#currentvid object, #currentvid embed { max-width: 100%; }

#vidthumbs { border-top: 1px solid #ddd; padding-top: 14px; }
.divtab {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 10px;
}
#curEpisode h4 {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #b88040;
}
#btnArchive a { font-size: 12px; }

#thumbs { display: flex; flex-wrap: wrap; gap: 14px; }
.thumbvid {
  width: 168px;
  font-size: 11px;
}
.thumbvid img {
  display: block;
  border: 1px solid #ccc;
  margin-bottom: 4px;
}
.thumbvid .astyle1 { font-weight: bold; }
.thumbvid span { color: #888; font-size: 10px; }
.spacer { width: 100%; }

#footer {
  text-align: center;
  font-size: 11px;
  color: #666;
  padding: 18px 16px;
}

/* Profiles & photos pages */
#profilewrap, #photoswrap { display: flex; gap: 20px; flex-wrap: wrap; }
.profile, .photoitem {
  width: 200px;
  text-align: center;
}
.profile img, .photoitem img {
  display: block;
  margin: 0 auto 6px;
  border: 1px solid #ccc;
}
