/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: ;
    color: ;
    }

.ContextualPopup a, .icon-browser a { color: ; }
.ContextualPopup a:visited { color: ; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: ; }

/* general tags */

pre, code {
    border: 1px solid transparent;
    border-radius: 6px;
    white-space: pre-wrap;
    overflow: auto;
}
code {
    padding: 0 0.25em;
}
pre {
    margin: 0 1.75em 0 0;
    padding: 0.25em;
}
    pre code {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
blockquote { border-left: 0.2em solid transparent; margin-left: 0.7em; margin-right: 0; padding-left: 0.7em; }

h2 { text-transform: lowercase; font-weight: 400; margin: 0; }

a, a:link { text-decoration: none; }
a:hover { text-decoration: underline; }

/* layout css */
html, body { margin: 0; padding: 0; }
body {
  font-family: "PT Sans Caption Regular", "DejaVu Sans", Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13pt; font-weight: 300; line-height: 1.6em;
}
#wrapper { position: relative; display: table; }

#content { padding: 0; }
#sidebar { text-align: right; }
#sidebar .module { clear: both; }

#sidebar .module { clear: both; }
#sidebar .module-list-item { float: left; }

/* a very simple hack to make the mobile view not _complete_ trash */
@media screen and (min-width: 60rem) {
    /* side-by-side sidebar & main content */
    #sidebar, #content { display: table-cell; }
    #content { padding: 0 3em 0 3.8em; }
    #sidebar {
        width: 14em; padding-right: 0.9em;
    }

    /* vertical tabs for sidebar */
    #sidebar .module h2 { position: absolute; top: 0; right: -1.5em; height: 100%; width: 1.2em; }
    #sidebar .module h2 span { transform-origin: 0 0; transform: rotate(90deg); position: relative; left: 1.2em; }

    /* merge lists on sidebar */
    #sidebar .module-list-item { float: none; }

    /* big rotated title */
    #sidebar #top h1#title { margin-left: 14em; white-space: pre; }
    #sidebar #top h1#title a {
        position: absolute; top: 40em; left: 0.9em;
        width: 40em;
        transform-origin: 0 0; transform: rotate(-90deg);
    }
    #sidebar #top h2#subtitle {
        position: absolute; top: 14em; right: 0em;
        transform-origin: 100% 0; transform: rotate(90deg);
    }
}

ul#entries > li.nav ul { display: block; margin: 0 auto; padding: 0; text-align: center; }
    ul#entries > li.nav ul li { display: inline; margin: 0; padding: 0; text-transform: lowercase; }

ul#entries { margin: 0; padding: 0; list-style-type: none; }
ul#entries > li { margin: 0.6em 0; padding: 0.6em; list-style-type: none; }
    ul#entries > li:first-child { margin-top: 0; }
    ul#entries > li:last-child { margin-bottom: 0; }

    ul#entries > li.datebloc { text-align: center; margin: 0 10%; }
    ul#entries > li.datebloc .datetime { display: inline-block; padding: 0.3em 0.7em; text-transform: lowercase; }
    ul#entries > li.datebloc::before { display: block; height: 0.6em; width: 100%;
        margin-bottom: -1em; border-bottom: 1px solid #000;
        content: " "; text-indent: -9000em;
      }
    ul#entries > li.datebloc .date { margin: 0; }

table.month tr, table.month td { width: 6em; height: 4em; }
    .day { position: relative; }
        .day .label { position: absolute; top: 0; left: 0;}
        .day p { text-align: center; }

ul#entries > li.entry,
ul#comments > li
    { position: relative; margin: 0.6em 0 2.4em 0; padding: 0.6em 0.6em 1.2em 0.6em; }

.entry .userpic,
.comment-wrapper .userpic
    { float: right; margin: -33px -33px 0 0.5em; padding: 4px; line-height: 0.1em; }

.entry .userinfo,
.comment-wrapper .poster
    { text-align: right; }
.entry div.datetime,
.comment-wrapper .datetime
    { float: right; padding: 0 0.3em 0.3em 0; }

.comment .footer .icons { text-align: center; }

.entry .interaction { display: block; }
.entry img { max-width: 100%; }

.replyform_wrapper { }
    .replyform_wrapper tr td:first-child { text-transform: lowercase; font-size: 150%; }
    .replyform_wrapper input { width: 20em; }
    .replyform_wrapper input[type] { width: auto; }
    .replyform_wrapper input[type="text"] { width: 20em; }


#footer { padding: 0.5em; overflow: auto; }
    #footer > *:last-child { margin-bottom: 0; }
    #footer ul { margin: 0; padding: 0; }
        #footer ul li { margin: 0; padding: 0; }

    #footer .module { width: 50%; float: left; }

.entry div.tag > ul { float: left}
    .entry div.tag > ul, entry div.tag > ul li { list-style-type: none; margin: 0; padding: 0; }
    .entry div.tag > ul li { display: inline; }
