.serendipity_karmaVoting {
    text-align: right;
    font-size: 7pt;
    margin: 0px;
}

.serendipity_karmaVoting a {
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_karmaVoting a:hover {
    color: green;
}

.serendipity_karmaError {
    color: #FF8000;
}
.serendipity_karmaSuccess {
    color: green;
}
.serendipity_karmaVoting_links,
.serendipity_karmaVoting_links a:hover,
.serendipity_karmaVoting_current-rating {
    background: url(https://blog.rince.de/plugins/serendipity_event_karma/img/stars-def-yellow-green-md.png) left;
    font-size: 0;
}
.ajaxloader {
    background-image: none;
}
.serendipity_karmaVoting_links {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: 0px 0px 0px auto;
    padding: 0;
    background-position: left top;
    text-align: center;
}
.serendipity_karmaVoting_links li {
   display: inline;
}
.serendipity_karmaVoting_links a ,
.serendipity_karmaVoting_current-rating {
    position:absolute;
    top: 0;
    left: 0;
    text-indent: -9000em;
    height: 20px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    border: none;
}
.serendipity_karmaVoting_links a:hover {
    background-position: left bottom;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link1 {
    width: 20%;
    z-index: 6;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link2 {
    width: 40%;
    z-index: 5;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link3 {
    width: 60%;
    z-index: 4;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link4 {
    width: 80%;
    z-index: 3;
}
.serendipity_karmaVoting_links a.serendipity_karmaVoting_link5 {
  width: 100%;
    z-index: 2;
}
.serendipity_karmaVoting_links .serendipity_karmaVoting_current-rating {
    z-index: 1;
    background-position: left center;
}
/*
Default style.css file of serendipity_event_dsgvo_gdpr.
You can customize this CSS by editing your template's stylesheet and simply placing a ".dsgvo_gdpr" class somewhere, then this file will no longer be loaded.
 */

.dsgvo_gdpr_footer {
    text-align: center;
}

.dsgvo_gdpr_statement {
    margin: 1em;
}

#checkbox_dsgvo_gdpr {
    margin-right: .4em;
}
/* auto include templates/2k11/style_fallback.css */

/* The templates/default/style_fallback.css emits CSS statements that all s9y
   themes should have.

   Statements declared in this file are emitted early in the dynamically
   generated stylesheet serendipity.css, so you can override them by declaring
   them again in your theme's style.css or user.css.

   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Images positioned normal/left/right */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

/* Images with captions and positioning */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    clear: both;
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center;
}

/* Image gallery */
.s9y_gallery {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.s9y_gallery_item {
    box-sizing: border-box;
    flex: 0 1 33.3333%;
    padding: 0 5px 5px 0;
}

.s9y_gallery_image {
    height: auto;
    max-width: 100%;
}

/* Lists without bullets or numbers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}
/* END OF style_fallback.css */

/* auto include templates/next/style.css */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

dt {
  font-weight: bold; }

dd {
  margin: 0; }

table {
  margin: 16px 0;
  margin: 1rem 0;
  width: 100%; }
  table caption {
    text-align: center; }

caption, th {
  text-align: left; }

li ul, li ol {
  margin: 0; }

pre code {
  font-size: 1em; }

hr {
  margin: 24px 0;
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #ddd;
  display: block;
  height: 1px;
  padding: 0; }

img {
  vertical-align: middle; }

@-ms-viewport {
  width: device-width; }

video, img {
  height: auto;
  max-width: 100%; }

html {
  font-size: 100%; }

html, button, input, select, optgroup, textarea {
  font-family: 'Helvetica Neue', Arial, sans-serif; }

body {
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  margin: 16px 0;
  margin: 1rem 0; }

h5, h6 {
  font-size: 16px;
  font-size: 1rem; }

pre, code, samp, kbd {
  font-size: 14px;
  font-size: 0.875rem; }

q {
  quotes: '“' '”' '‘' '’'; }

:lang(de) q {
  quotes: '„' '“' '‚' '‘'; }

p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  p code, p samp, p kbd {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }

.fontface .fallback-text, .visuallyhidden, #searchform input[type="submit"], .info-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-fontface [class^="icon-"]:before, .no-fontface [class*=" icon-"]:before, .no-page {
  display: none !important;
  visibility: hidden; }

.clearfix:before, .serendipity_imageComment_img:before, .clearfix:after, .serendipity_imageComment_img:after {
  content: ' ';
  display: table; }
.clearfix:after, .serendipity_imageComment_img:after {
  clear: both; }

@font-face {
  font-family: 'fontello';
  src: url('templates/next/font/fontello.eot?98791370');
  src: url('templates/next/font/fontello.eot?98791370#iefix') format('embedded-opentype'), url('templates/next/font/fontello.woff?98791370') format('woff'), url('templates/next/font/fontello.ttf?98791370') format('truetype'), url('templates/next/font/fontello.svg?98791370#fontello') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em; }

.icon-search:before {
  content: '\e800'; }

.icon-ok-circled:before {
  content: '\e801'; }

.icon-help-circled:before {
  content: '\e803'; }

.icon-info-circled:before {
  content: '\e804'; }

.icon-attention-circled:before {
  content: '\e805'; }

.icon-menu:before {
  content: '\e807'; }

.icon-angle-circled-left:before {
  content: '\e812'; }

.icon-angle-circled-right:before {
  content: '\e813'; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

form button:focus, select:focus, textarea:focus, input:focus {
  box-shadow: 0 0 5px 0 #06f;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
  box-shadow: none; }

::-webkit-input-placeholder {
  color: #888; }

::-moz-placeholder {
  color: #888; }

:-ms-input-placeholder {
  color: #888; }

:invalid {
  box-shadow: none; }

optgroup {
  background: #fcfcfc;
  color: #222;
  font-style: normal; }

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], select, textarea, input[type="text"] {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: #fcfcfc;
  border: 1px solid;
  border-color: #c1c1c1 #c1c1c1 #e1e1e1;
  border-radius: 0;
  box-sizing: border-box;
  color: #222;
  height: 1.8em;
  outline: 0;
  padding: 2px 3px;
  text-align: left; }
  input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled], input[type="text"][disabled] {
    background-color: #eee; }

select[size], select[multiple], textarea {
  height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px; }

  select[size], select[multiple] {
    background-image: none;
    padding: 0; }
 }

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }

form button, input[type="button"], input[type="reset"], input[type="submit"] {
  background-color: white;
  background-image: -webkit-linear-gradient(top, #ffffff, #ddd);
  background-image: linear-gradient(to bottom, #ffffff, #ddd);
  background-clip: padding-box;
  border: 1px solid;
  border-color: #ddd #bbbbbb #999999;
  border-radius: 4px;
  color: #111;
  display: inline-block;
  line-height: normal;
  outline: 0;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
  text-align: center;
  text-decoration: none;
  text-shadow: #eeeeee 0 1px 1px;
  width: auto; }
  form button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc); }
  form button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    border-color: #999999 #bbbbbb #ddd;
    box-shadow: inset rgba(17, 17, 17, 0.25) 0 1px 2px 0; }
  form button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    box-shadow: #06f 0 0 5px 0;
    z-index: 1; }
  form button:active, form button:visited, form button:hover, form button:focus, input[type="button"]:active, input[type="button"]:visited, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:visited, input[type="submit"]:hover, input[type="submit"]:focus {
    color: #111; }

form button[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], input[disabled] {
  box-shadow: none;
  color: #888;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.msg-warning, .msg-success, .msg-notice, .msg-question, .serendipity_commentDirection {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 16px 0;
  margin: 1rem 0;
  padding: 8px;
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 4px; }
  .msg-warning p, .msg-success p, .msg-notice p, .msg-question p, .serendipity_commentDirection p {
    margin: 0; }

.msg-warning {
  background: #f2dede;
  border-color: #eed3d7;
  color: #b94a2b; }
.msg-success {
  background: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.msg-notice {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }
.msg-question {
  background: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853; }

figure {
  margin: 16px 0;
  margin: 1rem 0;
  display: block; }

.mfp-content figure {
  margin: 0; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

.nav-collapse ul, .nav-collapse li {
  display: block;
  width: 100%; }
.js .nav-collapse {
  clip: rect(0 0 0 0);
  display: block;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  zoom: 1; }
.nav-collapse.opened {
  max-height: 9999px; }

.disable-pointer-events {
  pointer-events: none !important; }

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media screen and (min-width: 768px) {
  .js .nav-collapse {
    clip: auto;
    height: auto;
    margin: 0;
    max-height: none;
    overflow: visible;
    position: relative;
    width: auto; }

  .nav-collapse li {
    width: auto; }

  .nav-toggle {
    display: none !important;
    visibility: hidden; }
 }

html {
  background-color: #fcfcfc; }

body {
  background-color: #fcfcfc;
  color: #222; }

ins {
  background: #eee;
  text-decoration: none; }

del {
  color: #aaa; }

mark {
  background-color: #ccdee7; }

kbd {
  padding: 0 2px;
  padding: 0 0.125rem;
  background: #eee;
  border: 1px solid #aaa; }

blockquote {
  margin: 16px 0;
  margin: 1rem 0; }
  blockquote p {
    quotes: '“' '”'; }
  blockquote p:before {
    content: '';
    content: no-open-quote; }
  blockquote p:after {
    content: '';
    content: no-close-quote; }
  blockquote p:first-of-type:before {
    content: '“';
    content: open-quote; }
  blockquote p:last-of-type:after {
    content: '”';
    content: close-quote; }
  :lang(de) blockquote p, blockquote:lang(de) p {
    quotes: '„' '“'; }
  :lang(de) blockquote p:before, blockquote:lang(de) p:before {
    content: '';
    content: no-open-quote; }
  :lang(de) blockquote p:after, blockquote:lang(de) p:after {
    content: '';
    content: no-close-quote; }
  :lang(de) blockquote p:first-of-type:before, blockquote:lang(de) p:first-of-type:before {
    content: '„';
    content: open-quote; }
  :lang(de) blockquote p:last-of-type:after, blockquote:lang(de) p:last-of-type:after {
    content: '“';
    content: close-quote; }
  blockquote > cite, blockquote > footer {
    display: block; }
    blockquote > cite:before, blockquote > footer:before {
      content: '– '; }
  blockquote cite {
    font-style: normal; }

summary {
  cursor: pointer; }

a, a:visited {
  color: #3e5f81; }
a:hover, a:focus {
  color: #d52; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

table {
  width: 100%; }
  .post table, .page table {
    border-bottom: 1px solid #aaa; }
    .post table tr, .page table tr {
      border-top: 1px solid #aaa; }

.osans, .osans button, .osans input, .osans select, .osans optgroup, .osans textarea {
  font-family: 'Open Sans', sans-serif; }

.ssans, .ssans button, .ssans input, .ssans select, .ssans optgroup, .ssans textarea {
  font-family: 'Source Sans Pro', sans-serif; }

.rsans, .rsans button, .rsans input, .rsans select, .rsans optgroup, .rsans textarea {
  font-family: 'Roboto', sans-serif; }

.lsans, .lsans button, .lsans input, .lsans select, .lsans optgroup, .lsans textarea {
  font-family: 'Lato', sans-serif; }

.mserif, .mserif button, .mserif input, .mserif select, .mserif optgroup, .mserif textarea {
  font-family: 'Merriweather', serif; }

.dserif, .dserif button, .dserif input, .dserif select, .dserif optgroup, .dserif textarea {
  font-family: 'Droid Serif', serif; }

#banner {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

#identity {
  text-decoration: none; }
  #identity h1 {
    margin: 16px 0 0;
    margin: 1rem 0 0; }
  #identity span {
    margin: 0 0 16px;
    margin: 0 0 1rem;
    color: #666;
    display: inline-block; }

#searchform {
  box-sizing: border-box;
  position: relative; }
  #searchform input[type="search"] {
    width: 100%; }
  #searchform label {
    right: 4px;
    right: 0.25rem;
    top: 2px;
    top: 0.125rem;
    position: absolute; }
    #searchform label .icon-search {
      color: #666; }

#logo img {
  margin: 16px 0 -16px;
  margin: 1rem 0 -1rem; }

#navbar {
  margin: 16px 0;
  margin: 1rem 0;
  padding: 0 12px;
  padding: 0 0.75rem;
  background-color: #294564;
  border-bottom: 1px solid #294564;
  border-top: 1px solid #294564;
  box-sizing: border-box;
  color: #fcfcfc; }
  #navbar ul {
    padding: 0 0 4px;
    padding: 0 0 0.25rem; }
  #navbar a, #navbar span {
    padding: 4px 0;
    padding: 0.25rem 0;
    display: block; }
  #navbar li:first-child a, #navbar li:first-child span {
    padding: 0 0 4px;
    padding: 0 0 0.25rem; }
  #navbar a {
    text-decoration: none; }
    #navbar a, #navbar a:visited {
      background-color: #294564;
      color: #fcfcfc;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    #navbar a:hover, #navbar a:focus {
      background-color: #ccdee7;
      color: #222;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }

#navbar #open-nav {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 0; }
  #navbar #open-nav .icon-menu:before {
    margin: 0; }

#primary {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

.post {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .post blockquote {
    padding: 0 0 0 12px;
    padding: 0 0 0 0.75rem;
    border-left: 4px solid #aaa; }

.post-title {
  margin-bottom: 0; }

.post-info {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666; }

.read-more {
  display: inline-block; }

.meta, .summary, .year, #serendipity_category_form ul {
  list-style: none;
  padding: 0; }

.meta {
  margin: 16px 0;
  margin: 1rem 0; }
  .meta li {
    display: inline-block; }
    .meta li:after {
      content: ' | '; }
    .meta li:last-child:after {
      content: ''; }

.page-info {
  border-top: 1px solid #ddd; }

.post pre, .page pre, .post .geshi, .page .geshi {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 8px;
  padding: 0.5rem;
  background: #eee;
  border: 1px solid #aaa;
  font-size: 0.875em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

.pagination {
  margin: 0 0 16px;
  margin: 0 0 1rem;
  color: #666; }
  .pagination h3 {
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    font-size: 0.8125rem;
    top: 24px;
    top: 1.5rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 70%;
    position: relative;
    text-align: center; }
  .pagination a {
    text-decoration: none;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear; }

.prev-page, .next-page {
  width: 50%; }
  .prev-page [class^="icon-"]:before, .prev-page [class*=" icon-"]:before, .next-page [class^="icon-"]:before, .next-page [class*=" icon-"]:before {
    font-size: 32px;
    font-size: 2rem;
    margin: 0; }

.prev-page {
  float: left; }

.next-page {
  float: right;
  text-align: right; }

.trackback, .comment {
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.comment header h4 {
  float: left; }

.comment > footer, .trackback-url, .comment-view, .comments-enable {
  font-size: 13px;
  font-size: 0.8125rem; }

.js .trackback-hint {
  display: none; }

.form_field label, .form_select label, .form_tarea label {
  display: block;
  font-weight: bold; }
.form_field input, .form_field select, .form_select input, .form_select select, .form_tarea input, .form_tarea select {
  width: 100%; }

.form_field, .form_select, .form_tarea, .form_check {
  margin: 0 0 8px;
  margin: 0 0 0.5rem; }

.serendipity_commentDirection {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

#archives h3 {
  margin-top: 0; }
#archives .date {
  min-width: 128px;
  min-width: 8rem;
  display: inline-block; }

.summary li {
  margin: 0 0 8px;
  margin: 0 0 0.5rem; }
  .summary li > span {
    font-size: 13px;
    font-size: 0.8125rem;
    display: block; }

.search-results ul {
  list-style: none;
  padding: 0; }
.search-results li > span {
  display: block; }

.no-details details > * {
  display: none; }
.no-details details > summary:before {
  content: '► ';
  float: left;
  width: 20px; }
.no-details details.open > summary:before {
  content: '▼ '; }
.no-details details summary {
  display: block; }

#secondary, #tertiary {
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box; }

.widget h3 {
  color: #666;
  font-weight: normal; }

#colophon {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 12px;
  padding: 0 0.75rem;
  box-sizing: border-box;
  color: #666;
  text-align: center; }
  #colophon > p {
    padding-top: 15px;
    padding-top: 0.9375rem;
    border-top: 1px solid #ddd; }
  #colophon abbr[title] {
    border: 0; }
  #colophon i {
    font-style: normal; }

.emoticon {
  vertical-align: baseline !important; }

.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
  background: transparent;
  border: 0 none;
  padding: 0 !important; }

.serendipity_image_left, .serendipity_image_right, .serendipity_imageComment_left, .serendipity_imageComment_right {
  margin: 16px 0;
  margin: 1rem 0;
  display: block;
  float: none; }

.serendipity_image_center, .serendipity_imageComment_center {
  margin: 16px auto;
  margin: 1rem auto;
  display: block; }

.serendipity_imageComment_img img {
  border: none !important;
  margin: 0 !important; }

.serendipity_imageComment_txt {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 3px;
  padding: 0.1875rem;
  border-top: 0 none;
  color: #222;
  text-align: center; }

.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_img {
  border: 1px solid #aaa;
  box-sizing: border-box; }

.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
  height: auto;
  max-width: 100%; }

.fluid-width-video-wrapper, video, audio {
  margin: 16px 0;
  margin: 1rem 0; }

.comment_avatar {
  margin: 0 10px 10px 0;
  margin: 0 0.625rem 0.625rem 0;
  border: 1px solid #aaa;
  float: left;
  overflow: hidden;
  padding: 0 !important; }

.avatar_left {
  margin: 0 10px 10px 0;
  margin: 0 0.625rem 0.625rem 0;
  float: left; }

.avatar_right {
  margin: 0 0 10px 10px;
  margin: 0 0 0.625rem 0.625rem;
  float: right; }

.serendipity_calendar {
  border: 1px solid #3e5f81; }
  .serendipity_calendar abbr[title] {
    border: 0; }

.serendipity_calendar tfoot a, .serendipity_calendar tfoot a:active, .serendipity_calendar tfoot a:visited {
  color: #fcfcfc;
  text-decoration: none; }

.serendipity_calendar tfoot a:hover, .serendipity_calendar tfoot a:focus {
  background: #ccdee7;
  color: #222; }

.serendipity_calendar thead, .serendipity_calendar tfoot {
  color: #fcfcfc; }

.serendipity_calendar th, .serendipity_calendar td {
  padding: 2px;
  padding: 0.125rem;
  text-align: center; }

.next {
  text-align: right; }

.serendipity_freeTag {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  margin: 0;
  text-align: left; }

.serendipity_freeTag_related ul {
  margin: 0; }

.serendipity_freetag_taglist {
  padding: 16px;
  padding: 1rem;
  background: #eee;
  border: 1px solid #aaa; }

.serendipity_freetag_taglist_related {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  font-weight: bold; }

.commentspice_announce_article {
  font-size: 13px;
  font-size: 0.8125rem;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left; }

.commentspice_twitter_input {
  background-position: 99% 50%; }

.twitter_follow {
  margin: 18px 0 14px 8px;
  margin: 1.125rem 0 0.875rem 0.5rem;
  float: left; }

#LSResult {
  background: #ccdee7;
  margin-top: 1px;
  opacity: 0.9;
  z-index: 10; }

#LSShadow {
  border-bottom: 0;
  border-right: 0;
  bottom: 0;
  color: transparent;
  right: 0; }

.serendipity_livesearch_result {
  border: 1px solid #aaa;
  bottom: 0;
  right: 0; }

#LSResult, .serendipity_livesearch_result {
  border-radius: 3px; }

.serendipity_findmore, .serendipity_findmore_like {
  margin: 16px 0 0;
  margin: 1rem 0 0;
  list-style: none;
  padding: 0;
  text-align: left; }
  .serendipity_findmore li, .serendipity_findmore_like li {
    margin: 0 4px 8px 0;
    margin: 0 0.25rem 0.5rem 0;
    display: inline-block; }

.lazyload_switcher {
  margin: 0 4px 0 0;
  margin: 0 0.25rem 0 0;
  display: inline-block; }

.findmore_like_button {
  min-width: 120px;
  min-width: 7.5rem; }

.facebook_like iframe {
  position: relative;
  top: 15px; }

.gplus_lazyload_switcher {
  float: left;
  position: relative;
  top: 8px; }

.gplus_like iframe {
  position: relative !important;
  top: 6px !important; }

@media screen and (min-width: 768px) {
  html {
    padding: 16px 0;
    padding: 1rem 0;
    background-color: #ddd;
    box-sizing: border-box; }

  body {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    max-width: 45rem;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa; }

  blockquote {
    margin: 16px 40px;
    margin: 1rem 2.5rem; }

  #banner {
    padding: 0 16px;
    padding: 0 1rem; }

  #identity {
    float: left;
    width: 62%; }

  #searchform {
    padding-top: 56px;
    padding-top: 3.5rem;
    float: right;
    width: 38%; }
    #searchform label {
      top: 58px;
      top: 3.625rem; }

  #logo img {
    margin: 16px 0 0;
    margin: 1rem 0 0; }

  #navbar {
    padding: 0 16px;
    padding: 0 1rem;
    margin-top: 0; }
    #navbar a, #navbar span {
      border-right: 1px solid #294564; }
    #navbar li:last-child a, #navbar li:last-child span {
      border-right: 0; }

  #site-nav {
    left: -8px;
    left: -0.5rem;
    position: relative; }
    #site-nav ul {
      padding: 0; }
    #site-nav li {
      display: inline-block; }
      #site-nav li > span {
        position: relative; }
        #site-nav li > span:after {
          border-color: #294564 transparent;
          border-style: solid;
          border-width: 8px 8px 0;
          content: '';
          display: block;
          margin: -8px;
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 0;
          z-index: 10; }
    #site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
      padding: 4px 8px;
      padding: 0.25rem 0.5rem; }

  #primary {
    padding: 0 16px;
    padding: 0 1rem; }

  .commentlevel-1, .depth_10 {
    margin-left: 16px;
    margin-left: 1rem; }

  .commentlevel-2, .depth_20 {
    margin-left: 32px;
    margin-left: 2rem; }

  .commentlevel-3, .depth_30 {
    margin-left: 48px;
    margin-left: 3rem; }

  .commentlevel-4, .depth_40 {
    margin-left: 64px;
    margin-left: 4rem; }

  .commentlevel-5, .depth_50 {
    margin-left: 80px;
    margin-left: 5rem; }

  .commentlevel-6, .depth_60 {
    margin-left: 96px;
    margin-left: 6rem; }

  .commentlevel-7, .depth_70 {
    margin-left: 112px;
    margin-left: 7rem; }

  .commentlevel-8, .depth_80 {
    margin-left: 128px;
    margin-left: 8rem; }

  .commentlevel-9, .depth_90 {
    margin-left: 144px;
    margin-left: 9rem; }

  .form_field input, .form_field select, .form_select input, .form_select select {
    max-width: 400px;
    max-width: 25rem; }

  #archives > section {
    float: left;
    width: 50%; }
  #archives .odd {
    clear: left; }

  .serendipity_image_left, .serendipity_imageComment_left {
    margin: 24px 16px 24px 0;
    margin: 1.5rem 1rem 1.5rem 0;
    float: left; }
    .clearfix .serendipity_image_left, .clearfix .serendipity_imageComment_left {
      margin: 16px 16px 16px 0;
      margin: 1rem 1rem 1rem 0; }

  .serendipity_image_right, .serendipity_imageComment_right {
    margin: 24px 0 24px 16px;
    margin: 1.5rem 0 1.5rem 1rem;
    float: right; }
    .clearfix .serendipity_image_right, .clearfix .serendipity_imageComment_right {
      margin: 16px 0 16px 16px;
      margin: 1rem 0 1rem 1rem; }

  .serendipity_imageComment_left, .serendipity_imageComment_right {
    display: inline; }

  #secondary, #tertiary {
    padding: 0 16px;
    padding: 0 1rem; }

  .widget {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    float: left;
    width: 50%; }
    .widget:nth-child(odd) {
      padding-right: 16px;
      padding-right: 1rem;
      clear: left; }
    .widget:nth-child(even) {
      padding-left: 16px;
      padding-left: 1rem; }

  #colophon {
    padding: 0 16px;
    padding: 0 1rem; }
 }

