@charset "UTF-8";

body {
  background: #099 url(../i/win31_rivets.png);
  background-attachment: fixed;
  background-position: 50% 0%;
  color: #333;
  font-family: Verdana, sans-serif;
}

.page {
  /* background: #ccc url(../i/win31_chitz.png); */
  /* border-left: 1px solid #000; */
  /* border-right: 1px solid #000; */
  margin: 0 auto;
  max-width: 640px;
  /* padding: 32px; */
  padding: 16px;
}

.page-header {
  background: #fff;
  border: 1px solid #000;
  margin: 0 0 1rem;
  padding: 1rem;
  text-align: center;
}
.page-header h1 {
  font-size: 1.2rem;
  margin: 0;
}

.page-footer {
  padding: 0.5rem 1rem;
  text-align: center;
}
.page-footer .tilde-ring {
  background: #fff;
  border: 1px solid #000;
  display: table;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
}
.page-footer .buttons img {
  display: inline-block;
}

article {
  background: #fff;
  border: 1px solid #000;
  box-shadow: 0 0 0 4px #ddd, 0 0 0 5px #000,
    1px 1px 0 5px #000, 2px 2px 0 5px #000;
  display: block;
  font-family: Georgia, serif;
  margin: 0 7px 1.5rem 5px;
  overflow: hidden;
  padding: 0 1rem;
}
article > h1:first-child {
  background: #0000a8;
  border-bottom: 1px solid #000;
  color: #fff;
  font: 700 0.875em/1.8 Verdana, sans-serif;
  margin: 0 -1rem 0.5rem;
  text-align: center;
}
article > h1:first-child a {
  color: inherit;
  display: block;
  text-decoration: none;
}
article > h1:first-child a:hover {
  text-decoration: underline;
}

img {
  margin: 0 auto;
}

a:link {
  color: #0000a8;
}
a:visited {
  color: #934c93;
}

.framed {
  background: #ccc;
  border: 1px solid #888;
  border-bottom-color: #fff;
  border-right-color: #fff;
  box-shadow: 0 0 0 1px #000;
  padding: 10px;
}