@font-face {
  font-family: 'Headline';
  src: url('/fonts/YanoneKaffeesatz-Bold.ttf#'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'Sidebar';
  src: url('/fonts/OpenSans-Regular.ttf#'), local(Arial), local(Helvetica);
  font-weight: normal;
}

@font-face {
  font-family: 'Sidebar';
  src: url('/fonts/OpenSans-Bold.ttf#'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'SidebarHeadline';
  src: url('/fonts/YanoneKaffeesatz-Bold.ttf#'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'FlowText';
  src: url('/fonts/Lora-Regular.ttf#'), local(Georgia), local(Garamond), local('Times New Roman'), local(Times);
}

@font-face {
  font-family: 'FlowText';
  src: url('/fonts/Lora-Italic.ttf#'), local('Georgia Italic'), local('Garamond Italic'), local('Times New Roman Italic'), local('Times Italic');
  font-style: italic;
}

@font-face {
  font-family: 'FlowText';
  src: url('/fonts/Lora-Bold.ttf#'), local('Georgia Bold'), local('Garamond Bold'), local('Times New Roman Bold'), local('Times Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'FlowText';
  src: url('/fonts/Lora-BoldItalic.ttf#'), local('Georgia Bold Italic'), local('Garamond Bold Italic'), local('Times New Roman Bold Italic'), local('Times Bold Italic');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Navigation';
  src: url('/fonts/OpenSans-Regular.ttf#'), local(Arial), local(Helvetica);
}

@font-face {
  font-family: 'Navigation';
  src: url('/fonts/OpenSans-Bold.ttf#'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'Datebox';
  src: url('/fonts/OpenSans-Regular.ttf#'), local(Arial), local(Helvetica);
}

@font-face {
  font-family: 'Datebox';
  src: url('/fonts/OpenSans-Bold.ttf#'), local('Arial Bold'), local('Helvetica Bold');
  font-weight: bold;
}

@font-face {
  font-family: 'TitleBar';
  src: url('/fonts/Lora-Regular.ttf#'),local(Georgia), local(Garamond), local('Times New Roman'), local(Times);
}

@font-face {
  font-family: 'TitleBar';
  src: url('/fonts/Lora-Italic.ttf#'), local('Georgia Italic'), local('Garamond Italic'), local('Times New Roman Italic'), local('Times Italic');
  font-style: italic;
}

@font-face {
  font-family: 'TitleBar';
  src: url('/fonts/Lora-BoldItalic.ttf#'), local('Georgia Bold Italic'), local('Garamond Bold Italic'), local('Times New Roman Bold Italic'), local('Times Bold Italic');
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: 'SubTitleBar';
  src: url('/fonts/Lora-Regular.ttf#'), local(Georgia), local(Garamond), local('Times New Roman'), local(Times);
}

@font-face {
  font-family: 'SubTitleBar';
  src: url('/fonts/Lora-Italic.ttf#'), local('Georgia Italic'), local('Garamond Italic'), local('Times New Roman Italic'), local('Times Italic');
  font-style: italic;
}

BODY { color: black; background-image: url('/images/grunge_wall.png');
       font-family: FlowText, 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] { cursor: pointer; }
HR { border-bottom: dashed 2px gray; border-top: none; clear: both; }
TD.leftcol HR,
 TD.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: Headline, Arial, sans-serif; clear: left;}
      
A:link, A:visited  { text-decoration: none; color: #8c5400;}
A:link:hover, A:visited:hover {text-decoration: underline;}

TABLE.main { width: 100%; border-collapse: collapse;}
TD.titlebar { width: 100%; }
TD.titlebar TR TH { width: 10em; height: 5em;}
TD.titlebar TR TD.title { text-align: center; font-size: 2em; font-style: italic; font-family: TitleBar, Georgia, serif; font-weight: bold;}
TD.titlebar TR TD.desc { text-align: center; font-size: 1.3em; font-style: italic; font-family: SubTitleBar, Georgia, serif;
                                 padding-left: 5em; padding-right: 5em;}

TABLE.main TR TD.leftcol,
 TABLE.main TR TD.rightcol { vertical-align: top; width: 16%; min-width: 15em; font-size: 0.8em;
                             padding: 0.5em; }
TABLE.main TR TD.leftcolmobile,
 TABLE.main TR TD.rightcolmobile { vertical-align: top; width: 4px; font-size: 0.8em;
                                   padding: 0.5em; }

TABLE.main TR TD.leftcol,
 TABLE.main TR TD.rightcol,
 TABLE.main TR TD.leftcolmobile,
 TABLE.main TR TD.rightcolmobile {}
                          
TABLE.main TR TD.middlecol {vertical-align: top; background-color: #fefefe; 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; }
                         
TD.leftcolmobile H2, TD.leftcol H2, TD.rightcol H2 { text-align: right; font-family: SidebarHeadline, /*Arial,*/ sans-serif;
                border-bottom: 1px dashed gray; }
TD.leftcolmobile UL, TD.leftcol UL, TD.rightcol UL { font-family: Sidebar, Arial, sans-serif; list-style-type: square;
                padding-left: 1.2em;}
TD.leftcolmobile OL, TD.leftcol OL, TD.rightcol OL { font-family: Sidebar, Arial, sans-serif; padding-left: 1.5em;}

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;}
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; }
P.moderation { border: solid red thin; padding: 0.5em; color: red; }
DIV.notice { font-style: italic; font-size: smaller;
             margin-left: 3em; margin-right: 2em;
             border-top: 3px solid DarkSeaGreen;
             border-bottom: 3px solid DarkSeaGreen;
             background-color: #f8f8ff;}
             
ADDRESS { white-space: pre; }

TD.func {text-align: center;
        padding-top: 0.2em; padding-bottom: 0.2em; margin: 0;}
TD.func A {padding-left: 1em; padding-right: 1em; }
TD.func A.buttonlink { color: black;
                       -moz-border-radius: 0.2em;
                       border-radius: 0.2em;
                       -webkit-border-radius: 0.2em;
                       font-family: Navigation, sans-serif;
                       padding-top: 1px;
                       padding-bottom: 1px;}
P.navi { text-align: center;
         font-family: Navigation, sans-serif;
         font-size: 0.8em; padding: 0.2em;
         height: 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');}
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%;}

TABLE.books TD {vertical-align: top;}
DIV.currentreading { margin-left: auto; margin-right: auto; text-align: center;
                     line-height: 1.4em; font-size: 0.8em;
                     font-family: Sidebar, sans-serif;
                     position: relative;
                     max-width: -moz-max-content;}
IMG.overlay {position: absolute; top: -20px; left: 5px;}

DIV.blogentry {}
DIV.blogentry P,
 DIV.blogentry UL,
 DIV.blogentry OL,
 DIV.blogentry BLOCKQUOTE { line-height: 130%; }
DIV.blogentry LI { margin-bottom: 0.3em;}
DIV.blogentry H1,
 DIV.blogentry H2,
 DIV.blogentry H3 { font-family: FlowText, Georgia, serif;}
DIV.blogentry DT { padding-top: 0.7em;}
DIV.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: Datebox, 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;
               font-family: Headline, sans-serif;}
               
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 { font-family: Headline; }
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: Navigation, sans-serif;
                cursor: pointer;}

BUTTON.button,
 TD.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;}
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 { border: 0px;
           padding: 1.5em 0.5em 0.5em 0.5em;
           background-image: url('/images/paper_2.png');
           margin: 0.7em 0;
           display: inline-block;
           position: relative;
           -moz-box-shadow: 0 0 5px lightgray;
           -webkit-box-shadow: 0 0 5px lightgray;
           box-shadow: 0 0 5px lightgray;}
LEGEND {width: 80%; font-weight: 600; font-family: Headline; color: black;
        position: absolute; top: -1.3em;}

TABLE.comment { border-top: dotted 2px lightgrey; width: 100%; margin-bottom: 1em;
                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.picframe { border: 0; border-collapse: collapse; margin-bottom: 0.5em;}
TABLE.picframe[align="right"] {margin-left: 0.5em; }
TABLE.picframe[align="left"] {margin-right: 0.5em;}
TABLE.picframe TD { border: 0; text-align: center; vertical-align: top;
                    font-size: 0.8em; margin: 0; }
TABLE.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: -moz-min-content; max-width: intrinsic; display: inline-block;}
FIGCAPTION { display: block;}
FIGURE[align=left] { float: left; clear: left; margin: 0.5em 1em 0.5em 0;}
FIGURE[align=right] { float: right; clear: right; margin: 0.5em 0 0.5em 1em;}
FIGURE.picframe FIGCAPTION { border: 0; text-align: center; vertical-align: top;
                             padding: 4px; font-size: 0.7em; font-style: italic; margin: 0;}

DIV.tagcloud { text-align: center; font-family: Sidebar, Arial, sans-serif;}
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: Sidebar, 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.spamblock,
 DIV.trackbackurl,
 DIV.commentsurl,
 DIV.commentsfeed,
 DIV.share {background-repeat: no-repeat;
                  background-position: left top;
                  width: 30px; min-width: 30px;
                  height: 30px; min-height: 30px;
                  text-align: center; vertical-align: middle;
                  font-family: Navigation, sans-serif;
                  font-size: 18px;
                  display: inline-block;}
DIV.spamblock {background-image: url("/images/spamblock.png"); }
DIV.trackbackurl {background-image: url("/images/trackback.png"); }
DIV.commentsurl {background-image: url("/images/comments.png"); }
DIV.commentsurl A { color: black; text-decoration: none;}
DIV.commentsfeed {background-image: url("/images/commentsfeed.png"); }
DIV.share {background-image: url("/images/blankf.png"); }
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: SidebarHeadline,Arial;}