/* auto include templates/default/style_fallback.css */

/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css or user.css template stylesheet file.
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* default sizing for specific form element */
input[type="button"], input[type="checkbox"] {
    width: auto; }

figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
    figure > figcaption {
      text-align: center; }

#serendipity_error_top {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: auto;
    max-height: 8rem;
    overflow-x: auto;
    padding: .5rem;
    border-bottom: 1px solid #e4b9b9;
    background: #f2dede;
    color: #b94a48;
    text-align: left; }

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }

/* Messages: centered, important, success, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .serendipity_msg_important {
      color: #ff4136; /* new red */ }
    .serendipity_msg_success {
      color: #2ecc40; /* new green */ }
    .serendipity_msg_notice {
      color: #6495ed; /* new cornflowerblue */ }

/* this and that */
table.archives_listing {
    display: table;
    width: auto;
    border-collapse: separate;
    border-spacing: 4px; }
    .archives_row td {
      padding: 4px; }
      td.archives_graph img {
        height: 1em;
        border: 1px solid #000; }

ul#serendipity_categories_list {
    margin: 0;
    padding: 0;
    list-style-type: none; }

.serendipityPlug img {
    border: 0px;
    width: 120px;
    margin-bottom: 1em; }

.serendipity_calendar {
    width: 100%; }

/* Disables s9ymarkup, gravatar, spamblock markup and emoticate hooked text messages in contact-form template files, having at least this staticpage_plugin_contactform selector */
/* Disables spamblock and other user notifications for the adduser plugin forms, since more or less needed for comment or contact forms only */
.staticpage_plugin_contactform .serendipity_comment_emoticate,
.staticpage_plugin_contactform .serendipity_comment_gravatar,
.staticpage_plugin_contactform .serendipity_comment_s9ymarkup,
.staticpage_plugin_contactform .serendipity_comment_spamblock,
#adduserform .serendipity_comment_emoticate,
#adduserform .serendipity_comment_s9ymarkup,
#adduserform .serendipity_comment_spamblock {
    visibility: hidden;
    display: none; }

/*** Serendipity Styx default image handlers ***/

/* Default image classes for left/right/center usual layouts */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
    p > img.serendipity_image_center {
        margin: auto;
        clear: both; }

.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; }

/* Embedded images with comments inside the styx image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
    max-width: 100%; }

.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;
    border: 0 none;
    text-align: center; }

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

/* Gallery-Container: default (fallback for no rows, no cols - no initial width here) */
.serendipity_image_block {
    display: inline-block; }
    .serendipity_image_block .serendipity_image_link {
      display: block; /* Chromium: Start a new block ! */ }
    .serendipity_image_block:not(.col):not(.row) .serendipity_image_link {
      display: inline-block; }
    /* Gallery-Container: default (fallback for rows) */
    .serendipity_image_block.row {
      display: inline-block; }

