/* Base typography */
body, td, p, ul, li { font-family: arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; }
h1, h3, h4, h5, h6 { color: #fff; }
h2 { color: #fc8; margin: 0; padding: 0; }

/* Body */
body { margin: 0; padding: 20px; background-color: #333; color: #333; font-weight: normal; }
td, p, ul, li { color: #333; font-weight: normal; font-size: 1em; }

/* Links */
a, a:visited { color: #ccc; text-decoration: none; }
a:active     { color: red;   text-decoration: none; }
a:hover      { color: #f80;  text-decoration: none; }
#wrap a, #wrap a:visited { color: #00f; }

/* Layout */
#wrap       { width: 860px; }
#container  { padding: 0 30px; }

/* Headings */
h1.topTitle { margin-left: 160px; }

/* Links section */
#links h2          { padding-bottom: 1em; }
div#links          { margin: 50px 0 0; padding: 0; }
div#links p        { padding-bottom: 3px; margin: 0; }

/* Misc */
div.date  { font-weight: bold; color: #08f; }
div.time  { font-weight: bold; }
div.title { font-weight: bold; color: #088; padding-top: 1em; }

/* Archive */
div#archiveList          { float: left; width: 350px; font-size: 10px; margin: 0; padding: 0; }
div#archiveBody          { margin-left: 360px; }
div#archiveBody .title   { padding-top: 0; }
div#archiveHome          { font-size: 20px; padding: 0 0 1em; }

/* Preformatted */
pre { font-family: monospace, courier; padding: 1em; border: 1px solid #ddd; color: black; background-color: #f9f9f9; }

/* Grid */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 160px);
  grid-template-rows: repeat(3, 140px);
  gap: 4px;
}
.box {
  width: 160px;
  height: 140px;
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border-radius: 8px;
}
.box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.box span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 6px;
  color: #fff;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 14px;
  text-shadow: 0 0 4px #000, 0 0 4px #000, 1px 1px 2px #000;
}