/*                                      Here it is folks!
                The 2018 responsive CSS code for my blog.
          All coded from scratch (other than the imported
                             bones and google font code).
                                                 -Aractus
 */

/*
Theme Name: Aractus 2018
Description: Brand new purpose-built theme for my blog at https://blog.aractus.com/
Version: 1.0
Author: Aractus
Author URI: https://blog.aractus.com/
Theme URI: https://blog.aractus.com/new-theme/
Tags: dark, brown, html5, responsive, pirate, full page width
Copyright: 2018-2025, Aractus
*/

/* normalize stuff (most of this code is from html5bones.com) */
*{text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:'liga' 1,'kern' 1;box-sizing:border-box;color:silver}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;scrollbar-color:#7d7366 #29241e}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img,video,iframe{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}p{text-align:justify}a:link,a:visited,label,input[type=submit],input[type=checkbox],.mediawrapper div{cursor:url(/i/hand.cur),pointer;cursor:url(/i/hand.png) 4 1,pointer}a:active,label:active,input[type=submit]:active,input[type=checkbox]:active,.mediawrapper div:active{cursor:url(/i/hand2.cur),pointer;cursor:url(/i/hand2.png) 4 1,pointer}::selection{color:white;background:highlight}a em{color:unset}.pingback p{display:none}.pingback .reply{visibility:hidden}body{background:#fff;margin:0;font-size:1em;line-height:1.15}@media(min-width:2280px){body{font-size:1.25em}}@media(min-width:2640px){body{font-size:1.5em}}@media(min-width:3000px){body{font-size:1.75em}}@media(min-width:3360px){body{font-size:2em}}@media(min-width:4560px){body{font-size:2.25em}}@media(min-width:5280px){body{font-size:2.5em}}@media(min-width:6000px){body{font-size:2.75em}}@media(min-width:6720px){body{font-size:4em}}

/* pre-load some stuff */
#cursors{position:absolute;left:-9999px}

/* box-shadow:0 0 4px #2a3266; */

/* Fonts */