/* Gallery-Container: per row order, flexed */
/* This is used to enclose a gallery, using serendipity_image_left or _right floated images */
.serendipity_image_block.row {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

/* Gallery-Size: This sizes the origin single-line image gallery to be used as a real multi-item image container */
.serendipity_image_block.row {
    flex: auto;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    align-items: flex-start; /* the default is stretch, internally used by Chrome when flexing direct child images */
    justify-content: space-around; /* IE10+ CSS fallback, since -evenly not supported */
    justify-content: space-evenly;
    margin: auto auto 1em; }
    /* Fit image flexible inside the link container to not overlap */
    .serendipity_image_block.row .serendipity_image_link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    /* The inline containers or items min/max size to scale gallery images to an affordable size */
    .serendipity_image_block.row .serendipity_imageComment_left,
    .serendipity_image_block.row .serendipity_imageComment_right,
    .serendipity_image_block.row .serendipity_image_link,
    .serendipity_image_block.row .serendipity_image_left,
    .serendipity_image_block.row .serendipity_image_right {
      max-width: 260px; }
    /* Line up a row gallery (manually) commented image to nearly fit the max-width 260px image sizes - important avoid theme % flexed max-width sizes */
    .serendipity_image_block.row .serendipity_imageComment_left{
      max-width: 260px !important;
      min-width: 250px; }
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_link,
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_left {
        max-width: 100%; }
    /* This is not possible automatically, but may be a customized "mid-flooted" set for rowed galleries */
    .serendipity_image_block.row > figure.serendipity_imageComment_center {
      width: auto;
      max-width: 260px; }

/* Gallery-Container: default mobile for cols - starting with img default size >= 400px will initiate their own */
@media only screen and (max-width: 399px) {
    .serendipity_image_block.col {
        display: initial; }
}

/* Gallery-Container: by columns, vertically ordered, screen sized 3:2:1 and 4:3:2 */
/* SMALL SCREENS */
.serendipity_image_block.col {
    width: auto;
    max-width: -webkit-fill-available;/*others*/
    max-width: max-content;/*Firefox*/
    max-width: fit-content;/*Chromium*/
    margin-bottom: .5em;
    column-count: 1;
    column-gap: .187rem;/*3*/
    justify-content: space-evenly; }
    .serendipity_image_block.col .serendipity_imageComment_left,
    .serendipity_image_block.col .serendipity_imageComment_right,
    .serendipity_image_block.col .serendipity_image_link,
    .serendipity_image_block.col .serendipity_image_left,
    .serendipity_image_block.col .serendipity_image_right {
        margin: auto auto .3125em;
        float: unset; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .2667615em; /*3*/ }

@media only screen and (min-width: 340px) {
    .serendipity_image_block.col.c5 {
        display: block;
        column-count: 2;
        column-gap: .175rem;/*2*/
        column-fill: balance; }
}
@media only screen and (min-width: 400px) {
    .serendipity_image_block.col.c3 {
        column-count: 2;
        column-gap: .312rem;/*6*/ }
    .serendipity_image_block.col.c4 {
        column-count: 2; }
    .serendipity_image_block.col.c5 {
        column-count: 3; }
    .serendipity_image_block.col.c4,
    .serendipity_image_block.col.c5 {
        column-gap: .312rem;/*6*/
        column-fill: balance; }
}
.serendipity_image_block > div {
    float: none;
    display: inline-block; }

/* MEDIUM SCREENS */
@media only screen and (min-width: 552px) {
    .serendipity_image_block.col {
        column-count: 2;
        column-gap: .312rem;/*6*/
        display: block; }
    .serendipity_image_block.col.c2 {
        display: block; }
    .serendipity_image_block.col.c3 {
        display: block;
        width: 100%; }
    .serendipity_image_block.col.c4 {
        display: block;
        column-count: 3; }
    .serendipity_image_block.col.c5 {
        column-count: 4; }
    .serendipity_image_block.col.c2 .serendipity_image_link,
    .serendipity_image_block.col.c3 .serendipity_image_link,
    .serendipity_image_block.col.c4 .serendipity_image_link,
    .serendipity_image_block.col.c5 .serendipity_image_link {
        margin: auto; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .25em;
        float: none; }
}

/* DEFAULT SCREENS */
@media only screen and (min-width: 768px) {
    .serendipity_image_block.col {
        margin-bottom: 1em;
        column-gap: .5rem;/*9*/
        column-fill: balance; }
    .serendipity_image_block.col.c2 {
        column-count: 2; }
    .serendipity_image_block.col.c3 {
        column-count: 3; }
    .serendipity_image_block.col.c4 {
        column-count: 4; }
    .serendipity_image_block.col.c5 {
        column-count: 5; }
}

.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right,
.serendipity_image_block.col .serendipity_image_link,
.serendipity_image_block.col .serendipity_image_left,
.serendipity_image_block.col .serendipity_image_right {
    margin: .25em auto; }
.serendipity_image_block > div.serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_link,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_right .serendipity_image_right {
    margin: auto; }
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_right .serendipity_imageComment_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right {
    display: inline-block;
    max-width: 100%; }

/* Gallery-Size: end */

/* Gallery-Margins: the default margins for all default level 1 gallery items (direct containers or direct items) */

.serendipity_image_block > .serendipity_imageComment_left,
.serendipity_image_block > .serendipity_imageComment_right,
.serendipity_image_block > .serendipity_image_link,
.serendipity_image_block > .serendipity_image_left,
.serendipity_image_block > .serendipity_image_right {
    margin: 5px 0 0 0; }
/* same for manually added helper containers */
.serendipity_image_block > div,
.serendipity_image_block > span,
.serendipity_image_block > div .serendipity_image_left,
.serendipity_image_block > div .serendipity_image_right,
.serendipity_image_block > span .serendipity_image_left,
.serendipity_image_block > span .serendipity_image_right {
    margin: 5px 0 0 0; }
    /* exception */
    .serendipity_image_block > div > figure .serendipity_image_left {
      margin: auto; }

/* so that a direct child image behaves like a containerized image - and the top/right is 2x5px */
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_left,
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_right {
    margin: 10px 10px 0 0;
}
/* Some special care when inside a link or comment container, to not break the "auto" left and top margin by the justify-content (i.e. in Next and Default themes) */
.serendipity_image_block .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block .serendipity_imageComment_right .serendipity_imageComment_img {
    border: 0 none !important;
    display: inline; }

/* Gallery-Margins: end */

/* END OF style_fallback.css */

/* auto include templates/2k11-HB/style.css */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 95%; line-height: 1.5; }

