/* ============================================================
   BlueSky - a year-2000 personal-homepage theme for Hugo
   hand-coded look: table layout, outset borders, hit counter,
   marquee, under-construction bars, 88x31 badges.
   ============================================================ */

html {
  scrollbar-face-color: #c8dcf4;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #a8c8ec;
  scrollbar-shadow-color: #5c82bf;
  scrollbar-darkshadow-color: #2b4a79;
  scrollbar-track-color: #dfeafe;
  scrollbar-arrow-color: #2b4a79;
}

body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #6f9fd8;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,0.85), rgba(255,255,255,0) 22%),
    radial-gradient(circle at 78% 12%, rgba(255,255,255,0.75), rgba(255,255,255,0) 20%),
    radial-gradient(circle at 60% 46%, rgba(255,255,255,0.55), rgba(255,255,255,0) 26%),
    radial-gradient(circle at 28% 72%, rgba(255,255,255,0.65), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 88% 82%, rgba(255,255,255,0.6), rgba(255,255,255,0) 22%),
    linear-gradient(#8fb8e6, #b9d6f4);
  background-attachment: fixed;
}

td { font-size: 12px; line-height: 17px; }

a:link    { color: #0000cc; }
a:visited { color: #660099; }
a:hover   { color: #cc0000; background-color: #ffff99; }
a:active  { color: #ff0000; }

/* outer beveled frame */
.frame {
  border: 3px outset #dfeafe;
  background-color: #eef4ff;
}

/* little raised "windows" */
.win {
  border: 2px outset #e8f0fc;
  background-color: #ffffff;
}

.titlebar {
  background-color: #2b4a79;
  background-image: linear-gradient(#3a63a0, #24406c);
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
  border-bottom: 1px solid #17304f;
}
.titlebar a:link,
.titlebar a:visited { color: #ffffff; }

.small { font-size: 10px; color: #555555; line-height: 14px; }
.tiny  { font-size: 10px; color: #777777; }

.post-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #b8004a;
  font-weight: bold;
}
a.post-title:link,
a.post-title:visited { color: #b8004a; text-decoration: none; }
a.post-title:hover   { color: #cc0000; background-color: #ffff99; }

.entry p { margin: 8px 0; }
.entry img { max-width: 100%; border: 1px solid #9db8e0; }
.entry h2 { font-family: Georgia, serif; color: #2b4a79; font-size: 15px; }
.entry h3 { font-family: Georgia, serif; color: #2b4a79; font-size: 13px; }
.entry pre {
  background: #f4f4f4; border: 1px inset #ccc; padding: 8px;
  font-family: "Courier New", monospace; font-size: 12px; overflow: auto;
}
.entry code { font-family: "Courier New", monospace; }
.entry blockquote {
  margin: 8px 0; padding: 4px 10px;
  border-left: 3px solid #9db8e0; background: #f2f7ff; color: #445;
}

.note {
  border: 1px dashed #c9a227;
  background-color: #fffbdc;
  padding: 6px;
  color: #555500;
  font-style: italic;
  margin: 10px 0;
}

/* poor man's <blink> - only Netscape had the real one ;) */
.blink { animation: blinker 1.1s steps(1, end) infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.newtag {
  color: #ff0000; font-weight: bold; font-size: 10px;
  font-family: Arial, sans-serif;
}

/* under construction stripes */
.construction {
  background-color: #ffd000;
  background-image: repeating-linear-gradient(
    45deg, #ffd000 0, #ffd000 12px, #000000 12px, #000000 24px);
  border-top: 2px solid #b38f00;
  border-bottom: 2px solid #b38f00;
  height: 22px;
}
.construction span {
  background: #ffd000;
  color: #7a3b00;
  font-weight: bold;
  font-size: 11px;
  padding: 2px 8px;
  border: 1px solid #000;
}

/* the classic 88x31 web button */
.btn88 {
  display: inline-block;
  width: 88px; height: 31px;
  margin: 2px 1px;
  border: 1px solid #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 10px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.btn88 b { font-size: 11px; }
.b-ns  { background:#000080; color:#ffffff; }
.b-ie  { background:#e8e8e8; color:#0033aa; border-color:#7a7a7a; }
.b-np  { background:#ffffff; color:#333333; }
.b-800 { background:#000000; color:#00ff66; font-family:"Courier New",monospace; }
.b-y2k { background:#008000; color:#ffffff; }
.b-htm { background:#cc0000; color:#ffffff; }

/* hit counter odometer */
.odo { background:#000000; padding:2px; display:inline-block; border:1px inset #444; }
.odo span {
  display:inline-block; width:12px;
  font-family:"Courier New", monospace; font-weight:bold; font-size:14px;
  color:#00ff33; text-align:center; background:#001a00;
  border-right:1px solid #003300;
}

.menu a { text-decoration: none; }
.menu a:hover { text-decoration: underline; }

.btn {
  border: 2px outset #dfe;
  background-color: #d4e2f5;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  padding: 1px 4px;
}

/* archive / taxonomy lists */
.linklist { list-style: none; margin: 0; padding: 0; }
.linklist li { padding: 2px 0; }
.pager { text-align: center; padding: 8px; }
.pager a { text-decoration: none; }