body 
{
  font-family: "Arial", "Helvetica", sans-serif;
  color: white;
  background-color: #3366cc;
  padding: 8px 8px 32px 8px;
  margin:0;
  font-size:90%;
}
h1
{
  line-height:100%;
  margin:0;
  padding:0;
}
h2
{
  font-size:100%;
}
a 
{
 color:white;
 font-weight: bold;
}
a:hover, 
a:active 
{
  color:#3366cc;
  background-color: white;
}
del, s
{
  opacity: 0.75;
  font-size:85%;
}

textarea 
{
  width:95%;
}
textarea, input, button 
{
 color:white;
 background-color: #3366CC;
 border: 2px solid white;
 padding: 4px;
 font-size:110%;
}

button
{
  font-weight:bold;
}
.here
{text-decoration:none;}
.nu
{
 color: #214183;
  background-color: #EBF0FA;
  font-size:105%;
  font-family: monospace;
}
.nu a 
{
color:#3366cc;
}
.nu a:hover, 
.nu a:active 
{
color:white;
  background-color: #3366cc;
}
main 
{
  max-width:590px;
  margin: 0 auto; 
  border: 2px solid white;
}
header 
{
  text-align: center; 
  padding:8px 16px;
  border-bottom:2px solid white;
}
header img
{
  width:100%;
  max-width:526px;
}
footer
{
  text-align: center; 
  padding:8px 4px;
  border-top:2px solid white;
  font-size:small;
}
footer.nu {
  margin-top:16px;
}
footer p
{
  margin: 4px;
  padding:0;
}
section
{
  padding: 8px 16px;
}
section.webring
{
  padding-top:32px;
}
nav
{
  text-align:center;
  font-size:90%;
  padding: 0 8px;
}

.counter 
{
  text-align:center;
}
blockquote
{
  margin: 0;
  padding: 8px 0 8px 0;
}
img {image-rendering: pixelated;}
@media (min-width: 600px)
{
  body 
  {
    padding:32px 32px 64px 32px;
  }
  header,
  section
  {
    padding: 16px 32px;
  } 
}