body, button, input, select, textarea { font-family: Source Serif Pro, Georgia; color: black; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

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

mark { background: #ff9; color: #000; font-style: italic; font-weight: bold; }

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

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

small { font-size: .8125em; }

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

ul, ol, dd,
nav ul, nav ol { margin: 0; padding: 0; }

ol { list-style-position: initial; }
nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

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

form, figure { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

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

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #eee; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

input[type="checkbox"] {
    margin: 0 .25em 0 0;
    vertical-align: baseline;
}

.js #searchsend { padding: 0; }

.no-js #searchsend { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* details summary::-webkit-details-marker workaround for Mozilla and Webkit - which makes Moz work */
details summary {
    display: list-item;
}
/* details polyfill */
.no-details details > * { display: none; }
.no-details details > summary:before { content: '\25BA '; float: left; width: 20px; }
.no-details details.open > summary:before { content: '\25BC '; }
.no-details details summary { display: block; }

input[type=text],
input[type=search],
input[type=email],
input[type=url],
textarea {
    border: 1px solid #aaa;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.placeholder,
textarea.placeholder { color: #aaa; }

input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    color: #222;
    outline: 0 none;
    -webkit-box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
    -moz-box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
    box-shadow: 0 0 2px 1px rgba(41,69,100,.5);
}

.no-boxshadow input[type=text]:focus,
.no-boxshadow input[type=search]:focus,
.no-boxshadow input[type=email]:focus,
.no-boxshadow input[type=url]:focus,
.no-boxshadow textarea:focus { border: 1px solid #294564; }

input, textarea { padding: 3px; }
button { padding: 4px; }

img,
audio, video,
embed, object,
.serendipity_entry_body iframe,
.serendipity_staticpage iframe { max-width: 100%; }

.serendipity_entry_body {font-family: Source Serif Pro, Georgia;}

img, video { height: auto; }

q { quotes: '“' '”' '‘' '’'; }
:lang(de) q { quotes: '„' '“' '‚' '‘'; }
q:before   { content: '“'; content: open-quote;  }
q:after    { content: '”'; content: close-quote; }
q q:before { content: '‘'; content: open-quote;  }
q q:after  { content: '’'; content: close-quote; }
:lang(de) q:before   { content: '„'; content: open-quote;  }
:lang(de) q:after    { content: '“'; content: close-quote; }
:lang(de) q q:before { content: '‚'; content: open-quote;  }
:lang(de) q q:after  { content: '‘'; content: close-quote; }
blockquote p { quotes: '“' '”'; }
blockquote p:before { content: ''; content: no-open-quote; }
blockquote p:after  { content: ''; content: no-close-quote; }
blockquote p:first-child:before { content: '“'; content: open-quote;  }
blockquote p:last-child: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-child:before,
blockquote:lang(de)  p:first-child:before { content: '„'; content: open-quote; }
:lang(de) blockquote p:last-child:after,
blockquote:lang(de)  p:last-child:after  { content: '“'; content: close-quote; }

a, a:active, a:visited { color: #0000EE; }
a:hover { color: #d52; }

#identity a,
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { text-align: left; color: rgb(0,0,238); text-decoration: rgb(0,0,238); font-family: Georgia, serif;}

::-moz-selection{ background: #222; color:#fff; text-shadow: none; }
::selection { background:#222; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #d52; }

.droid, .droid button,
.droid input, .droid select,
.droid textarea { font-family: 'Droid Sans', sans-serif; }

.ptsans, .ptsans button,
.ptsans input, .ptsans select,
.ptsans textarea { font-family: 'PT Sans', sans-serif; }

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

.cabin, .cabin button,
.cabin input, .cabin select,
.cabin textarea { font-family: 'Cabin', sans-serif; }

.ubuntu, .ubuntu button,
.ubuntu input, .ubuntu select,
.ubuntu textarea { font-family: 'Ubuntu', sans-serif; }

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


p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hypens: auto;
    hyphens: auto;
}

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

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

h1 { font-size: 2em; text-align: left; color: black;}

tit { line-height: 35pt; color: black; text-decoration: none;font-weight: normal; text-align: center; font-size: 33px;font-family: Georgia, serif;}
desc { line-height: 30pt; color: black; letter-spacing: 1px; text-align: center; font-size: 1.35em; font-family: Georgia, serif;}


h2 {
    font-family: Georgia, serif;
    color: rgb(0, 0, 0);
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-size-adjust: none;
    font-weight: 400;
    font-size: 1.5em;
    margin: 0 0 .6667em;
    text-align: left;
    
}


h1, h2 { line-height: 1.25; }

.serendipity_entry header h2 { margin: 0 0 .3333em; }

h3 {
    font-size: 1.25em;
    margin: 0 0 .8em;
    border-bottom: 1px dotted;
    text-align: left;
}

.sidebar_plugin>h3 {
    color: black;
    font-weight: normal;
}

h4, h5, h6,
.staticpage_results h3,
.comment_results h3,
.serendipity_freeTag { font-size: 1em; }

.serendipity_commentBody p { font-style:italic; color: #5E2F00}

h4, h5, h6,
p, ul, ol, dl,
table, details,
audio, video,
.fluid-width-video-wrapper,
#trackback_url,
.manage_comments,
.plugin_comment_wrap,
p.whiteline, #searchform>div,
.serendipity_entry_body .plainList,
#page, #primary-nav,
.serendipity_calendar,
.serendipity_freetag_taglist,
.serendipity_entrypaging,
#serendipity_emoticonchooser { margin: 0 0 1em; }

summary { cursor: pointer; }

.plainList {list-style-type: square; margin-left: 0; padding-left: 16px;}
.category_depth0 { margin-left: 0pt; font-size: 90%;}
.category_depth1 { margin-left: 10pt; font-size: 90%;}
.category_depth2 { margin-left: 20pt; font-size: 90%;}
.category_depth3 { margin-left: 30pt; font-size: 90%;}


li ul, li ol, p.break,
#serendipity_replyTo,
.serendipity_freeTag { margin: 0; }

blockquote,
blockquote + cite {
    display: block;
    margin: 0 1em 1em;
}

blockquote + cite:before { content: "–\202F"; }

dt,
.serendipity_calendar tfoot a,
.serendipity_calendar tfoot a:active,
.serendipity_calendar tfoot a:visited,
.serendipity_calendar .Today,
.serendipity_freetag_taglist_related { font-weight: bold; }

caption, th, .prev,
.serendipity_freeTag { text-align: left; }

#page {
    background: #fcfcfc;
    overflow: hidden;
    width: 100%;
}

#primary-nav ul {
    display: none;
    margin: 0 auto;
}

.block_level,
fieldset,
.no-js #primary-nav ul,
.form_field label,
.form_tarea label,
.podcastdownload,
#primary-nav select,
.serendipity_comment_captcha .captcha,
.serendipity_comment_captcha label,
.serendipity_freeTag { display: block; }

.serendipity_freeTag { display: inline-block; }
ul.serendipity_freeTag_related { margin-left: 20pt;}
.serendipity_freeTag_related { margin-top:5pt;}

#primary-nav select {
    margin: .5em 1em;
    width: 90%;
}

#identity a,
#primary-nav li,
.archives_date { display: inline-block; }
.archive_summary_pageof {
  display: inherit;
  font-size: small;
  opacity: .7; }

.read_more,
.trackback_url { margin-bottom: 1em; }

#identity h1 {
    margin: .5em 0 0;
    padding: 0 .5em;
}

#identity p {
    color: #666;
    padding: 0 1em;
}

#banner>img { display: none; }

#banner>img,
.plugin_comment_wrap,
.serendipity_entry footer { clear: both; }

.no-nav {
    border-bottom: 2px solid #294564;
    margin-bottom: 2.1429em;
}

#searchform>div { padding: 0 1em; }

#searchform label {
    position: absolute;
    left: -999em;
}

#serendipityQuickSearchTermField,
#serendipity_comment input[type=text],
#serendipity_comment input[type=email],
#serendipity_comment input[type=url] { width: 95%; }

#serendipityQuickSearchTermField { width: 115pt; }

#serendipity_replyTo,
#serendipity_comment textarea { width: 95%; }

#primary-nav {
    /* border-top: 1px solid #294564;
    border-bottom: 1px solid #294564;
    color: #fff; */
}

#primary-nav,
.serendipity_calendar thead,
.serendipity_calendar tfoot {
    background: #294564;
    background-image: url("templates/2k11-HB/img/gradient-dblue.png") left top repeat-x; /* Fallback */
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e5f81), color-stop(100%, #294564));
    background-image: -webkit-linear-gradient(#3e5f81, #294564);
    background-image: -moz-linear-gradient(#3e5f81, #294564);
    background-image: linear-gradient(#3e5f81, #294564);
}

#primary-nav span,
#primary-nav a,
#primary-nav a:active,
#primary-nav a:visited {
    color: #fff;
    display: block;
    padding: .25em 1em;
    border-right: 1px solid #294564;
    text-decoration: none;
}

#primary-nav span { position: relative; }

#primary-nav span:after {
    border-color: #294564 transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    margin: -8px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    z-index: 10;
}

#primary-nav a:hover,
#primary-nav a:focus { color: #000; }

#primary-nav a:hover,
#primary-nav a:focus {
    background: #aabcc5;
    background-image: url("templates/2k11-HB/img/gradient-lblue.png") left top repeat-x; /* Fallback */
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdee7), color-stop(100%, #aabcc5));
    background-image: -webkit-linear-gradient(#ccdee7, #aabcc5);
    background-image: -moz-linear-gradient(#ccdee7, #aabcc5);
    background-image: linear-gradient(#ccdee7, #aabcc5);
}

.serendipity_entry,
.serendipity_staticpage,
.sidebar_plugin, .archives,
.freetag_cloud, .content_msg,
.serendipity_entrypaging { margin: 0 1em 2em; }

.serendipity_entry.byauthor { margin: 0 1em 1em; }
.comments_permalink { margin-left: 1rem; }

.serendipity_search,
.staticpage_results,
.comment_results,
.nocontent,
.serendipity_blogpdf { margin: 0 1em 1em; }

.serendipity_byline,
.serendipity_entry footer,
.serendipity_staticpage footer,
.serendipity_pagination,
.nocomments,
#trackback_url,
.manage_comments,
.serendipity_edit_nugget {
    color: #666;
    font-size: .8125em;
    line-height: 1.8462;
    text-align: left;
}

.serendipity_section_trackbacks summary {
    display: block;
}

#staticpage_childpages,
.content ul,
.content ol { margin: 0 0 1em 2em; }

#staticpage_childpages li ul,
.content li ul,
.content li ol { margin: 0 0 0 2em; }

.serendipity_entryIcon {
    float: left;
    margin: 0 2em .625em 0;
}

.serendipity_entry table {
    border: 1px solid #aaa;
    display: inline-grid;
    max-width: 100%;
    width: auto;
    overflow: auto;
}

.serendipity_entry caption {
    font-size: .8125em;
    line-height: 1.8462;
    text-align: center;
}

.serendipity_entry th,
.serendipity_entry tfoot td { padding: .125em 1em; }

.serendipity_entry tbody td { padding: .1875em 1em; }

.serendipity_entry thead,
.serendipity_entry tfoot { background: #ddd; }

.serendipity_entry thead { border-bottom: 1px solid #aaa; }
.serendipity_entry tfoot { border-top: 1px solid #aaa; }

.serendipity_entry tbody tr:nth-child(even) { background: #eee; }

.geshi {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
}

.serendipity_entry .geshi,
.serendipity_entry pre {
    background: #eee;
    border: 1px solid #aaa;
    font-size: .875em;
    margin: 0 0 1.2308em;
    padding: .5385em;
    overflow: auto;
}

.serendipity_entry code,
.serendipity_entry kbd,
.serendipity_entry samp {
    font-size: .875em;
    line-height: 1.7143;
}

pre>code,
pre>kbd,
pre>samp,
pre .geshi {
    font-size: 1em;
    line-height: 1.5;
}

.serendipity_byline { margin: 0 0 1.2308em; }

.serendipity_pagination {
    clear: both;
    margin: 0 1.2308em 1.2308em;
}

.serendipity_pagination li {
    float: left;
    position: relative;
}

.serendipity_pagination .info {
    text-align: center;
    width: 100%;
}

.serendipity_pagination .prev,
.serendipity_pagination .next { width: 50%; }

.archives_date { min-width: 10em; }

.serendipity_comments { margin: 1em 0; }

.nocomments,
.serendipity_entry caption { font-style: italic; }

.serendipity_comment cite { font-style: normal; }

.serendipity_comment { margin: 0 0 1em; }
.serendipity_comment.odd {
    background-color: #EEE;
}
.serendipity_comment.even,
.serendipity_comment.odd {
    box-sizing: border-box;
    padding: 1.5em;
    border: 1px solid #DDD;
}
/*
.serendipity_comment_author_self {
    background: #FFFFF7;
    border: 1px solid #CCC;
    padding: .25em;
}
*/
.serendipity_comment_author_self header .pc-owner {
    background: #3e5f81e6;
    padding: .1em .25em;
    border-radius: 3px;
    color: #efefef;
    text-shadow: 1px 1px 2px #222;
}
.serendipity_comment h4 { margin: 0 0 .25em; }

.form_tarea,
.form_toolbar { margin-bottom: 1em; }

.form_field { margin-bottom: .5em; }

.form_radio { display: block; }
.form_radio_inline { display: -webkit-inline-box; display: inline-flex; }
.form_radio_inline label { margin-right: .5em; }

.field_alert .form_control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.field_alert .form_control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.text-alert{color:#dc3545}a.text-alert:focus,a.text-alert:hover{color:#a71d2a}

.serendipity_commentDirection {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    hyphens: none;
}

#c0 { /* a new unsaved comment preview only */
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: .625em;
}

.serendipity_commentDirection {
    color: #222;
    font-size: .8125em;
    line-height: 1.8462;
    margin: 0 0 1.2308em;
    max-width: 96%;
    padding: .3846em;
}

.serendipity_comment_captcha br {
    display: none;
    height: 0;
    visibility:hidden;
}

.serendipity_comment_captcha .captcha {
    border: 1px solid #aaa;
    margin: 1em 0;
}

.serendipity_comment_captcha label { margin: 0 0 .5em; }

#serendipity_comment_page {
    margin: auto .5em;
}
#serendipity_comment_page #serendipity_comment {
    margin-bottom: 1rem;
}
#comments blockquote, #comments blockquote + cite {
    margin: 0 1em 1em;
}

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

.avatar_left {
    float: left;
    margin: 0 .625em .625em 0;
}

.avatar_right {
    float: right;
    margin: 0 0 .625em .625em;
}

.comment_content ul {
    list-style-position: outside;
    margin-left: 1.5em;
}
.serendipity_subscription_on,
.serendipity_subscription_pending,
.serendipity_subscription_off {
    color: #b22222;
    background-color: #f0f8ff;
    padding: 1px 2px;
}
.serendipity_subscription_off {
    display: none;
    visibility: hidden;
}

#colophon p,
.staticpage_metainfo p {
    border-top: 1px solid #ccc;
    color: #666;
    display: block;
    padding: .9167em 0 1em;
}

#colophon p {
    font-size: .8125em;
    padding: .9167em 1.2308em 1em;
}

#colophon i {
    font-style: normal;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important,
.serendipity_msg_success,
.serendipity_msg_notice {
    font-size: .8125em;
    line-height: 1.8462;
    padding: .3846em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.serendipity_msg_important {
    background: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

.serendipity_msg_success {
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}

.serendipity_msg_notice {
    background: #d9edf7;
    border: 1px solid #bce8f1;
    color: #3a87ad;
}

.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 {
    display: block;
    float: none;
    margin: 0 0 1em;
}

.serendipity_image_center {
    display: block;
    margin: 0 auto 1em auto;
}

.serendipity_imageComment_center {
    display: block;
    margin: 0 auto 1em auto;
}

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

.serendipity_imageComment_txt {
    border-top: 0 none;
    color: #222;
    font-size: .8125em;
    line-height: 1.8462;
    padding: .2301em;
    text-align: center;
}

.plain-images .serendipity_image_left,
.plain-images .serendipity_image_right,
.plain-images .serendipity_image_center,
.plain-images .serendipity_imageComment_center,
.plain-images .serendipity_imageComment_left,
.plain-images .serendipity_imageComment_right {
    border: 1px solid #aaa;
}

/* style to center */
.serendipity_image_center {
    display: block;
    margin: 0 auto 1em; }
    p > img.serendipity_image_center {
      margin-bottom: 1em; }
    .serendipity_image_block {
    width: 100%;
}
.serendipity_image_block.col {
    display: inline-block;
}
.serendipity_image_block.col img {
    margin: 0;
}
.plain-images .serendipity_imageComment_txt {
    background: #ddd;
}

.fancy-images .serendipity_image_left,
.fancy-images .serendipity_image_right,
.fancy-images .serendipity_image_center,
.fancy-images .serendipity_imageComment_img {
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.5);
    box-shadow: 0 0 2px 1px rgba(0,0,0,.5);
}

.no-boxshadow .fancy-images .serendipity_image_left,
.no-boxshadow .fancy-images .serendipity_image_right,
.no-boxshadow .fancy-images .serendipity_image_center,
.no-boxshadow .fancy-images .serendipity_imageComment_img {
    border: 1px solid #aaa;
}

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

@media only screen and (min-width: 552px) {
  .serendipity_image_block.col {
    display: block; }
}

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

.serendipity_calendar {
    border: 1px solid #3e5f81;
    width: 85%;
}

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

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

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

.serendipity_calendar th,
.serendipity_calendar td {
    padding: .125em;
    text-align: center;
}

.plugin_comment_body {
    overflow-wrap: break-word;
}

.next { text-align: right; }

.serendipity_calendar abbr[title] { border: 0 none; }

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

.serendipity_freetag_taglist_related { font-size: 1.25em; }

#twitter_update_list { list-style: none; }

#twitter_update_list li { margin: 0 0 1em; }

.twitter_update_time {
    display: block;
    text-align: right;
}

.serendipity_entrypaging_left,
.serendipity_entrypaging_right { display: block; }

.serendipity_entrypaging_left { text-align: left; }
.serendipity_entrypaging_right { text-align: right; }

.serendipity_entrypaging>.epicon { display: none; visibility: hidden; }

.generatedcontent .epicon { display: none; visibility: hidden; }
.generatedcontent .serendipity_entrypaging_left:before { content: "← "; vertical-align: text-bottom; }
.generatedcontent .serendipity_entrypaging_right:after { content: " →"; vertical-align: text-bottom; }

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

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

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

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

.serendipity_findmore,
.serendipity_findmore_like {
    list-style: none;
    margin: 0;
}

.serendipity_findmore {
    padding: 0;
    text-align: left;
}

.serendipity_findmore li,
.serendipity_findmore_like li {
    display: inline-block;
    margin: 0 4px 8px 0;
}

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

.findmore_like_button { min-width: 120px; }

.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;
}

.serendipity_comment_spice { background: #eee; }

.commentspice_rss_input {
    background: #fff;
    border: 1px solid #aaa;
    color: #666;
    max-width: 320px;
    min-width: 52%;
    overflow: hidden;
    padding-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.commentspice_announce_article {
    clear: both;
    font-size: .8125em;
    margin-bottom: 0;
    padding-top: 0;
    text-align: left;
}

.short-heading {
    float: left;
    width: 64%;
}

.twitter_follow {
    float: right;
    width: 34%;
}

.serendipity_entry footer>.FlattrButton {
    margin: 0 .4em;
    position: relative;
    top: .5em;
}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media only screen and (min-width: 481px) {
    #serendipityQuickSearchTermField { max-width: 15em; }

    #serendipity_comment input[type=text],
    #serendipity_comment input[type=email],
    #serendipity_comment input[type=url] { max-width: 20em; }

    #serendipity_replyTo { max-width: 20.5em; }

    #serendipity_comment textarea { max-width: 30em; }

    .serendipity_commentDirection { max-width: 36.75em;}

    #primary-nav ul { display: block; }

    #primary-nav select { display: none; }

    #sidebar_left,
    #sidebar_right { padding: 0 1em; }

    .sidebar_plugin {
        float: left;
        margin: 0 0 2em;
        width: 47.5%;
    }

    #sidebar_left .odd,
    #sidebar_right .odd {
        clear: both;
        margin-right: 5%;
    }

    .serendipity_image_left {
        float: left;
        margin: 0 2em 1em 0;
    }

    .serendipity_image_right {
        float: right;
        margin: 0 0 1em 2em;
    }

    .serendipity_imageComment_left {
        display: inline;
        float: left;
        margin: 0 2em 1em 0;
    }

    .serendipity_imageComment_right {
        display: inline;
        float: right;
        margin: 0 0 1em 2em;
    }

    .serendipity_pagination .info {
        left: 25%;
        width: 50%;
    }

    .serendipity_pagination .prev {
        left: -50%;
        width: 25%;
    }

    .serendipity_pagination .next { width: 25%; }

    .archives_year {
        float: left;
        width: 48%;
    }

    .arch_odd {
        clear: left;
        margin: 0 2% 0 0;
    }

    .arch_even { margin: 0 0 0 2%; }

    .archives_date { min-width: 7em; }

    .serendipity_entrypaging { overflow: hidden; }

    .serendipity_entrypaging_left { float: left; }
    .serendipity_entrypaging_right { float: right; }

    .serendipity_entrypaging_left,
    .serendipity_entrypaging_right {
        display: inline-block;
        white-space: nowrap;
        width: auto;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .serendipity_entrypaging_right {
        text-overflow: "… →"; /* not for chrome */
    }

}

@media only screen and (min-width: 768px) {
    body {
        background: #ddd;
        padding: 1em 0;
    }

    #page {
        border: 1px solid #aaa;
        margin: 0 auto 1em;
        max-width: 70em;
        width: 96%;
        -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
        box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
    }

    #identity h1 { margin: 1em 0 0; }

    #searchform>div { margin-top: 4.4em; }

    #identity p, #searchform>div { margin-bottom: 5.0em; text-align: center;}

    #primary-nav { margin-bottom: 4em; }

    #banner>img { display: block; }

    #identity, #searchform,
    #content,
    #sidebar_left,
    #sidebar_right {
        float: left;
        position: relative;
    }

#sidebar_right p { hyphens: none; }

    #content.preview_preview_content {
        width: 98%;
    }
    #identity { width: 100%; }
    #content { width: 65%; margin-left: 25pt; text-align: justify; }
    #searchform { width: 25%; }
    #sidebar_left,
    #sidebar_right { margin-left: 60pt; width: 21%; }
    .col2l #sidebar_left { left: -62%; }
    .col2l #content { left: 38%; }
    .col2l #searchform { text-align: right; }

    #sidebar_left,
    #sidebar_right { padding: 0pt; }

    #sidebar_left .odd,
    #sidebar_right .odd {
        clear: none;
        margin-right: 1em;
    }

    .sidebar_plugin {
        float: none;
        width: auto;
    }

    #sidebar_left .sidebar_plugin,
    #sidebar_right .sidebar_plugin { margin: 0 1em 2em 2em; }

    #searchform>div { padding: 0 1em 0 2em; }

    .content blockquote {
        border-left: 4px solid #aaa;
        padding-left: .75em;
    }

    .content pre {
        min-width: 6em; }

    .content blockquote,
    .content blockquote + cite { margin: 0 2.5em 1em; }

    .commentlevel-1 { margin-left: 1em; }
    .commentlevel-2 { margin-left: 2em; }
    .commentlevel-3 { margin-left: 3em; }
    .commentlevel-4 { margin-left: 4em; }
    .commentlevel-5 { margin-left: 5em; }
    .commentlevel-6 { margin-left: 6em; }
    .commentlevel-7 { margin-left: 7em; }
    .commentlevel-8 { margin-left: 8em; }
    .commentlevel-9 { margin-left: 9em; }

    #serendipity_comment textarea {
        max-width: 100%;
        resize: both;
        width: 26.25em;
    }
}

@media only screen and (min-width:1024px) {
    #identity h1 { padding: 0 1em; }

    #identity p,
    #searchform>div { padding: 0 2em; }

    #primary-nav ul { margin: 0 1em; }

    .col3 #content { width: 50%; }
    .col3 #searchform,
    .col3 #sidebar_left,
    .col3 #sidebar_right { width: 25%; }
    .col3 #identity { width: 75%; }
    .col3 #content { left: 25%; }
    .col3 #sidebar_left { left: -50%; }

    #sidebar_left .sidebar_plugin { margin: 0 2em 2em 1em; }

    .serendipity_search,
    .staticpage_results,
    .comment_results,
    .nocontent,
    .serendipity_entrypaging,
    .serendipity_blogpdf { margin: 0 2em 1em; }

    .serendipity_entry { margin: 0 2em 2rem; }
    .serendipity_entry.byauthor { margin: 0 2em 1em; }
    .comments_permalink { margin-left: 2rem; }

    .archives, .freetag_cloud,
    .content_msg,
    .serendipity_staticpage,
    #sidebar_left .sidebar_plugin,
    #sidebar_right .sidebar_plugin { margin: 0 2em 2em; }

    .serendipity_pagination { margin: 0 2.4615em 1.2308em; }

    #colophon p { padding: .9167em 2.4615em 1em; }

    #serendipity_comment textarea { width: 30em; }
    
    #serendipity_commentBody p { font-style:italic; color: #5E2F00}
}

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { text-decoration: underline; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; padding: 0.25cm 0.25cm 0; }
    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; }

    #searchform, #primary-nav,
    #sidebar_left, #sidebar_right,
    #colophon, audio, video,
    .serendipity_entry>footer,
    .serendipity_entrypaging,
    .serendipity_pagination,
    #trackback_url, .manage_comments,
    .serendipity_comment>details,
    .serendipity_comment>footer,
    .comment_avatar, #respond,
    .serendipity_commentForm,.serendipityCommentForm { display: none;}

    body { font-family: Times, "Times New Roman", serif !important; }
}

