/* SANBAR EMERGENCY CLOWN DISPATCH
   Best viewed in Netscape Navigator 4.0
   (c) 1997-2026 all rights reserved do not steal  */

html,body{ overflow-x:hidden; max-width:100%; }
*{ box-sizing:border-box; }

body{
  margin:0; padding:0;
  background-color:#000080;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 10px, transparent 10px 20px),
    repeating-linear-gradient(-45deg, rgba(255,0,0,.06) 0 10px, transparent 10px 20px);
  color:#ff0;
  font-family:"Comic Sans MS","Chalkboard SE","Trebuchet MS",cursive,sans-serif;
  font-size:13px; line-height:1.25;
  text-align:center;
}

.wrap{ width:100%; max-width:1800px; margin:0 auto; padding:4px; }

.cols{ display:grid; grid-template-columns:210px minmax(0,1fr) 230px; gap:6px; align-items:start; }
@media (max-width:1100px){ .cols{ grid-template-columns:190px minmax(0,1fr); } .col-r{ grid-column:1 / -1; } }
@media (max-width:760px){ .cols{ grid-template-columns:1fr; } .col-l,.col-r{ grid-column:auto; } }

.panel{
  background:#c0c0c0; color:#000;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #404040; border-bottom:2px solid #404040;
  margin:0 0 6px; padding:6px;
}
.panel.dark{ background:#000; color:#0f0; border-color:#0f0 #060 #060 #0f0; }
.panel h2{ font-size:14px; margin:0 0 5px; }
.panel h3{ font-size:12px; margin:0 0 4px; }
.panel p{ margin:4px 0; }

h1.rainbow{
  font-size:clamp(20px,4.4vw,44px); line-height:1; margin:2px 0; font-weight:900;
  background:linear-gradient(90deg,#f00,#f80,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:slide 3s linear infinite;
}
@keyframes slide{ to{ background-position:-200% 0; } }

.blink{ animation:blink 1s steps(2,start) infinite; }
@keyframes blink{ to{ visibility:hidden; } }

.glow{ color:#0ff; text-shadow:0 0 5px #0ff,1px 1px 0 #000; }
.hot{ color:#f00; font-weight:bold; }
.lime{ color:#0f0; } .mag{ color:#f0f; } .cyan{ color:#0ff; }

marquee{ background:#000; color:#0f0; border-top:2px ridge #0f0; border-bottom:2px ridge #0f0; padding:2px 0; font-weight:bold; font-size:13px; }
marquee a{ color:#ff0; }

img{ max-width:100%; height:auto; display:block; }

.herorow{ display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:8px; align-items:start; }
@media (max-width:620px){ .herorow{ grid-template-columns:1fr; } }
.hero{ border:5px ridge #fc0; width:100%; }

.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:5px; }
.cell{ background:#fff; border:2px outset #ccc; padding:3px; color:#000; }
.cell img{ width:100%; height:96px; object-fit:cover; border:1px inset #999; }
.cell .cap{ font-size:10px; font-weight:bold; margin-top:2px; line-height:1.1; }
.cell .stat{ font-size:9px; color:#080; }

.gifgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:6px; }
.gifbox{ border:4px ridge #f0f; background:#000; }
.gifbox img{ width:100%; }
.gifbox .lbl{ font-size:10px; color:#0f0; padding:2px; font-weight:bold; }

table.rates{ width:100%; border-collapse:collapse; background:#fff; color:#000; font-size:11px; }
table.rates th{ background:#000080; color:#ff0; padding:3px; border:1px outset #ccc; }
table.rates td{ padding:3px 4px; border:1px solid #999; text-align:left; }
table.rates tr:nth-child(even){ background:#ffc; }
.price{ color:#080; font-weight:bold; white-space:nowrap; }

.bigbtn{
  display:block; width:100%; padding:9px 6px; margin:6px 0;
  background:linear-gradient(#f55,#c00); color:#fff!important;
  font-size:16px; font-weight:900; text-decoration:none;
  border:3px outset #f88; cursor:pointer; font-family:inherit;
}
.bigbtn:active{ border-style:inset; }

hr.flames{ border:0; height:9px; margin:6px 0;
  background:repeating-linear-gradient(90deg,#f00 0 10px,#f80 10px 20px,#ff0 20px 30px); }

.counter{ display:inline-block; background:#000; color:#0f0;
  font-family:"Courier New",monospace; font-size:17px; letter-spacing:3px;
  padding:3px 6px; border:2px inset #0f0; }

.constr{ font-weight:bold; color:#000; background:#fc0; display:block; padding:3px; border:2px dashed #000; font-size:11px; }
.ring{ font-size:10px; background:#000; color:#fff; padding:5px; border:1px solid #fff; }
.ring a{ color:#0ff; }
a{ color:#00e; } .dark a{ color:#0ff; }
.small{ font-size:10px; }
.quote{ font-style:italic; color:#000080; font-size:11px; margin:5px 0; }

.newstar{ display:inline-block; background:#ff0; color:#f00; font-weight:900;
  font-size:9px; padding:1px 4px; transform:rotate(-12deg); border:1px solid #f00;
  animation:pulse .7s ease-in-out infinite alternate; }
@keyframes pulse{ to{ transform:rotate(-12deg) scale(1.2); } }

.nav a{ display:block; background:#000080; color:#ff0!important; text-decoration:none;
  padding:4px; margin:2px 0; border:2px outset #6666cc; font-size:11px; font-weight:bold; }
.nav a:hover{ background:#f00; }
.nav a.here{ background:#f00; border-style:inset; }

#musicbtn{ width:100%; padding:7px 4px; font-family:inherit; font-weight:900; font-size:12px;
  background:linear-gradient(#8f8,#0a0); color:#000; border:3px outset #afa; cursor:pointer; }
#musicbtn.off{ background:linear-gradient(#ccc,#888); border-color:#eee; }
.eq{ display:flex; gap:2px; height:16px; align-items:flex-end; justify-content:center; margin-top:4px; }
.eq i{ width:5px; background:#0f0; height:4px; }
.eq.on i{ animation:eq .6s ease-in-out infinite alternate; }
.eq.on i:nth-child(2){ animation-delay:.15s } .eq.on i:nth-child(3){ animation-delay:.3s }
.eq.on i:nth-child(4){ animation-delay:.45s } .eq.on i:nth-child(5){ animation-delay:.1s }
@keyframes eq{ to{ height:16px; } }

.ad{ background:#fff; border:2px dashed #f00; color:#000; font-size:10px; padding:4px; margin:0 0 6px; }

/* ---- extra flesh for subpages / guestbook / terms / links ---- */
.legal{
  text-align:left; font-size:11px; color:#000;
  font-family:"Times New Roman",Times,Georgia,serif;
  background:#ffffe0; border:3px inset #999; padding:10px 12px;
}
.legal h2{ font-family:"Comic Sans MS","Chalkboard SE",cursive,sans-serif; color:#800; font-size:18px; margin:4px 0 8px; text-align:center; }
.legal h3{ font-family:"Comic Sans MS","Chalkboard SE",cursive,sans-serif; font-size:13px; color:#000080; margin:14px 0 4px; }
.legal p{ margin:6px 0; text-align:justify; }
.legal ol, .legal ul{ text-align:left; margin:4px 0 8px 18px; padding:0; }
.legal li{ margin:3px 0; }
.fine{ font-size:8px; color:#333; text-align:justify; line-height:1.35; font-family:"Times New Roman",Times,serif; }
.stamp{ display:inline-block; border:3px solid #c00; color:#c00; font-weight:900;
  padding:2px 8px; transform:rotate(-8deg); font-size:14px; margin:6px; }

table.gb{ width:100%; border-collapse:collapse; background:#fff; color:#000; font-size:11px; }
table.gb th{ background:#000080; color:#ff0; padding:3px; border:1px outset #ccc; }
table.gb td{ padding:4px 5px; border:1px solid #999; text-align:left; vertical-align:top; }
table.gb tr.spam{ background:#ffd0d0; }
table.gb tr.cust{ background:#d0ffd0; }
table.gb tr.you{ background:#ffffa8; }
table.gb .who{ font-weight:900; color:#000080; }
table.gb .when{ font-size:9px; color:#666; white-space:nowrap; }

.honkform{ background:#eee; border:2px inset #999; padding:8px; text-align:left; color:#000; font-size:12px; }
.honkform label{ display:block; margin:4px 0 2px; font-weight:bold; }
.honkform input[type=text], .honkform textarea{
  width:100%; font-family:"Comic Sans MS","Chalkboard SE",cursive,sans-serif; font-size:12px;
  border:2px inset #ccc; padding:3px;
}
.honkform textarea{ height:54px; resize:vertical; }
.signbtn{
  width:100%; padding:8px; margin-top:8px; font-family:inherit; font-weight:900; font-size:14px;
  background:linear-gradient(#ff8,#fc0); border:3px outset #ffa; cursor:pointer; color:#000;
}
.signbtn:active{ border-style:inset; }

.linkcard{
  background:#fff; border:4px ridge #00e; padding:8px; margin:8px 0; text-align:left; color:#000;
}
.linkcard h3{ margin:0 0 3px; color:#000080; font-size:15px; }
.linkcard a.biglink{ font-size:16px; font-weight:900; }
.linkcard .why{ font-size:11px; margin:4px 0 0; }

.footlinks{ font-size:10px; }
.footlinks a{ color:#0ff; }

.agreebox{ background:#fff8c8; border:2px dashed #c00; padding:6px; color:#000; font-size:12px; margin:8px 0; text-align:left; }