@charset "UTF-8";
@import url(fonts/ptserif/stylesheet.css);
@import url(style.css);
/* ikiwiki style.css overrides */
#pageinfo {
  border-top: none; }

.inlinepage {
  border: none; }

.header {
  font-size: 100%;
  font-weight: normal;
  text-align: left; }

.comment {
  border: none; }

/* local styling */
a img {
  border: 0; }

body {
  margin: 40px auto;
  padding: 0 10px;
  max-width: 48em;
  color: #DCD7C9;
  background: #2C3639;
  font-family: 'PT Serif', serif;
  line-height: 1.6;
  font-size: 18px; }

#content {
  overflow-x: auto; }

#bg {
  height: 525px; }

#nav {
  font-size: x-small; }

a {
  text-decoration: none;
  color: #A27B5C;
  font-weight: normal; }

a:link {
  font-weight: bold; }

a:visited {
  text-decoration-color: white; }

a:hover {
  color: #3F4E4F;
  text-decoration: wavy underline; }

h1 {
  font-size: x-large; }

hr {
  border: none;
  border-top: 2px solid #A27B5C;
  clear: both; }

.actions ul {
  padding: 0.5em;
  display: inline; }

.actions ul li {
  margin: 0;
  padding: 0;
  display: inline; }

/* a warning box */
.warning {
  border: 2px dashed #A25B5B;
  padding: 2em;
  color: #A25B5B;
  margin: 2em; }

/* an info box */
.info {
  border: 2px dashed #A27B5C;
  padding: 2em;
  color: #A27B5C;
  margin: 2em; }

/* a class to encapsulate an image */
.image {
  clear: both;
  float: right;
  margin: 1em;
  margin-right: 0;
  text-align: center;
  border-radius: 8px;
  padding: 0.25em;
  border: 1px solid #888; }

.image:hover {
  border: 1px solid #A27B5C; }

.image p {
  margin: 0;
  font-size: smaller;
  text-align: center; }

.image2 {
  float: left;
  margin: 1em;
  text-align: center;
  border-radius: 8px;
  padding: 0.25em;
  border: 1px solid #888; }

.image2:hover {
  border: 1px solid #A27B5C; }

.image2 p {
  margin: 0;
  font-size: smaller;
  text-align: center; }

.floatright {
  float: right;
  clear: both; }

h1, h2 {
  clear: both; }

@font-face {
  font-family: 'latoblack';
  src: url("fonts/lato/lato-black-webfont.woff2") format("woff2"), url("fonts/lato/lato-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'latoblack', 'Lato', helvetica, sans-serif;
  font-weight: 900;
  line-height: 1.2; }

/* Orange feed button. */
.feedbutton {
  background: #ff6600;
  color: #2C3639 !important;
  border-left: 1px solid #cc9966;
  border-top: 1px solid #ccaa99;
  border-right: 1px solid #993300;
  border-bottom: 1px solid #331100;
  padding: 0px 0.5em 0px 0.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: small;
  text-decoration: none;
  margin-top: 1em; }

.feedbutton:hover {
  color: #2C3639 !important;
  background: #ff9900; }

/* hack */
.inlinepage .author {
  display: none; }

.inlinepage {
  border-top: 2px solid #A27B5C; }

/* css3 external links stuff
 * thanks to < http://www.kryogenix.org/days/2002/08/30/external>
 * disabled due to problems in chrome
 * try again */
#content a[href^="http:"]:after,
#content a[href^="https:"]:after {
  content: "🔗"; }

/* exceptions */
#content a[href^="http://fusion.google.com"]:after,
#content a[href^="https://jmtd.net"]:after,
#content .image a:after {
  content: none; }

/* firehose */
.feedsource {
  float: right; }

/* prevent long titles from being split across lines, e.g.:

    foo -> bar -> really             foo -> bar ->
    long                             really long
*/
.title {
  white-space: nowrap; }

/* comments */
.comment-header {
  font-style: italic;
  font-size: small;
  text-align: right;
  padding-left: 1em; }

.comment-header:before {
  content: "—"; }

/* workaround: cannot be disabled at the moment */
#comments #feedlink {
  display: none; }

/* {{{ begin copied frmo ikiwiki/local */
/* openid selector */
#openid_choice {
  display: none; }

#openid_input_area {
  clear: both;
  padding: 10px; }

#openid_btns, #openid_btns br {
  clear: both; }

#openid_highlight {
  background-color: black;
  float: left; }

.openid_large_btn {
  padding: 1em 1.5em;
  border: 1px solid #DDD;
  margin: 3px;
  float: left; }

.openid_small_btn {
  padding: 4px 4px;
  border: 1px solid #DDD;
  margin: 3px;
  float: left; }

a.openid_large_btn:focus {
  outline: none; }

a.openid_large_btn:focus {
  -moz-outline-style: none; }