/* serendipity_event_spamblock_bee start */

.spambeehidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.comment_phone_input {
    max-width: 100%;
    display:none;
    visibility:hidden;
}

/* serendipity_event_spamblock_bee end */


/* nl2br plugin start */

p.whiteline, /* keep whiteline for compat */
p.wl_nobottom {
    margin-bottom: 0em;
}
p.wl_notop {
    margin-top: 0em;
}
p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* nl2br plugin end */



/* Footnotes (generated by serendipity_event_markdown) */

a.footnote-ref:after {
    content: ")";
}

.footnotes hr {
    border-top: dashed #cccccc;
    border-width: 1px;
}

/* mostly taken from http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
.footnotes ol {
    counter-reset: li;
    margin-top: 0.2em;
    margin-left: 1.5em;
    padding-left: 0;
}
.footnotes ol > li {
    list-style: none;
    position: relative;
    padding-left: 0.5em;
    font-size: 90%;
}
.footnotes ol > li:before {
    content: counter(li)")";
    counter-increment: li;
    position: absolute;
    left: -2em;
    top: -0.1em;
    width: 2em;
    text-align: right;
    font-size: 80%;
    font-weight: bold;
}

/* --- end of Footnotes */


/*** START staticpage event plugin css ***/

/*
 shorten very long staticpage titles by CSS,
 width: 16em is for small sidebars.
 Please overwrite for your templates needs.
*/
.sidebar_content .spp_title,
.serendipitySideBarContent .spp_title,
.sidebar_content .node,
.serendipitySideBarContent .node {
    padding-left: 0px;
    text-overflow: ellipsis;
    display: inline-block;
    width: 16em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-weight: normal;
}