@media screen and (min-width: 1024px) {
  html {
    padding: 24px 0;
    padding: 1.5rem 0; }

  body {
    max-width: 1152px;
    max-width: 72rem;
    width: 92%; }

  #banner {
    padding: 16px 32px 0;
    padding: 1rem 2rem 0; }

  #searchform {
    padding-left: 32px;
    padding-left: 2rem; }

  #logo img {
    margin: 16px 0 -16px;
    margin: 1rem 0 -1rem; }

  #navbar {
    margin: 16px 0;
    margin: 1rem 0;
    padding: 0 32px;
    padding: 0 2rem; }

  #site-nav {
    left: -16px;
    left: -1rem; }
    #site-nav a, #site-nav span, #site-nav li:first-child a, #site-nav li:first-child span {
      padding: 4px 16px;
      padding: 0.25rem 1rem; }

  #primary {
    padding: 0 16px 0 32px;
    padding: 0 1rem 0 2rem;
    float: left;
    width: 62%; }
    .columns-3 #primary {
      padding: 0;
      left: 25%;
      position: relative;
      width: 50%; }

  #secondary {
    margin-top: 8px;
    margin-top: 0.5rem; }

  #secondary, #tertiary {
    padding: 0 32px 0;
    padding: 0 2rem 0;
    float: right;
    width: 38%; }
    .columns-3 #secondary, .columns-3 #tertiary {
      margin-top: 8px;
      margin-top: 0.5rem;
      width: 25%; }

  .columns-3 #secondary {
    float: left;
    left: -50%;
    position: relative; }

  .widget {
    float: none;
    width: 100%; }
    .widget:nth-child(odd), .widget:nth-child(even) {
      padding-left: 0;
      padding-right: 0; }

  #colophon {
    padding: 0 32px;
    padding: 0 2rem;
    clear: both;
    text-align: left; }
 }

@media screen and (min-width: 1400px) {
  html {
    font-size: 112.5%; }
 }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: ' (' attr(href) ')'; }

  abbr[title]:after {
    content: ' (' attr(title) ')'; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ''; }

  pre, blockquote {
    border: 1px solid #888;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }
 }


/* serendipity_event_emoticate start */

.emoticon {
    display: inline;
    vertical-align: bottom;
    border: 0 none;
}

/* serendipity_event_emoticate end */



/* nl2br plugin start */

p.wl_nobottom {
    margin-bottom: 0em;
}

p.wl_notop {
    margin-top: 0em;
}

p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* nl2br plugin end */


/* auto include  */