@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);
@import url(https://fonts.googleapis.com/css?family=Salsa);

SECTION, ARTICLE, ASIDE, FOOTER, HEADER, NAV, HGROUP { display: block; }

BODY { color: black; background-image: url('/images/grunge_wall.png');
       font-family: "PT Serif", Georgia, serif;
       padding: 0px; margin: 0px; }
       
IMG { border: 0;}
IMG.linklogo { max-width: 16px; max-height: 16px; min-width: 16px; min-height: 16px;}
IMG[onclick],
 DIV[onclick],
 TD[onclick] { cursor: pointer; }
HR { border-bottom: dashed 2px gray; border-top: none; clear: both; }
.leftcol HR,
 .rightcol HR  { border-bottom: 1px dashed gray; border-top: none; clear: both; }
SUP { font-size: 0.7em; }
H1, H2, H3, H4, H5, H6 { font-family: 'Open Sans Condensed', Arial, sans-serif; clear: left;}
      
A:link, A:visited  { text-decoration: none; color: #8c5400;}
A:link:hover, A:visited:hover {text-decoration: underline;}

DIV.main { display: -webkit-flex;
           display: flex;
           -webkit-flex-direction: row;
           -webkit-flex-wrap: nowrap;
           flex-direction: row;
           flex-wrap: nowrap;}
TABLE.main { width: 100%; border-collapse: collapse;}
.titlebar { width: 100%; font-family: "Special Elite", Georgia, serif;}
.titlebar TR TH { width: 10em; height: 5em;}
.titlebar TR TD.title { text-align: center; font-size: 2em; font-weight: bold;}
.titlebar TR TD.desc { text-align: center; font-size: 1.3em; 
                                 padding-left: 5em; padding-right: 5em;}

.leftcol,
 .rightcol { vertical-align: top; width: 210px; font-size: 0.8em;
             padding: 0.5em;
             -webkit-flex: none;
             flex: none;}
@media (max-width: 800px) {
 .rightcol { display: none;}
}
@media (max-width: 600px) {
 .titlebar TR TD.desc,
  .leftcol { display: none;}
}
.leftcolmobile,
 .rightcolmobile { vertical-align: top; max-width: 16%; font-size: 0.8em;
                                   padding: 0.5em; }

.middlecol {vertical-align: top; background-color: #f0f0f0; background-image: url('/images/handmadepaper.png');
                            padding: 0.5em; color: black;
                            -moz-box-shadow: 0 0 10px white;
                            -webkit-box-shadow: 0 0 10px white;
                            box-shadow: 0 0 10px white;
                            width: 100%;
                            min-width: 210px;}
DIV.middlecol { -webkit-flex: auto;
                flex: auto;
                width: auto;}

.leftcolmobile H2,
 .leftcol H2,
 .rightcol H2 { text-align: right;
                border-bottom: 1px dashed gray; }
.leftcolmobile UL,
 .leftcol UL,
 .rightcol UL { font-family: 'Open Sans', Arial, sans-serif; list-style-type: square;
                padding-left: 1.2em;
                -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto;}
.leftcolmobile OL,
 .leftcol OL,
 .rightcol OL { font-family: 'Open Sans', Arial, sans-serif; padding-left: 1.5em;
                -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto;}

BLOCKQUOTE { font-style: italic; margin: 1em 1em 1em 2em;
             padding: 1em 1em 1em 55px;
             background: url('/images/quote_bg_mono.png') no-repeat left top;}
BLOCKQUOTE EM { font-style: normal;}             
BLOCKQUOTE P.source { font-style: normal; font-variant: small-caps; text-align: right;}
P.copyright { text-align: center; font-size: 0.8em;}
P.subtitle { font-style: italic; font-size: 0.8em;}
P.categories, P.bookmarking, P.readon, P.trackback, DIV.trackback, DIV.related { font-size: 0.8em;}
P.trackback, DIV.trackback { color: gray;}
P.pre { white-space: pre; }
P.logo { text-align: center; font-family: 'Open Sans', Arial, sans-serif; }
P.moderation { border: solid red thin; padding: 0.5em; color: red; }
DIV.waitmod { margin-top: 0.5em; color: red; text-decoration: blink;}
DIV.notice { font-style: italic; font-size: smaller;
             margin-left: 3em; margin-right: 2em;
             padding: 0.3em;
             border-top: 3px solid DarkSeaGreen;
             border-bottom: 3px solid DarkSeaGreen;
             background-color: #f8f8ff;}
P.commentnotice { font-style: italic; font-size: smaller;
             border-top: 3px solid DarkSeaGreen;
             border-bottom: 3px solid DarkSeaGreen;
             background-color: #f8f8ff;}

ADDRESS { white-space: pre; }

.func {text-align: center;
        padding-top: 0.2em; padding-bottom: 0.2em; margin: 0;}
.func A {padding-left: 1em; padding-right: 1em; }
.func A.buttonlink { color: black;
                       -moz-border-radius: 0.2em;
                       border-radius: 0.2em;
                       -webkit-border-radius: 0.2em;
                       font-family: 'Open Sans', sans-serif;
                       padding-top: 1px;
                       padding-bottom: 1px;}
P.navi,
 NAV.navi { font-family: 'Open Sans', sans-serif;
            font-size: 0.8em; padding: 0.2em;
            -moz-box-shadow: 0 0 5px lightgray;
            -webkit-box-shadow: 0 0 5px lightgray;
            box-shadow: 0 0 5px lightgray;
            background-image: url('/images/paper_2.png');}
P.navi { text-align: center; height: 2em;}
NAV.navi { display: -webkit-flex;
           display: flex;
           -webkit-justify-content: space-between;
           justify-content: space-between;
           margin: 1em 0;
           clear: both;}
NAV.prev,
 NAV.next { -webkit-flex: 0 0 45%; flex: 0 0 45%; }
NAV.prev { text-align: left; }
NAV.next { text-align: right; }

SPAN.prev { text-align: left; float: left; display: inline-block; max-width: 50%; }
SPAN.next { text-align: right; float: right; display: inline-block; max-width: 50%;}

DIV.books {vertical-align: top;}
DIV.currentreading { text-align: center;
                     line-height: 1.4em; font-size: 0.8em;
                     font-family: 'Open Sans', sans-serif;
                     position: relative;
                     max-width: 200px;
                     display: inline-block;
                     margin: 0.5em;
                     vertical-align: top;}
DIV.currentreading IMG.book {
              -moz-box-shadow: 5px 5px 3px gray, 0 0 6px gray;
              -webkit-box-shadow: 5px 5px 3px gray, 0 0 6px gray;
              box-shadow: 5px 5px 3px gray, 0 0 6px gray; }
IMG.overlay {position: absolute; top: -20px; left: 5px;}

.blogentry {}
.blogentry P,
 .blogentry UL,
 .blogentry OL,
 .blogentry BLOCKQUOTE { line-height: 130%;
                            -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto;}
.blogentry LI { margin-bottom: 0.3em;}
.blogentry H1,
 .blogentry H2,
 .blogentry H3 { font-family: "Open Sans Condensed", sans-serif; }
.blogentry DT { padding-top: 0.7em;}
.blogentry DD { padding-top: 0.3em;}

DIV.comments {}

DIV.datebox { float: right; clear: right; border-top: solid 0.4em #8c5400; border-bottom: solid 0.2em #8c5400;
              margin: 0 0 0.3em 0.3em;
              text-align: center;
              background-color: #f8f8ff;
              font-family: 'Open Sans', sans-serif;
              font-weight: bold;
              background-image: url('/images/paper_2.png');
              -moz-box-shadow: 3px 3px 5px gray;
              -webkit-box-shadow: 3px 3px 5px gray;
              box-shadow: 3px 3px 5px gray;}
SPAN.datebox_d, SPAN.datebox_m, SPAN.datebox_y { padding: 0.2em;}
SPAN.datebox_d, SPAN.datebox_y { font-size: 1.8em;}
SPAN.datebox_m { font-size: 1.2em;}

H1.pagetitle { text-align: right; border-bottom: 2px dashed gray; }
               
OL.references { font-size: 0.8em; }
OL.references LI {  }
OL.references LI:before {  }

DIV.box { margin: 1em auto;
          max-width: 30em;
          padding: 1em;
          -moz-border-radius: 2em;
          -webkit-border-radius: 2em;
          border-radius: 2em;
          border-width: 1px 3px 3px 1px; }
DIV.box H2 {  }
DIV.note { background: DarkOliveGreen; color: white;}
DIV.error { background: Crimson; color: white;}
DIV.help {}

FORM { display: inline; }
INPUT {}                                   
INPUT:focus, TEXTAREA:focus, SELECT:focus { outline: solid 1px #ffb510;}
BUTTON.button { -moz-border-radius: 0.5em;
                -webkit-border-radius: 0.5em;
                border-radius: 0.5em;
                color: black;
                font-family: 'Open Sans', sans-serif;
                cursor: pointer;}

BUTTON.button,
 .func A.buttonlink { background-image: url('/images/paper_2.png');}

SPAN.inputset { padding: 0.2em;
                display: inline-block;
                vertical-align: bottom;}
SPAN.inputset LABEL { color: black; vertical-align: top; margin-right: 0.5em; }
SPAN.inputset LABEL[for] { display: inline-block; max-width: 6em; min-width: 6em; text-align: right;
                           -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto;}       
SPAN.inputset LABEL.suffix { font-size: 0.7em; }
SPAN.inputset INPUT,
 SPAN.inputset SELECT,
 SPAN.inputset TEXTAREA { border: 0;
                          vertical-align: top;}
/*SPAN.inputset TEXTAREA { width: 100%;}*/
SPAN.inputset SELECT[size] {vertical-align: top;}
DIV.inputblock { margin-top: 0.3em; clear: both; }
FIELDSET,
  LEGEND { background-image: url('/images/paper_2.png');
           -moz-box-shadow: 0 0 5px lightgray;
           -webkit-box-shadow: 0 0 5px lightgray;
           box-shadow: 0 0 5px lightgray;}
FIELDSET { border: 0px;
           margin: 0.7em 0;
           display: inline-block; }
LEGEND {font-weight: 600; font-family: 'Open Sans Condensed',sans-serif; color: black; }
*[name="parttob"] {display: none;}

TABLE.comment { border-top: dotted 2px lightgrey; width: 100%; margin-bottom: 0.5em;
                border-spacing: 0; font-size: 0.8em;}
TABLE.comment TH { text-align: left; background: #f8f8ff; padding: 0.3em;}
TABLE.comment TD { padding: 0.3em; }
TABLE.c1 TD { background: #fff; }
TABLE.c2 TD { background: #eee; }
TABLE.cadmin { border: dotted red 2px; }
TABLE.cauthor { border: dotted red 2px; }

TABLE[class|="picframe"] { border: 0; border-collapse: collapse; margin-bottom: 0.5em;}
TABLE.picframe-right {margin-left: 0.5em; }
TABLE.picframe-left {margin-right: 0.5em;}
TABLE[class|="picframe"] TD { border: 0; text-align: center; vertical-align: top;
                    font-size: 0.8em; margin: 0; }
TABLE[class|="picframe"] CAPTION { border: 0; text-align: center; vertical-align: top;
                         padding: 4px; font-size: 0.7em; font-style: italic; margin: 0;}

FIGURE { display: inline-block; margin: 0.5em;
         max-width: -webkit-min-content;
         max-width: -moz-min-content;
         max-width: min-content;
         white-space: nowrap;}
FIGCAPTION { display: block;}
FIGURE.picframe-left { float: left; clear: left; margin: 0.5em 1em 0.5em 0;}
FIGURE.picframe-right { float: right; clear: right; margin: 0.5em 0 0.5em 1em;}
FIGURE[class|="picframe"] FIGCAPTION { border: 0; text-align: center; vertical-align: top;
                             padding: 4px; font-size: 0.7em; font-style: italic; margin: 0;
                             white-space: normal;}

DIV.tagcloud { text-align: center; font-family: 'Open Sans', Arial, sans-serif;}
SPAN.cloud0 { font-size: 0.7em; }
SPAN.cloud1 { font-size: 0.8em; }
SPAN.cloud2 { font-size: 0.9em; }
SPAN.cloud3 { font-size: 1.0em; }
SPAN.cloud4 { font-size: 1.1em; }
SPAN.cloud5 { font-size: 1.2em; }
SPAN.cloud6 { font-size: 1.3em; }
SPAN.cloud7 { font-size: 1.4em; }
SPAN.cloud8 { font-size: 1.5em; }
SPAN.cloud9 { font-size: 1.6em; }
SPAN.cloud10 { font-size: 1.7em; }
SPAN.cloudmax { font-size: 1.8em; }

EM.hl { color: red; }

UL.archive { margin-left: -0.5em; }
UL.archive LI { list-style-type: none; cursor: pointer; margin-top: 0.5em;  }
UL.archive LI.item {list-style-type: square;  margin-left: 1em; margin-top: 0; cursor: auto;}

DL.linklist { font-family: 'Open Sans', Arial, sans-serif; }
DL.linklist DT { margin-top: 0.7em; margin-bottom: 0.3em; font-weight: bold;}
DL.linklist DD { margin-left: 30px; text-indent: -20px; }

DIV.mobilebox { display: none; min-width: 12em; }

A.FlattrButton { display: none; }
A.external, A[target] { }

DIV.bookinfo { white-space: pre-line;
               padding-left: 1em;}

#twtr-widget-1 .twtr-ft a img  { background-image: url('/images/paper_2.png'); padding: 3px;}
#twtr-widget-1 .twtr-doc,
 #twtr-widget-1 .twtr-hd a,
 #twtr-widget-1 h3,
 #twtr-widget-1 h4 { clear: none !important; }

TABLE.bingo { border: solid 5px #333; border-spacing: 0; border-collapse: collapse;
              margin-left: auto; margin-right: auto;
              background: white;}
TABLE.bingo TD { border: solid 2px #333; width: 7em; max-width: 7em; height: 7em;
                 text-align: center; font-size: 130%; font-family: 'Open Sans Condensed',Arial,sans-serif;
                 font-weight: bold;}

DIV.yt_video { text-align: center; }
DIV.commentformclosed {
                        margin-bottom: 1em;
                        height: 1.5em;
                        transition: height 0.3s ease-out;
                        background-image: url("/images/paper_2.png");
                        overflow: hidden;}
DIV.commentformclosed P.note { color: gray;
                        font-family: 'Open Sans', Arial, sans-serif;
                        font-size: 0.8em;
                        margin: 2px; }
DIV.commentformopen { cursor: auto; }
DIV.widesection { width: 100%; overflow: auto; }