.staticpage_index_navigation {
    margin: 0 2em 1em;
}
#staticpage_nav {
    border: 1px solid #aaa;
    margin-bottom: 1em;
}
#staticpage_nav .staticpage_navigation {
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0;
    display: block;
    border: 0 none;
    background-color: inherit;
}
#staticpage_nav .staticpage_navigation li,
#staticpage_nav .staticpage_navigation_breadcrumb {
    display: inline-block;
}
#staticpage_nav .staticpage_navigation_left {
    float: left;
}
#staticpage_nav .staticpage_navigation_center {
    text-align: center;
}
#staticpage_nav .staticpage_navigation_right {
    float: right;
}
#staticpage_nav .staticpage_navigation_breadcrumb {
    background: none repeat scroll 0% 0% #EEE;
    padding: 0.2em 0.5em;
}
#staticpage_nav .staticpage_navigation_dummy {
    color: #bbb;
}

.staticpage_metainfo {
    margin-top: 1em;
}

.staticpage_results {
    text-align: left;
}

/* for older sidebar templates not using ul li lists and the plugin_staticpage non-smartified option */
.serendipity_plugin_staticpage .spp_title {
    display: list-item;
    list-style: none;
}

.sidebar_content .spp_title:after,
.serendipitySideBarContent .spp_title:after {
    content:"\a";
    white-space: pre;
}

