/* hostbox dark theme */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:#111 !important;
  color:#ccc !important;
  font-family:monospace !important;
  font-size:15px;
  line-height:1.7;
  padding:40px 20px;
}
a { color:#8888ff; text-decoration:none; }
a:hover { color:#aaaaff; }
h1, h2, h3, h4 { color:#fff; margin-bottom:8px; }
h1 { font-size:1.6em; }
h2 { font-size:1.3em; }
h3 { font-size:1.1em; }
p, li, blockquote { line-height:1.7; margin-bottom:10px; color:#ccc; }
input, textarea, select {
  background:#222 !important;
  color:#ccc !important;
  border:1px solid #444 !important;
  padding:6px 10px !important;
  font-family:monospace !important;
  font-size:0.95em;
  border-radius:3px;
}
input:focus, textarea:focus { border-color:#666 !important; outline:none; }
button, .btn, input[type=submit] {
  background:#333 !important;
  color:#ccc !important;
  border:1px solid #555 !important;
  padding:6px 14px !important;
  font-family:monospace !important;
  cursor:pointer;
  border-radius:3px;
}
button:hover, .btn:hover, input[type=submit]:hover { background:#444 !important; }
code, pre { background:#1a1a1a; padding:2px 6px; border-radius:3px; font-size:0.9em; }
pre { padding:12px; overflow-x:auto; margin-bottom:12px; }
nav, footer { margin-top:30px; padding-top:15px; }
footer { font-size:0.85em; color:#666; text-align:center; }
hr { border:none; border-top:1px solid #333; margin:20px 0; }
#overlay { display:none !important; }
time, .dt-published { color:#888; font-size:0.85em; }
body footer nav a:link, body footer nav a:visited { color:#8888ff; }
body footer nav a:hover { color:#aaaaff; }
body footer nav a.home { color:#fff; }
body footer nav a.home:hover { color:#8888ff; }
header nav a { color:#8888ff; }
header nav a:hover { color:#aaaaff; }
div#official-writing { background:none; }