.entry hr { border: none; height: 1px; width: 80%; margin: 0.3em auto; overflow: auto; }


#sidebar .module { position: relative; margin: 0 0.5em 1em 0; }
    #sidebar .module h2 { border-radius: 8px; white-space: pre; }
    #sidebar .module h2 span { display: block; padding: 0 0.5em 0 0.5em; }
#sidebar .module-calendar table { width: 100%; }

#sidebar #top { position: relative; }
#sidebar #top h1#title {
    position: relative;
    font-size: 100%; text-align: right;
}
#sidebar #top { height: 15em; }
#sidebar #top h1#title a { font-family: serif; }
    #sidebar #top h1#title a {
        z-index: 2; display: block;
        font-size: 300%; font-family: "PT Sans Caption Regular", Arial, 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase;
    }
    #sidebar #top h1#title a:hover { text-decoration: none; }
#sidebar #top h2#subtitle {
    width: 15.5em; height: 3em;
    margin-top: 1em;
    text-align: center; font-weight: 300; font-size: 100%;
}
    #sidebar #top h2#subtitle span { font-size: 150%; }
#sidebar h2#pagetitle { display: none; }

#sidebar #top .module-userprofile h2 { display: none; }
#sidebar #top .module-userprofile .module-content { text-align: right; padding: 3em 4.5em 0 0; }
    #sidebar #top .module-userprofile .userpic { padding-bottom: 0.6em; }
#sidebar #top .module-userprofile .journal-name { display: none; }

#sidebar ul.module-list {
    list-style-type: none;
    margin: 0; padding: 0;
    position: relative; z-index: 1;
}
#sidebar ul.module-list li {
    text-transform: lowercase;
    margin: 0.2em 0; padding: 0 4px;
}

ul#comments { margin: 0; padding: 0; list-style-type: none; }
textarea#commenttext { height: 15em; width: 100%; }

/* styling the comment form a little */
#talkform-from { display: flex; flex-wrap: wrap; position: relative; }
#talkform-from > label { position: absolute; top: -1.4em;}

.manage-tags-link { clear: both; }
.module-header { clear: both; }

/* minor css */

ul.entry-management-links,
ul.entry-interaction-links.icon-links,
ul.userlite-interaction-links { display: block; margin: 0; padding: 0; }
ul.comment-management-links { display: inline-block; margin: 0; padding: 0; }

ul.entry-management-links > li,
ul.entry-interaction-links.icon-links > li,
ul.comment-management-links > li,
ul.userlite-interaction-links > li { display: inline; }

ul.entry-management-links.icon-links { text-align: center; }

ul.entry-interaction-links.text-links,
ul.comment-interaction-links.text-links {
    text-transform: lowercase; list-style-type: none;
    margin: 0em -33px -2.4em 0; overflow: auto;
}
ul.comment-interaction-links.text-links li,
ul.entry-interaction-links.text-links li { margin: 0.2em 0.4em; padding: 0 4px; display: inline-block; }

/* turn off the permalink (date & comment link are still there) since three text link
 * items was enough to mess with the layout */
#entries .entry-permalink { display: none; }
/* can't change Entry::print_tags (it's fixed) but we can just ignore the 'Tags:' text */
span.tag-text { display: none; }

.tag { font-size: 200%; font-style: italic; line-height: 1em; }
.tag a:link::before { content: "#"; }

/* colors */

html, body { background: #000; color: #efc; }

pre { box-shadow: 0px 0px 18px 0px #631; background: #140d0b; color: #efc; }
code { box-shadow: 0px 0px 12px 0px #631; background: #140d0b; color: #efc; }
blockquote { border-color: #efc; }

#sidebar .module h2 { background: #c61; color: #111; }
#sidebar .module h2 a { color: #111; }

#sidebar { background: #f8ffe0; color: #502810; }
    #sidebar a, #sidebar a:link { color: #c61; }

    #sidebar ul.module-list li { background: #ecf2d5; }

    #sidebar .module-calendar th:nth-of-type(2n),
    #sidebar .module-calendar td:nth-of-type(2n) { background: #ecf2d5; }

#content { background: #000; color: #efc; }
    #content a, #content a:link { color: #fb3; }

    ul#entries > li.nav { background: #100b08; }
    ul#entries > li.datebloc {  }
        ul#entries > li.datebloc .datetime { background: #000; }
    ul#entries > li.entry,
    ul#comments > li { background: #140b08; }
    .entry .userpic { background: #140b08; }
    ul.entry-interaction-links.text-links li,
    ul.comment-interaction-links li { background: #140d0b; }
    .entry hr { background: #631; }

    ul#entries > li.datebloc::before { border-color: #631; }

#footer { background: #000; color: #efc;}