/*** END staticpage event plugin css ***/




/* serendipity_event_freetag plugin and cloud selectors start */

.container_serendipity_plugin_freetag ul,
.serendipity_freetag_taglist ul,
.serendipity_plugin_freetag ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.serendipity_freetag_taglist ul span,
.serendipity_freetag_taglist ul span a,
.container_serendipity_plugin_freetag ul span,
.container_serendipity_plugin_freetag ul span a,
.serendipity_plugin_freetag ul span,
.serendipity_plugin_freetag ul span a {
    line-height: 1rem;
/*    color: #666;*/
    hyphens: auto;
    word-wrap: break-word;
}
.container_serendipity_plugin_freetag ul span a:hover,
.serendipity_freetag_taglist ul span a:hover,
.serendipity_plugin_freetag ul span a:hover {
    text-decoration: underline;
}
.serendipity_freetag_taglist ul span a,
.container_serendipity_plugin_freetag ul span a,
.serendipity_plugin_freetag ul span a {
    text-decoration: none;
}
.serendipity_freeTag_xmlTagEntry {
    white-space: nowrap;
    display: inline;
    width: 100%;
}
.serendipitySideBarItem.serendipity_plugin_freetag {
  padding-bottom: 1rem;
}
.serendipity_plugin_freetag .serendipity_edit_nugget {
    margin-top: 1.5em;
    margin-bottom: -.25em;
}
.serendipity_freetag_taglist {
    background: inherit;
    border: 0 none;
    padding: 0;
    font-size: initial;
}

/* canvas clouds */

.serendipity_plugin_freetag #tags ul li {
    display: inline;
}
.freetag_wordcloud {
    width: 100%;
    height: 320px;
    margin: 0px;
    padding: 0;
    background: transparent;
    page-break-after: always;
    page-break-inside: avoid;
}
.freetag_wordcloud span { white-space: normal; }

.freetag_rotacloud {
    margin: 0px;
    padding: 0;
    width: 100%;
    overflow: visible;
}

/* serendipity_event_freetag plugin and cloud selectors end */


/* additional freetag styles */
.serendipity_freetag_taglist .ftr-empty {
    margin-left: 1rem;
    font-style: italic;
    color: #6495ed;
}