/* www.onlinewebfonts.com */
@font-face {
  font-family: "Helvetica Neue Bold Italic";
  src:local('Helvetica Neue Bold Italic'),local('HelveticaNeueBoldItalic'),url(/f/helvetica.neue.bold.italic.woff2) format('woff2'),url(/f/helvetica.neue.bold.italic.woff) format('woff');
}.medicare{color:#fdc92b;text-transform:lowercase;background:#005b2a;font-family:"Helvetica Neue Bold Italic";padding:.0em .4em .05em .4em;clip-path:polygon(6% 0%,100% 0%,94% 100%,0 100%);border-radius:.6em 0}
/* steffmann.1001fonts.com / www.steffmann.de */
@font-face{
  font-family:'Fette deutsche Schrift';
  font-style:normal;
  font-weight:normal;
  src:local('Fette deutsche Schrift'),local('FettedeutscheSchrift'),url(/f/fettedeutscheschrift.reg.woff2) format('woff2'),url(/f/fettedeutscheschrift.reg.woff) format('woff');
}
/* www.1001fonts.com/users/steffmann/ */
@font-face {
    font-family:'Wieynk Fraktur Initialen';
    font-style:normal;
    font-weight:normal;
    src:local('Wieynk Fraktur Initialen'),url(/f/wieynk-fraktur.initialen.woff2) format('woff2');
}
/* fonts.google.com/specimen/Cardo */
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:400;
  src:local('Cardo'),local('Cardo-Regular'),url(/f/cardo.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:400;
  src:local('Cardo'),local('Cardo-Regular'),url(/f/cardo.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cardo';
  font-style:italic;
  font-weight:400;
  src:local('Cardo Italic'),local('Cardo-Italic'),url(/f/cardo.italic.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cardo';
  font-style:italic;
  font-weight:400;
  src:local('Cardo Italic'),local('Cardo-Italic'),url(/f/cardo.italic.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:700;
  src:local('Cardo Bold'),local('Cardo-Bold'),url(/f/cardo.bold.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:700;
  src:local('Cardo Bold'),local('Cardo-Bold'),url() format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:400;
  src:local('Cardo'),local('Cardo-Regular'),url(/f/cardo.greek.woff2) format('woff2');
  unicode-range:U+0370-03FF;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:400;
  src:local('Cardo'),local('Cardo-Regular'),url(/f/cardo.greek.ext.woff2) format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Cardo';
  font-style:italic;
  font-weight:400;
  src:local('Cardo Italic'),local('Cardo-Italic'),url(/f/cardo.greek.italic.woff2) format('woff2');
  unicode-range:U+0370-03FF;
}
@font-face{
  font-family:'Cardo';
  font-style:italic;
  font-weight:400;
  src:local('Cardo Italic'),local('Cardo-Italic'),url(/f/cardo.greek.italic.ext.woff2) format('woff2');
  unicode-range:U+1F00-1FFF;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:700;
  src:local('Cardo Bold'),local('Cardo-Bold'),url(/f/cardo.greek.bold.woff2) format('woff2');
  unicode-range:U+0370-03FF;
}
@font-face{
  font-family:'Cardo';
  font-style:normal;
  font-weight:700;
  src:local('Cardo Bold'),local('Cardo-Bold'),url(/f/cardo.greek.bold.ext.woff2) format('woff2');
  unicode-range:U+1F00-1FFF;
}
/* fonts.google.com/specimen/Neuton */
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:200;
  src:local('Neuton ExtraLight'),local('Neuton-ExtraLight'),url(/f/neuton.extralight.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:200;
  src:local('Neuton ExtraLight'),local('Neuton-ExtraLight'),url(/f/neuton.extralight.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:300;
  src:local('Neuton Light'),local('Neuton-Light'),url(/f/neuton.light.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:300;
  src:local('Neuton Light'),local('Neuton-Light'),url(/f/neuton.light.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:400;
  src:local('Neuton Regular'),local('Neuton-Regular'),url(/f/neuton.regular.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:400;
  src:local('Neuton Regular'),local('Neuton-Regular'),url(/f/neuton.regular.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Neuton';
  font-style:italic;
  font-weight:400;
  src:local('Neuton Italic'),local('Neuton-Italic'),url(/f/neuton.italic.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:italic;
  font-weight:400;
  src:local('Neuton Italic'),local('Neuton-Italic'),url(/f/neuton.italic.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:700;
  src:local('Neuton Bold'),local('Neuton-Bold'),url(/f/neuton.bold.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:700;
  src:local('Neuton Bold'),local('Neuton-Bold'),url(/f/neuton.bold.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:800;
  src:local('Neuton ExtraBold'),local('Neuton-ExtraBold'),url(/f/neuton.extrabold.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Neuton';
  font-style:normal;
  font-weight:800;
  src:local('Neuton ExtraBold'),local('Neuton-ExtraBold'),url(/f/neuton.extrabold.ext.woff2) format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Sharp Sans is NOT FREE. I have subset strictly only the letters required to render the official Firefox
   mark. Usage comes under Mozilla's ownership of the Firefox mark, the letter subset is used strictly
   only to display the mark.   sharptype.co/typefaces/sharp-sans/  ·   mozilla.design/firefox/typography/   */
@font-face{
  font-family:'Sharp Sans';
  font-style:normal;
  font-weight:700;
  src:local('Sharp Sans'),url(/f/sharpsans.bold.ffonly.woff2) format('woff2');
}
body{font-family:Neuton, Georgia, serif}
a{color:#cdd476;text-decoration:none}
aside a{color:#d5da9a}
a:hover,a:focus,main a:hover h1,main a:focus h1,a:hover p,a:focus p{color:#cf5e2b}
h1,h2,h3,h4,h5{font:normal 1em Fette deutsche Schrift,Impact;color:#853f1f}
blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5{font:italic 1em Neuton,Georgia,serif;color:silver}
body>header{
  position:relative;
  min-height:142px;
  padding:48px 0 0 15vw;
  background:rgb(34,4,0) url(/i/4boards.png);
}
body>header h1{
  display:inline-block;
  position:absolute;
  white-space:nowrap;
  margin:0;
  font-size:54px;
  letter-spacing:-1px;
  line-height:1;
  background-color:rgba(0,0,0,.6);
  color:transparent;
  text-shadow:2px 2px 3px rgba(80,30,7,0.6);
  -webkit-background-clip:text;
     -moz-background-clip:text;
          background-clip:text;
  z-index:12;
}
body>header h1:before{
  content:"";
  position:absolute;
  display:block;
  width:95px;
  height:95px;
  top:-24px;
  left:-110px;
  background:url(/i/skelpic.png);
}
body>header h1 small{
  font-size:36px;
  color:transparent;
  font-weight:700;
}
body>header>div{
  position:relative;
  text-align:right;
  padding:0 15vw 0 0;
  z-index:10;
}
.top_search{padding:6px 0 2px 0}
.top_search form,.side_search form{position:relative}
.top_search form{height:39px}
.top_search form input[type="text"]{
  position:absolute;
  top:0;
  right:48px;
  width:220px;
  height:36px;
  background:rgba(0,0,0,.2);
  border-top:3px solid rgba(34,4,0,.5);
  border-left:3px solid rgba(34,4,0,.5);
  border-right:3px solid rgba(136,89,40,.3);
  border-bottom:3px solid rgba(136,89,40,.3);
  font:24px Franklin Gothic, Ariel;
  color:#885928;
}
.top_search form input[type="submit"]{
  border:none;
  background:transparent url(/i/search.svg) top left/contain no-repeat;
  width:42px;
  height:32px;
  margin:4px 0 0 4px;
}
body>header nav{
  display:inline-block;
  width:100%;
  left:0;
}
body>header ul{
  margin:0;
  padding:0;
}
body>header li{
  display:inline-block;
  margin-left:18px;
  height:47px;
}
body>header li:first-of-type{margin:0}
body>header nav a{
  font:normal 28px Fette deutsche Schrift,Impact;
  letter-spacing:2px;
  line-height:unset;
  position:relative;
  z-index:14;
  display:block;
  padding:0 6px 2px 6px;
  margin-top:7px;
  color:#653010;
  text-shadow:-1px -1px 0 #290f09,1px -1px 0 #290f09,-1px 1px 0 #b37e58,1px 1px 0 #613616;
}
body>header nav a:hover,body>header nav a:active,body>header nav a:focus{color:#653010}
body>header nav a:before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:-2px;
  left:-2px;
  z-index:-1;
  background:rgba(179,124,86,.5) url(/i/4boards.png) bottom;
  border:2px solid #301a0a;
  border-radius:40%;
}
body>header nav a:hover:before,body>header nav a:active:before,body>header nav a:focus:before{
  background-color:rgba(179,155,86,0.5);
}
.wrap{
  display:flex;
  flex-flow:row-reverse wrap;
}
main{
  position:relative;
  background:rgb(20, 16, 30) url(/i/slate.png);
  flex:6 0px;
  border-left:2px solid #753d1a;
  min-width:600px;
}
.wrap>main>section>*,.pager,#comments{margin-left:10%;margin-right:15%}
#sidepos:checked+input:not(:checked)+header+div>main>section>*,#sidepos:checked+input:not(:checked)+header+div .pager,#sidepos:checked+input:not(:checked)+header+div #comments{margin-left:15%;margin-right:10%}
.wrap>main>section>div,#sidepos:checked+input:not(:checked)+header+div>main>section>div{
  margin-left:2%;
  margin-right:2%;
}
main p{font-size:1.2em}
main section>p,main section li{
  font-size:1.2em;
  line-height:1.5;
  word-spacing:.1em;
}
blockquote {
  position:relative;
  padding-left:3em;
  font-style:italic;
  line-height:1.5;
}
blockquote:not(.biblical):before {
  content:"\201C";
  position:absolute;
  font-size:3.3em;
  line-height:1;
  left:0;
  top:.1em;
  font-family:Georgia, serif;
  font-weight:bold;
  color:#999;
}
label[for^="explanation"]{display:inline;text-decoration:underline dotted}
input[id^="explanation"],input[id^="explanation"]:not(checked)+.explainwidget{display:none}
input[id^="explanation"]:checked+.explainwidget{display:inline;font-style:italic}
input[id^="explanation"]:checked+.explainwidget:before{content:"\00A0\00A0{\00A0 ";font-style:normal}
input[id^="explanation"]:checked+.explainwidget:after{content:" \00A0}\00A0\00A0";font-style:normal}
.biblical{
  background:#bb8239 url(/i/paper-back.jpg) left top/100% auto repeat;
  padding:2em 8vw 0.8em 4em;
  margin-left:6vw!important;
  margin-right:6vw!important;
  border:3px outset #5e311c;
  border-radius:2px;
}
.biblical,.biblical p,.biblical h1,.biblical h2,.biblical h3,.biblical h4,.biblical h5,.biblical sup{font-family:Cardo,Times New Roman,serif;font-style:normal;font-weight:700;color:#212}
.biblical p{font-size:1.4em}
.biblical p:first-of-type::first-letter{
  font-family:Wieynk Fraktur Initialen;
  font-size:6em;
  font-weight:400;
  color:#BF0D2B;
  float:left;
  line-height:.74em;
}
.biblical cite{font-family:Cardo,Times New Roman,serif;color:#212}
.biblical cite:before{content:"—"}
.biblical em,.biblical strong{font-style:italic;color:#212}
.biblical a{color:#400666;font-weight:600}
.biblical a:hover,.biblical a:focus{color:#2138a8}
.biblical p::selection,.biblical cite::selection,.biblical sup::selection{background:#CC1E3E}
.biblicalreferences,.biblicalbibliography{margin:2em 0 0 0;text-align:center}
.biblicalreferences+ul,.biblicalreferences+ol,.biblicalbibliography+ul,.biblicalbibliography+ol{list-style:none;margin:0;padding:0;font-size:.85em}
.biblicalreferences+ul li,.biblicalreferences+ol li,.biblicalbibliography+ul li,.biblicalbibliography+ol li{margin:0 0 0.8em 3em;text-indent:-3em}
.blog-post>h2,.blog-post>h3,.blog-post>h4,.blog-post>h5{color:silver}
.blog-post>header h2,.blog-post>header h3,.blog-post>header h4,.blog-post>header h5{color:silver;margin-bottom:0}
.blog-post>h2,.blog-post>header h2,blockquote h2{font-size:2em}
.blog-post>h3,.blog-post>header h3,blockquote h3{font-size:1.867em}
.blog-post>h4,.blog-post>header h4,blockquote h4{font-size:1.733em}
.blog-post>h5,.blog-post>header h5,blockquote h5{font-size:1.6em}
.blog-post>header>h2+p,.blog-post>header>h3+p,.blog-post>header>h4+p,.blog-post>header>h5+p{margin-top:0;color:silver;font-size:1.4em}
header h1{margin-bottom:0;z-index:2}
main header a h1{font-size:2.6em}
main header a p{font-size:2.2em;margin-bottom:0;font-style:italic}
header p{font:normal 1.4em Fette deutsche Schrift,Impact}
header p,header date{margin-top:0;color:#853f1f}
header date{display:inline}
header date:before{
  content:"";
  display:inline-block;
  filter:sepia(100%) saturate(200%) brightness(90%);
  width:15px;
  height:15px;
  background:url(https://blog.aractus.com/i/cal4.gif);
  margin:0 6px 0 2em;
  vertical-align:-2px;
}
#comments h2,#comments h3{font-size:2em}
#comments h4{color:silver}
h4{font-size:1.6em}
.comment-list,.children{list-style:none}
.comment-area{list-style:none;padding:0}
.comment-body{position:relative}
.comment-author{font-size:1.6em}
.comment-meta{position:absolute;top:18px;left:36px;font-size:14px}
.comment-body>p{
  font-size:1.1em;
  line-height:1.5;
  word-spacing:.1em;
}
#respond label{padding-bottom:.5em;cursor:unset;display:block}
#respond label[for="wp-comment-cookies-consent"],#respond label[for="avatar-privacy-use-gravatar"],#respond label[for="wp-comment-akismet-consent"],.wpgdprc-checkbox label span{display:inline;font-size:.8em;margin-left:1em;cursor:url(/i/hand.cur),pointer;cursor:url(/i/hand.png) 4 1,pointer}
.wpgdprc-checkbox label{display:inline!important}.wpgdprc-checkbox abbr{display:none}.wpgdprc-checkbox label span:after{content:" *"}
#respond label[for="wp-comment-akismet-consent"]:after{content:" *"}
#respond label[for="wp-comment-cookies-consent"]:active,#respond label[for="avatar-privacy-use-gravatar"]:active,#respond label[for="wp-comment-akismet-consent"]:active,.wpgdprc-checkbox label span:active{cursor:url(/i/hand2.cur),pointer;cursor:url(/i/hand2.png) 4 1,pointer}
#avatar-privacy-use-gravatar{margin-right:0!important;}
label[for="avatar-privacy-use-gravatar"]{position:relative;visibility:hidden}
label[for="avatar-privacy-use-gravatar"]:before{content:'Display a Gravatar image next to my comments.';position:absolute;width:100%;height:100%;text-align:justify;line-height:1.5em;visibility:visible}
#respond li{margin-bottom:.5em}
#comment{height:30vh;scrollbar-width:thin;overflow-y:auto}
#comment,#respond input[type="text"]{
  background:rgba(0,0,0,.2);
  border-top:3px solid rgba(0,0,0,.5);
  border-left:3px solid rgba(0,0,0,.5);
  border-right:3px solid rgba(78,78,78,0.5);
  border-bottom:3px solid rgba(78,78,78,0.5);
  width:100%;
  font:normal 1.1em Neuton, Georgia, serif;
  line-height:1.2;
  word-spacing:.06em;
}
.says{display:none}
.fn{position:absolute;left:38px;top:-12px}
.reply{margin:0 0 2em 0}
.pager{padding:0}
.pager li{display:inline-block}
.pager li:last-of-type{float:right}
.pager li a{color:#7d215b;font:normal 2.4em Fette deutsche Schrift,Impact}
.pager li a:hover,.pager li a:focus{color:#c2328d}
aside{
  position:relative;
  text-align:right;
  display:flex;
  flex-flow:column wrap;
  background:rgb(10, 24, 10) url(/i/slate.png) top right;
  flex:1 0px;
  min-width:300px;
  border-right:1px solid #542c12;
  padding:0 64px 10px 32px;
  z-index:10;
}
aside h1,aside h2,aside h3{font-size:1.6em;color:#853f1f;cursor:default}
aside section{display:inline-block;width:100%}
aside nav{margin:0}
aside label+section{order:4}
aside label+section+section{order:1}
aside label+section+section+section{order:2}
aside label+section+section+section+section{order:6}
aside label+section+section+section+section+section{order:7}
aside label+section+section+section+section+section+section{order:3}
aside label+section+section+section+section+section+section+section{order:5}
aside ul{
  padding-left:0;
  list-style:none;
}
aside li{margin-top:.5em}
.side_search form{width:198px;text-align:right;display:inline-block}
.side_search form input[type="text"]{
  position:absolute;
  top:0;
  right:38px;
  width:160px;
  background:rgba(0,0,0,.2);
  border-top:3px solid rgba(1,8,3,0.5);
  border-left:3px solid rgba(1,8,3,0.5);
  border-right:2px solid rgba(31,45,29,0.5);
  border-bottom:2px solid rgba(31,45,29,0.5);
  font:16px Franklin Gothic, Ariel;
  color:#853f1f;
}
.side_search form input[type="submit"]{
  border:none;
  background:transparent url(/i/search.svg) top left/contain no-repeat;
  filter:hue-rotate(344deg) brightness(80.4%) saturate(135%);
  width:32px;
  height:25px;
  padding:2px 0 0 0;
  margin:0 0 0 2px;
}
/* Responsive footer - 8 Dec 2020 a real PITA to code!!! */
body>footer{
  position:relative;
  background:rgb(15, 0, 1) url(/i/4boards.png) bottom right;
  text-align:center;
  padding:0;
  margin:0;
}
body>footer>div{
  background:transparent url(/i/footer-back-960x173.png) top left/100% 100% no-repeat;
  position:absolute;
  z-index:2;
  bottom:8px;
}
body>footer>div>*{
  padding:0;
  margin:0;
  text-align:center;
}
body>footer>div>p{font:400 .8em Arial;color:#000}
body>footer>div>p a{color:#040}
body>footer>div>p a:hover,body>footer>div>p a:focus{color:#653010}
body>footer>div>ul{padding:1.6vw 0 6px 0;text-align:center;display:inline-block}
body>footer>div>ul li{display:inline;float:left}
body>footer>div>ul li a{display:block}
#banana{filter:opacity(.9);image-rendering:crisp-edges;image-rendering:pixelated}
main,aside{z-index:1}
body>footer>div{width:calc(320px + 100vw / 3);height:calc(173px / 3 + 6.01vw);left:calc(100vw / 3 - 160px);padding:0 10% 0 9%}
body>footer>div img{margin:2px 2px 0 2px}
@media(min-width:1921px){
  body>footer>div{background-image:url(/i/footer-back-1920x346.png);}
  body>footer{height:142px}
  body>footer>div{width:50vw;height:9.01vw;left:25vw;padding:0 10.7vw 0 9.5vw}
  main,aside{padding-bottom:calc(9vw - 84px)}
  body>footer>div img{height:calc(10vw / 3);margin:2px}
}
@media(max-width:1920px){
  body>footer{height:142px}
  main,aside{padding-bottom:calc(9vw - 94px)}
  body>footer>div img{height:calc(64px / 3 + 20vw / 9)}
}
@media(max-width:1554px){
  body>footer{height:94px}
  main,aside{padding-bottom:calc(18vw - 144px)!important}
}
@media(max-width:540px){
  body>footer>div>ul{padding:1.2vw 0 0 0;text-align:center;display:inline-block}
  body>footer>div{padding-top:2px}
}
@media(max-width:479px){
  body>footer>div{background-size:auto 100%;background-position:center;width:100%;height:87px;padding:2px 1% 0 0;left:0}
  body>footer>div img{height:32px}
}
#sideshow,#sidepos{position:absolute;left:-99px}
body>label{
  position:fixed;
  line-height:1;
  font-size:1.6em;
  display:inline-block;
}
aside>label{
  position:absolute;
  left:20px;
  top:80px;
  font-size:1.6em;
  transform:rotate(90deg);
  display:none;
  z-index:11;
}
#plainstyle{position:absolute;left:16px;top:120px;z-index:99;filter: brightness(90%) sepia(100%);opacity:.5}
label[for=plainstyle]{
  position:absolute;
  left:36px;
  top:117px;
  line-height:1;
  font-size:16px;
  font-weight:bold;
  z-index:99;
  color:#b7744e;
  text-shadow:1px 1px #280701;
}
img[src="/i/p.svg"]{height:1.2em;margin:0;padding:0;vertical-align:bottom;filter:invert(75%)}
img.alignleft{float:left;margin:3px 3px 3px 0}
img.alignright{float:right;margin:3px 0 3px 3px}
.mediawrapper{position:relative;width:96%;padding-top:54%;margin-bottom:2em}
.mediawrapper div,.mediawrapper iframe,.mediawrapper video{position:absolute;width:100%;height:100%;max-width:160vh;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.4)}
.wrap>main>section>.media4x3{margin-left:12.5%;margin-right:12.5%;width:75%;padding-top:56.25%}
#sidepos:not(:checked)+input:not(:checked)+header+div>main>section>.media4x3{margin-left:10%;margin-right:15%}
#sidepos:checked+input:not(:checked)+header+div>main>section>.media4x3{margin-left:15%;margin-right:10%}
.media4x3 div,.media4x3 video,.media4x3 iframe{max-width:120vh}
.mediawrapper div{background-image:url(/i/play.png),url(/i/vidoverlay.png),url(/i/t.gif);background-position:center center;background-repeat:no-repeat,repeat,no-repeat;background-size:72px 72px,auto,cover;font:normal 2em/2 Fette deutsche Schrift,Impact;color:#cf5e2b;text-shadow:2px 2px 1px rgba(0,0,0,.8);text-align:center;white-space:nowrap;overflow:hidden}
footer+label,footer+label+label+label,footer+label+label+label+label{z-index:11}
footer+label+label{z-index:9}
#sidepos:not(:checked)+input:not(:checked)+header+div+footer+label,#sidepos:not(:checked)+input:checked+header+div+footer+label+label{left:20px;top:150px}
#sidepos:checked+input:not(:checked)+header+div+footer+label,#sidepos:checked+input:checked+header+div+footer+label+label{right:20px;top:150px}
footer+label+label+label{left:20px;top:190px}
footer+label+label+label+label{right:20px;top:190px}
#sidepos:not(:checked)+input+header+div+footer+label+label+label+label,#sidepos:checked+input+header+div+footer+label+label+label,#sidepos+input:checked+header+div+footer+label+label+label,#sidepos+input:checked+header+div+footer+label+label+label+label,#sideshow:checked+header+div+footer+label,#sideshow:not(:checked)+header+div+footer+label+label{display:none}
#sidepos:checked+input+header+div+footer+label,#sidepos:checked+input+header+div+footer+label+label{transform:scalex(-1)}
#sideshow:checked+header+div+footer+label{display:none}
#sideshow:checked+header+div+footer+label+label{display:inline-block}
#sidepos:checked+input:not(:checked)+header+div{flex-flow:row wrap}
#sidepos:checked+input+header+div main{border-left:none;border-right:2px solid #753d1a}
#sidepos:checked+input:not(:checked)+header+div aside{text-align:left;border-right:none;border-left:1px solid #542c12}
#sideshow:checked+header+div{flex-flow:column wrap}
#sideshow:checked+header+div main{border-bottom:2px solid #753d1a}
#sideshow:checked+header+div aside{border-left:none;border-right:none;border-top:1px solid #542c12;display:block;text-align:center;padding:0}
#sideshow:checked+header+div aside section{width:33%;float:left}
#sideshow:checked+header+div aside label+section{float:right}
#sideshow:checked+header+div aside section>h2,#sideshow:checked+header+div aside section>div,#sideshow:checked+header+div aside section>nav{margin-left:1.5em;margin-right:1.5em}
#sideshow:checked+header+div aside>label{display:inline-block}
#sideshow:checked+header+div main section>p,#sideshow:checked+header+div main section li{font-size:1.4em}
@media only screen and (max-width:1279px){
  body>header>div{padding:0 60px 0 0}
  .top_search form input[type="text"]{width:180px}
}
@media only screen and (max-width:999px){
  #sidepos:checked+input:not(:checked)+header+div{flex-flow:column wrap}
  main section>p,main section li{font-size:1.2em}
  footer+label,footer+label+label,footer+label+label+label,footer+label+label+label+label,aside>label{display:none!important}
  .wrap{flex-flow:column wrap}
  main{border-left:none!important;border-right:none!important;border-bottom:2px solid #753d1a}
  aside{border-left:none!important;border-right:none!important;border-top:1px solid #542c12;display:block;text-align:center;padding:0}
  aside section{width:33%;float:left}
  aside label+section{float:right}
  aside section>h2,aside section>div,aside section>nav{margin-left:1.5em;margin-right:1.5em}
  body>header{padding:48px 0 0 120px}
  body>header>div{padding:0 30px 0 0}
  main,aside{border:0;min-width:0}
  main{border-bottom:2px solid #753d1a}
  .mediawrapper div{font-size:1.4em}
}
@media only screen and (max-width:949px){
  .top_search form input[type="submit"]{display:none}
  .top_search form input[type="text"]{width:120px;position:relative;left:0}
}
@media only screen and (max-width:819px){
  .top_search{float:right;display:inline;width:120px;margin-left:18px;padding-top:8px}
  .top_search form input[type="text"]{display:inline}
  body>header nav{width:auto;display:inline}
  body>header>div{padding-top:44px}
}
@media only screen and (max-width:759px){
  body>header h1 small{display:none}
  .wrap>main>section>*,.pager,#comments{margin-left:12px;margin-right:12px}
  .mediawrapper{margin:0 2% 1.5em 2%!important}
  .wrap>main>section>.media4x3{width:96%;padding-top:72%}
  aside section{width:50%!important}
  aside label+section+section+section+section+section{float:right}
}
@media only screen and (max-width:599px){
  .wrap>main>section>*,.pager,#comments{margin-left:3px;margin-right:3px}
  body>header h1:before{display:none}
  body>header h1{font-size:38px}
  body>header{padding:0 0 0 8px;min-height:94px}
  .top_search{display:none}
  #plainstyle{top:43px}
  label[for=plainstyle]{top:40px}
}
/* PLAIN STYLE */
.plainscroll{scrollbar-color:auto}
#plainstyle:checked{filter:none;opacity:1}
#plainstyle:checked+input+input+header nav a:before{display:none}
#plainstyle:checked+input+input+header+div main h1,
#plainstyle:checked+input+input+header+div main h2,
#plainstyle:checked+input+input+header+div main h3,
#plainstyle:checked+input+input+header+div main h4,
#plainstyle:checked+input+input+header+div main h5,
#plainstyle:checked+input+input+header+div main blockquote h1,
#plainstyle:checked+input+input+header+div main blockquote h2,
#plainstyle:checked+input+input+header+div main blockquote h3,
#plainstyle:checked+input+input+header+div main blockquote h4,
#plainstyle:checked+input+input+header+div main blockquote h5,
#plainstyle:checked+input+input+header+div #comments h4,
#plainstyle:checked+input+input+header+div>main *,
#plainstyle:checked+input+input+header+div>aside li,
#plainstyle:checked+input+input+header+div>aside span,
#plainstyle:checked+input+input+header+div+footer p,
#plainstyle:checked+input+input+header+div+footer+label+label+label+label+label{color:#000}
#plainstyle:checked+input+input+header+div>main .medicare{background-color:#0001}
#plainstyle:checked+input+input+header,
#plainstyle:checked+input+input+header a h1,
#plainstyle:checked+input+input+header a h1 small,
#plainstyle:checked+input+input+header nav a,
#plainstyle:checked+input+input+header+div>aside,
#plainstyle:checked+input+input+header+div>main,
#plainstyle:checked+input+input+header+div+footer{border-color:#000!important;color:#000;text-shadow:none!important;background:transparent!important;-webkit-background-clip:unset!important;-moz-background-clip:unset!important;background-clip:unset!important}
#plainstyle:checked+input+input+header+div>main .biblical{background:url(/i/p-overlay.png),#bb8239 url(/i/paper-back.jpg) left top/100% auto repeat}
#plainstyle:checked+input+input+header+div>main .biblical,#plainstyle:checked+input+input+header+div>main .biblical p,#plainstyle:checked+input+input+header+div>main .biblical h1,#plainstyle:checked+input+input+header+div>main .biblical h2,#plainstyle:checked+input+input+header+div>main .biblical cite,#plainstyle:checked+input+input+header+div>main .biblical em,#plainstyle:checked+input+input+header+div>main .biblical strong,#plainstyle:checked+input+input+header+div>main .biblical sup{color:#212}
#plainstyle:checked+input+input+header a,
#plainstyle:checked+input+input+header a h1,
#plainstyle:checked+input+input+header h1 small,
#plainstyle:checked+input+input+header+div>aside h2,
#plainstyle:checked+input+input+header+div>aside h3,
#plainstyle:checked+input+input+header+div>aside h4,
#plainstyle:checked+input+input+header+div a:link,
#plainstyle:checked+input+input+header+div a:visited,
#plainstyle:checked+input+input+header+div main header a h1,
#plainstyle:checked+input+input+header+div main header p,
#plainstyle:checked+input+input+header+div main header date{color:#622e17!important}
#plainstyle:checked+input+input+header a:hover,
#plainstyle:checked+input+input+header a h1:hover,
#plainstyle:checked+input+input+header a:hover h1 small,
#plainstyle:checked+input+input+header a:focus,
#plainstyle:checked+input+input+header a:focus h1,
#plainstyle:checked+input+input+header a:focus h1 small,
#plainstyle:checked+input+input+header+div main header a:hover h1,
#plainstyle:checked+input+input+header+div main header a:focus h1,
#plainstyle:checked+input+input+header+div main header a:hover p,
#plainstyle:checked+input+input+header+div main header a:focus p,
#plainstyle:checked+input+input+header+div a:focus,
#plainstyle:checked+input+input+header+div a:hover,
#plainstyle:checked+input+input+header+div>main .mediawrapper div{color:#cf5e2b!important}
#plainstyle:checked+input+input+header+div>aside{border:none!important}
#plainstyle:checked+input+input+header+div>main a,#plainstyle:checked+input+input+header+div>aside a,#plainstyle:checked+input+input+header+div>aside a{font-weight:bold}
#plainstyle:checked+input+input+header .top_search input[type="text"],#plainstyle:checked+input+input+header+div input[type="text"],#plainstyle:checked+input+input+header+div textarea{border:2px inset #000!important;color:#000!important}
#plainstyle:checked+input+input+header .top_search form input[type="submit"],#plainstyle:checked+input+input+header+div .side_search form input[type="submit"]{filter: grayscale(100%) brightness(50%)}
#plainstyle:checked+input+input+header+div+footer+label+label+label+label+label{text-shadow:none}
#plainstyle:checked+input+input+header+div img[src="/i/p.svg"]{filter:none}