.openid_selected {
  border: 4px solid #DDD; }

/* end copied from ikiwiki }}} */
.pageheader {
  padding-bottom: 1em;
  border-bottom: 2px solid #A27B5C; }

.tags, #backlinks {
  font-size: small; }

.tags ul li:after, #backlinks ul li:after {
  content: ","; }

.tags ul li:last-child:after, #backlinks ul li:last-child:after {
  content: ". "; }

#comments {
  margin-bottom: 1em; }

.tags ul, #backlinks ul {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0; }

.tags ul li, #backlinks ul li {
  display: inline; }

.metadata {
  border-top: 2px solid #A27B5C;
  padding-top: 1em; }

.metadata ul {
  text-align: center;
  color: #A27B5C;
  display: inline;
  font-style: italic;
  list-style-type: none; }

#backlinks {
  display: none; }

/* this is the comment post form */
.editcomment #subject,
.editcomment label[for="subject"] {
  display: none; }

.comment-subject {
  display: none; }

#comments {
  margin-left: 1em;
  margin-right: 1em; }

.comment {
  border-bottom: 1px solid #A27B5C;
  margin-bottom: 1em; }

.illustration {
  clear: both;
  float: right;
  margin: 1em;
  margin-right: 0;
  text-align: center;
  padding: 0.25em; }

.illustration p {
  margin: 0;
  font-size: smaller;
  text-align: center; }

#content {
  text-align: justify; }

#content ul {
  text-align: left; }

/* table plugin: full-width table */
.fullwidth_table {
  width: 100%;
  border-collapse: collapse; }

.fullwidth_table th {
  border-bottom: 3px double black; }

.fullwidth_table tr:hover td {
  background: #ffc; }

/* table plugin: shaded table */
.shaded_table {
  border-collapse: collapse; }

.shaded_table thead {
  font-weight: bold;
  text-align: center;
  text-decoration: underline; }

.shaded_table td {
  border: 1px solid #ccc; }

.lede {
  font-size: larger; }

.wide, .wide img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-top: 2px solid #A27B5C;
  border-bottom: 2px solid #A27B5C; }

/* right-aligned image, no border */
.rightimg {
  clear: both;
  float: right;
  margin: 1em;
  margin-right: 0;
  border: 0; }

/* styling for the doom page items */
.doomheader {
  display: block;
  margin-bottom: 1em;
  height: 180px;
  background: 0% 50% no-repeat;
  background-size: 100%;
  position: relative; }

.doomheader h3, .doomheader p {
  background: #A27B5C;
  color: #2C3639;
  display: inline;
  padding: 0.25em; }

.doomheader .imglink a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -100%;
  font-size: 0pt; }

.doomnoir {
  background-image: url(/doom/small_doomnoir.jpg); }

.wadc {
  background-image: url(/doom/small_wadc.png); }

.unreal8 {
  background-image: url(/doom/small_unreal8.jpg); }

.tensectors {
  background-image: url(/doom/small_10sectors.jpg); }

.chocolate {
  background-image: url(/doom/small_chocolate.png); }

.freedoom {
  background-image: url(/doom/small_freedoom.jpg); }

.jbreak {
  background-image: url(/doom/small_jbreak.jpg); }

.gib {
  background-image: url(/doom/small_gib.jpg); }

.smallfun {
  background-image: url(/doom/small_smallfun.jpg); }

.colormap {
  background-image: url(/doom/colormap/DOOM02.png); }

.birds {
  background-image: url(/doom/small_birds.jpg); }

.hwadtools {
  background-image: url(/doom/hwadtools.png); }

.liquorice {
  background-image: url(/doom/liquorice.png); }

.brexit {
  background-image: url(/doom/brexit.jpg); }

.neostoic {
  background-image: url(/doom/neostoic.jpg); }

.gebdoom {
  background: black;
  color: #2C3639; }

.inkfoundry {
  background: #300076;
  /* nice purple */
  color: white; }

/* a centered image box */
.image_centre {
  clear: both;
  margin: 1em;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  padding: 0.25em;
  border: 1px solid #888;
  text-align: center; }

.image_centre:hover {
  border: 1px solid #A27B5C; }

.image_centre p {
  margin: 0;
  font-size: smaller; }

.centre {
  width: 100%;
  clear: both;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.sidebar {
  position: absolute;
  top: 0px;
  left: 0px; }

.footnote {
  vertical-align: super;
  font-size: .83em; }

.bandcampframe {
  border: 0;
  width: 100%;
  height: 42px; }

.htmx-indicator {
  opacity: 0; }

.htmx-request .htmx-indicator {
  opacity: 1;
  transition: opacity 200ms ease-in; }

.htmx-request.htmx-indicator {
  opacity: 1;
  transition: opacity 200ms ease-in; }

.fade {
  animation: fadeIn 2s;
  background: black; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

pre {
  background: black;
  padding-left: 0.5em; }