/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: #3e203c;
    color: #ffffff;
    }

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


#lj_controlstrip {
    background-color: #090a0b;
    background-image: none;
}

#lj_controlstrip {
    color: #ffffff;
    border-bottom: 1px solid #41424d;
}

#lj_controlstrip_statustext {
    color: #ffffff;
}

#lj_controlstrip a {
    color: #d90429;
}

#lj_controlstrip_user,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #41424d;
}

#lj_controlstrip_login td {
    border-bottom: 0;
}

#lj_controlstrip td td {
    border-bottom: 0;
}
H1, H2, H3 {
    margin: .25em 0;
    padding: .25em 0;
}

h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

img {
    border: none;
}

hr {
    display: none;
}
.entry-content hr,
.comment-content hr {
    display: block;
    margin: 1em 10%;
}

body {
    font-family: 'Ubuntu', sans-serif; font-size: 0.9em;
    padding: 0;
    background: transparent url("https://i.imgur.com/vgi2XGX.png") repeat top left;
    color: #ffffff;
border: solid 1px #6d3769;

}

#canvas {
    margin-left: %;
    margin-right: %;
}

a { color: #b1749f;
 }
a:visited { color: #b1749f;
 }
a:hover { color: #e02966;
 }
a:active {  }

q { font-style: italic; }

/* #content layout */
#content { float: none; }
@media only screen and (min-width: 60em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 20em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 20em solid transparent;
    }
    .three-columns-left #content {
        border-left: 40em solid transparent;
    }
    .three-columns-right #content {
        border-right: 40em solid transparent;
    }
    .column-right #content {
        min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
    }
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

#header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
}

#header {
    background: #3e203c;
    color: #ffffff;

}

h1#title {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Ubuntu', sans-serif; font-size: 0.8em;
}

#footer {
    background: #3e203c;
}

#footer a { color: #b1749f;
 }
#footer a:visited { color: #b1749f;
 }
#footer a:hover { color: #e02966;
 }
#footer a:active {  }

#primary {
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

#primary > .inner:first-child, #secondary > .inner:first-child, #tertiary > .inner:first-child {
    padding: 1em;
}

/* modules layout */
#primary { float: none; }
#secondary, #tertiary { width: 100%; }

@media only screen and (min-width: 60em) {
    .multiple-columns #primary {
        float: left;
    }

    .two-columns-left #secondary,
    .three-columns-sides #secondary {
        float: left;
        width: 20em;
        margin-left: -20em;
    }
    .two-columns-right #secondary {
        float: right;
        width: 20em;
        margin-right: -20em;
    }
    .three-columns-left #secondary {
        float: left;
        width: 20em;
        margin-left: -40em;
    }
    .three-columns-right #secondary {
        float: right;
        width: 20em;
        margin-right: -20em;
    }

    .two-columns #tertiary {
        clear: both;
        width: auto;
    }
    .two-columns-left #tertiary { margin-left: -20em; }
    .two-columns-right #tertiary { margin-right: -20em; }
    .two-columns #tertiary .module {
        float: left;
        width: 20em;
    }
    .three-columns-left #tertiary {
        float: left;
        width: 20em;
        margin-left: -20em;
    }
    .three-columns-right #tertiary {
        float: right;
        width: 20em;
        margin-right: -40em;
        margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */
    }
    .three-columns-sides #tertiary {
        float: right;
        width: 20em;
        margin-right: -20em;
    }
}

.navigation ul {
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}

/* entries */

.entry {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

}

.entry .entry-title {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
}

.entry .entry-title, .entry .entry-title a {
    
}

.no-subject .entry .entry-title {
    background: none;
    border: none;
}

.entry .contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.entry a { color: #b1749f;
 }
.entry a:visited { color: #b1749f;
 }
.entry a:hover { color: #e02966;
 }
.entry a:active {  }

/* ensure comment content stretches out horizontally so it's readable */
.comment-content:before {
    content: "";
    display: block;
    overflow: hidden;
    width: 10em;
}
.comment-content { border-top: 1px transparent solid; } /* for firefox */

/* Don't add space after last element in an entry/comment. Avoids extra gaps */
/* if there's paragraph tags (markdown) instead of text nodes (casual HTML). */
.entry-content > :last-child,
.comment-content > :last-child {
    margin-bottom: 0;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.metadata ul {
    display: inline;
    list-style: none;
    margin-left: .5em;
    padding-left: 0;
}
.metadata li {
    margin-bottom: .5em;
}
.metadata.top-metadata ul {
    margin: 0;
}
.metadata.top-metadata {
    margin-bottom: 1em;
}

.metadata-item, .poster-ip {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.tag ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.tag ul li {
    display: inline;
} /* same for month view */

ul.entry-management-links {
    margin-left: 0;
    padding-left: 0;
}
ul.entry-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}

.entry-interaction-links a, .entry-management-links a {  }
.entry-interaction-links a:visited, .entry-management-links a:visited {  }
.entry-interaction-links a:hover, .entry-management-links a:hover {  }
.entry-interaction-links a:active, .entry-management-links a:active {  }

ul.entry-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

/* comments */

.comment-posted {font-weight:bold;}



.comment-wrapper {
    padding: .5em 0;
    min-width: 15em;
}

.comment .admin-poster {
    white-space: nowrap;
}

.comment .comment-title {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    margin: 0;
}

.comment .comment-title, .comment .comment-title a {
    color: #ffffff;

}

.no-subject .comment .comment-title {
    background: none;
    border: none;
}

.comment .contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

ul.comment-management-links {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}
ul.comment-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.comment-interaction-links {
    margin-left: 0;
    padding-left: 0;
}
ul.comment-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

textarea#commenttext {
    width: 100%; /* fix for FF form width glitch */
}

/* archive */

table.month {
    margin: 0 auto;
    border-collapse: collapse;
}
table.month td {
    height: 3.25em;
}
table.month td,
table.month th {
    border: 1px solid; /* ? */
    padding: 3px;
}
table.month td p {
    margin: 0;
    padding: 3px;
}

.month dl dt {
    font-weight: bold;
}
.month dl .time {
    padding-right: .5em;
}
.month dl h3 {
    display: inline;
    font-size: medium;
}
.page-month .month .entry-poster {
    margin-right: .5em;
}
.month dl .tag ul {
    margin-top: 0;
}

/* icons */

.sorting-options ul {
    margin-left: 0;
}

.sorting-options ul li {
    display: inline;
}

.icon-keywords ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.icon-keywords ul li {
    display: inline;
}

/* modules */

.module {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

}

.module a { color: #b1749f;
 }
.module a:visited { color: #b1749f;
 }
.module a:hover { color: #e02966;
 }
.module a:active {  }

.module h2 {
    color: #ffffff;

    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
}

.module-content {
    font-family: 'Ubuntu', sans-serif; font-size: 0.9em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

ul.userlite-interaction-links.icon-links {
    margin-left: 0;
    padding-left: 0;
}

ul.userlite-interaction-links.icon-links li {
    display: inline;
    padding: 0 .20em;
}

ul.userlite-interaction-links.text-links {
    text-align: left;
}

.any-column .module-calendar table { margin: 0; }
.module-calendar .module-content { text-align: left; }
@media only screen and (min-width: 60em) {
    .multiple-columns .module-calendar .module-content {
        text-align: center;
    }

    .multiple-columns .module-calendar table {
        margin: 0 auto;
    }

    .multiple-columns .module-syndicate .module-content {
        text-align: center;
    }
}

.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

.search-box {
    margin: .2em auto;
    max-width: 100%;
}

.search-form .search-box-item,
.search-form .search-button-item {
    display: block
}

.search-form .comment_search_checkbox_item {
    display: inline
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
    white-space: normal !important;
}
.module-pagesummary .module-content {
    word-wrap: break-word;
}

.module-credit .category-title {
    font-weight: bold;
}

.tags_cloud li, .module-tags_cloud li { display: inline; }

/* avoid Dramatic Woodchuck zoom effect on form fields (polls, search, etc.) */
@media (pointer: coarse) {
    input[type="text"], select {
        font-size: 16px;
    }
}


             .entry .userpic,
             .comment .userpic {
                 text-align: right;
                 }

             /* Don't add extra height at bottom of userpic box */
             .userpic a {
                display: block;
                line-height: 0;
                }
             

#header .module-wrapper {display: none;}
    

/* Snakes & Boxes by pari
/* Singularity by baisemain
******************************/

/* Fonts
******************************/

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/materialsymbolsoutlined/v153/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2")
    format('woff2');
}

/* latin-ext */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRP2l2eY.woff2") format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Columns
******************************/

.multiple-columns #primary,
.multiple-columns #secondary,
.multiple-columns #tertiary {
    margin-left: 0;
    margin-right: 0;
}

#invisible-separator {
    display: none;
}

@media only screen and (min-width: 60em) {
    .multiple-columns #content {
        border-left: 0;
        border-right: 0;
    }

    .multiple-columns #content > .inner {
        display: grid;
        grid-template-rows: [content-start] auto [content-end footer-start] auto [footer-end];
    }

    .two-columns-left #content > .inner {
        grid-template-columns: [sidebar1-start] 20em [sidebar1-end content-start] auto [content-end];
    }

    .two-columns-right #content > .inner {
        grid-template-columns: [content-start] auto [content-end sidebar1-start] 20em [sidebar1-end];
    }

    .three-columns-sides #content > .inner {
        grid-template-columns: [sidebar1-start] 20em [sidebar1-end content-start] auto [content-end sidebar2-start] 20em [sidebar2-end];
    }

    .three-columns-left #content > .inner {
        grid-template-columns: [sidebar1-start] 20em [sidebar1-end sidebar2-start] 20em [sidebar2-end content-start] auto [content-end];
    }

    .three-columns-right #content > .inner {
        grid-template-columns: [content-start] auto [content-end sidebar1-start] 20em [sidebar1-end sidebar2-start] 20em [sidebar2-end];
    }

    #content > .inner > #primary {
        grid-row: content-start / content-end;
        grid-column: content-start / content-end;
    }

    #content > .inner > #secondary {
        grid-row: content-start / content-end;
        grid-column: sidebar1-start / sidebar1-end;
    }

    .two-columns-left #content > .inner > #tertiary,
    .two-columns-right #content > .inner > #tertiary {
        grid-row: footer-start / footer-end;
        grid-column: 1/-1;
    }

    .three-columns-sides #content > .inner > #tertiary,
    .three-columns-left #content > .inner > #tertiary,
    .three-columns-right #content > .inner > #tertiary {
        grid-row: content-start / content-end;
        grid-column: sidebar2-start / sidebar2-end;
    }
}

/* Main
******************************/

:root {
    --border-width: 1px;
    --entry-width: 600px;
    --entry-gap: 2.5em;
    --icon-font: 'Material Symbols Outlined';
}

body {
    margin: 0;
    border: 0;
    }

hr {
    border: .1em solid;
    height: .1em;
}

a {
    text-decoration: none;
    transition: all 0.5s;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

p {
    margin: 0;
    margin-bottom: 1.25rem;
}

.entry > .inner {
    border: 0;
}

@media only screen and (min-width: 60em) {
    .entry > .inner {
        display: flex;
        justify-content: center;
    }

    .entry .main-body {
        flex: 0 1 var(--entry-width);
    }
}

/* Make sure content isn't bigger than container */
pre {
    white-space: pre-line;
    word-wrap: break-word;
}

blockquote {
    border: 1px dotted #6d3769;
    margin: 1.25em;
    padding: 0.5rem 1.25rem;
}

input, select, textarea {
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    padding: .5em;
    border-radius: 10px;
}

input, select {
    padding: .1em .5em;
}

ul, ol, dl {
    padding: 0;
    margin-bottom: 1.25rem;
}

ul, ol {
    margin-left: 3rem;
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-left: 1.5em;
    margin-bottom: 0.75rem;
}

.entry-content ul li,
.comment-content ul li {
    list-style-type: circle;
}

.entry-content li,
.comment-content li {
    list-style-position: outside;
}

/* Control Strip
******************************/

#lj_controlstrip {
    justify-content: center;
}

#lj_controlstrip > div {
    flex-grow: 0;
}

#lj_controlstrip_userpic a img {
    border-radius: 50%;
    margin: 5px 0 5px 5px;
}

#lj_controlstrip_search {
    border-right: 0;
}

#lj_controlstrip input {
    border-radius: 10px;
    padding: 0 8px;
    border: 1px solid #6d3769;
    background-color: #3e203c !important;
    color: #ffffff;
}

#lj_controlstrip select {
    border-radius: 10px;
    padding: 1.5px 4px;
    border: 1px solid #6d3769;
    background-color: #3e203c !important;
    color: #ffffff;
}

@media only screen and (max-width: calc(60em - 0.01em)) {
    #lj_controlstrip {
        position: absolute;
        transform: translateY(-100%);
        transition: transform 0.7s;
        z-index: 10;
        gap: 10px 0;
    }

    #lj_controlstrip:before {
        content: '';
        position: absolute;
        bottom: -41px;
        height: 40px;
        width: 40px;
        right: 0;
    }

    #lj_controlstrip:after {
        content: 'settings';
        position: absolute;
        bottom: -41px;
        height: 40px;
        width: 40px;
        right: 0;
        cursor: pointer;
        font-family: var(--icon-font);
        font-size: 22px;
        line-height: 40px;
        text-align: center;
        color: #b1749f;
        background: #3e203c;
        background-clip: padding-box;
        border-radius: 0 0 50% 50%;
    }

    #lj_controlstrip:hover {
        transform: translateY(0);
    }

    #lj_controlstrip > div {
        border: 0;
    }
}

/* Header
******************************/

#header {
    margin: 0 0 1em;
    padding: 0.5em 1em;
    border-bottom: var(--border-width) solid #6d3769;
    text-align: center;
}

@media only screen and (min-width: 60em) {
    #header {
        position: sticky;
        top: -1px;
        z-index: 1000;
    }

    #header .header-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}

h1#title,
h2#pagetitle,
h2#subtitle {
    display: inline-block;
    margin: 0.25rem;
}

h2#pagetitle,
h2#subtitle {
    color: #ffffff;
}

h1#title a {
    color: #ffffff;
    }

#header .nav-links .module {
    width: auto;
}

#header .nav-links .module-navlinks,
#header .nav-links .module-navlinks .module-content {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

#header .nav-links .module-navlinks ul {
    line-height: 1;
}

#header .nav-links .module-navlinks li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 5px;
    width: 22px;
    height: 22px;
    # overflow: hidden;
    # border-radius: 50%;
    font-size: 0;
}

#header .nav-links .module-navlinks li a:before {
    # float: left;
    font-family: var(--icon-font);
    font-size: 22px;
    # vertical-align: middle;
    height: 22px;
    width: 22px;
    line-height: 22px;
    # margin-right: 0.25em;
    # padding-bottom: 1em;
    # color: #b1749f;
    transition: color 0.4s ease;
}

#header li.list-item-recent a:before {
    content: "home";
}

#header li.list-item-archive a:before {
    content: "date_range";
}

#header li.list-item-read a:before {
    content: "local_library";
}

#header li.list-item-tags a:before {
    content: "sell";
}

#header li.list-item-network a:before {
    content: "globe";
}

#header li.list-item-memories a:before {
    content: "favorite";
}

#header li.list-item-userinfo a:before {
    content: "account_circle";
}

#header .nav-links .module-navlinks li a:after {
    padding: 0 1em;
    position: absolute;
    right: 0;
    bottom: -22px;
    background-color: #3e203c;
    border: 1px solid #6d3769;
    color: #b1749f;
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    z-index: 100;
    display: none;
}

#header .nav-links .module-navlinks li:hover a:after {
    display: block;
    animation: appear 0.5s forwards;
}

#header li.list-item-recent a:after {
    content: "Recent Entries";
}

#header li.list-item-archive a:after {
    content: "Archive";
}

#header li.list-item-read a:after {
    content: "Reading";
}

#header li.list-item-tags a:after {
    content: "Tags";
}

#header li.list-item-network a:after {
    content: "Network";
}

#header li.list-item-memories a:after {
    content: "Memories";
}

#header li.list-item-userinfo a:after {
    content: "Profile";
}

@keyframes appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: translateX(-16px);
    }
}


/* Containers
******************************/

#canvas {
    margin: 0;
}

#primary > .inner:first-child {
    padding: 0 1em;
}

#secondary > .inner:first-child,
#tertiary > .inner:first-child {
    padding: 0;
}

.two-columns-left #secondary, .three-columns-sides #secondary {
    float: none;
    margin-left: 0;
}


/* Navigation 
******************************/

.navigation {
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    padding: 1em;
    margin: 0;
}

.navigation.bottomnav {
    margin-bottom: 70px;
}

.page-archive .navigation,
.page-month .navigation {
    margin: 0 0 1em;
}

.page-archive .bottomnav,
.page-month .bottomnav {
    margin-top: 1em;
}

.navigation a { color: #b1749f; }
.navigation a:visited { color: #b1749f; }
.navigation a:hover { color: #e02966; }
.navigation a:active { color: ; }

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.page-archive .navigation ul,
.page-month .navigation ul {
    text-align: center;
    justify-content: center;
    gap: 1em;
}

.navigation li {
    padding: 0;
}

.navigation .page-back a:before,
.navigation .page-forward a:after {
    padding: .2em;
}

.navigation.empty,
li.page-separator {
    display: none;
}

.noentries {
    margin: 0;
    padding: 0.5em;
    text-align: center;
}

/* Entries & Reply to Comment
******************************/

.entry-wrapper {
    margin: 1em 0;
}

.entry {
    background: none;
    border: 0;
    margin: 0 auto var(--entry-gap);
    max-width: var(--entry-width);
}

@media only screen and (min-width: 60em) {
    .entry {
        max-width: none;
    }
}

.entry .header,
.entry-content,
.metadata,
.entry .footer {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    border: 0;
}

.entry .header,
.page-reply .comment .header {
    border-bottom: var(--border-width) solid #6d3769;
    background-color: ;
    color: ;
}

.entry .header a,
.page-reply .comment .header a {
    color: ;
}

@media only screen and (min-width: 60em) {
    .entry .header,
    .page-reply .comment .header {
        border: 0;
        border-bottom: var(--border-width) solid #6d3769;
    }
}

.entry .header .inner,
.page-reply .comment .header .inner {
    padding: 1em;
}

.entry .entry-title {
    margin: 0;
    padding: 0;
}

.entry .datetime {
    font-size: 0.75em;
    letter-spacing: 1px;
    color: #b1749f;
}

.entry .datetime a {
    color: #b1749f;
}

.entry .time,
.entry .date {
    display: inline-block;
    padding: .2em 0;
}

.userpic a {
    display: block;
    line-height: 0;
}

@media only screen and (max-width: calc(60em - 0.01em)) {
    .entry .userpic-block {
        display: grid;
        grid-template-columns: calc(130px - 35px + 2px) 1fr;
        margin-top: var(--entry-gap);
    }

    .entry .userpic-block .userpic {
        background-color: #3e203c;
        border: var(--border-width) solid #6d3769;
        border-bottom: 0;
    }

    .entry .userpic-block .userpic:empty {
        display: none;
    }

    .entry .userpic-block .userpic img {
        padding: 10px 10px;
    }

    .entry .userpic-block .entry-poster {
        display: grid;
        align-content: end;
    }

    .entry .userpic-block .entry-poster .username > span {
        border-bottom: var(--border-width) solid #6d3769;
    }

    .entry .userpic-block .entry-poster .username > span,
    .entry .userpic-block .entry-poster .display-name {
        display: inline-block;
        padding: 10px;
        padding-right: 15px;
        width: fit-content;
        font-size: 0.8em;
        background-color: #3e203c;
        border: var(--border-width) solid #6d3769;
        margin-bottom: calc(var(--border-width) * -1);
        margin-left: calc(var(--border-width) * -1);
    }

    .entry .userpic-block .entry-poster .username > span:before,
    .entry .userpic-block .entry-poster .display-name:before {
        font-family: var(--icon-font);
        font-size: 22px;
        vertical-align: middle;
        height: 22px;
        width: 22px;
        line-height: 22px;
        margin-right: 0.25em;
        color: #b1749f;
    }

    .entry .userpic-block .entry-poster .username > span:first-child:before {
        content: "person";
    }

    .entry .userpic-block .entry-poster .username > span:nth-child(2):before {
        content: "communities";
    }

    .entry .userpic-block .entry-poster .display-name:before {
        content: "signature";
    }
}

@media only screen and (min-width: 60em) {
    .has-userpic .entry .userpic,
    .page-reply .has-userpic .comment .userpic {
        text-align: center;
    }

    .entry .userpic img,
    .page-reply .comment .userpic img {
        border: var(--border-width) solid #6d3769;
        background-color: #6d3769;
        padding: 10px;
        margin-bottom: 2px;
    }

    .entry .poster,
    .page-reply .comment .poster {
        color: #ffffff;
        display: block;
        margin-top: 0.5em;
        text-align: center;
        font-size: 0.8em;
    }

    .entry .poster span,
    .page-reply .comment .poster span {
        display: block;
        margin: 0.5em;
    }
}

/* Force username to break */
.entry .poster a + a,
.page-reply .comment .poster a + a {
    color: #b1749f;
    white-space: pre-line;
    word-wrap: break-word;
}

.entry .poster a:visited, .page-reply .comment .poster a:visited { color: #b1749f; }
.entry .poster a:hover, .page-reply .comment .poster a:hover { color: #e02966; }
.entry .poster a:active, .page-reply .comment .poster a:active { color: ; }

.entry .poster-empty {
    display: none;
}


    @media only screen and (min-width: 60em) {
        .entry > .inner {
            flex-direction: row-reverse;
        }

        .userpic-block {
            width: 130px;
            flex: 0 0 130px;
        }

        .entry-content,
        .top-metadata,
        .page-reply .comment-content {
            clear: left;
        }
    }
    

.entry .main-body {
    background-color: #3e203c;
    border: var(--border-width) solid #6d3769;
    box-sizing: border-box;
}

.entry-content {
    padding: 1em;
    line-height: 1.5;
    overflow: auto;
}

.entry-content * {
    max-width: 100%;
}

.metadata {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

.metadata ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    border: 0 !important;
}

.metadata.top-metadata {
    margin-bottom: 0;
}

.metadata li {
    flex: 1 1 100px;
}

.metadata.top-metadata li {
    border-bottom: var(--border-width) solid #6d3769;
}

.metadata.bottom-metadata li {
    border-top: var(--border-width) solid #6d3769;
}

.metadata li {
    margin-bottom: 0;
    padding: 0.5em 1em;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.metadata li span.metadata-item a {
    overflow-wrap: anywhere;
}

.metadata li span.metadata-label {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 0;
}

.metadata li span.metadata-label:before {
    font-family: var(--icon-font);
    font-size: 22px;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-right: 0.25em;
    padding-bottom: 1em;
    color: #b1749f;
}

.metadata li span.metadata-label-groups:before {
    content: "group";
}

.metadata li span.metadata-label-mood:before {
    content: "sentiment_content";
}

.metadata li span.metadata-label-location:before {
    content: "location_on";
}

.metadata li span.metadata-label-music:before {
    content: "volume_up";
}

.metadata li span.metadata-label-xpost:before {
    content: "local_post_office";
}

.entry .footer,
.page-reply .comment .footer {
    border-top: var(--border-width) solid #6d3769;
    padding: 0;
    font-size: 0.8em;
}

.entry .footer .entry-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1em 1em;
}

@media only screen and (min-width: 60em) {
    .entry .footer,
    .page-reply .comment .footer {
        border: 0;
        border-top: var(--border-width) solid #6d3769;
    }
}

.tag {
    margin: 0;
    padding: 0.5em 1em;
    border-bottom: var(--border-width) solid #6d3769;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.tag .tag-text {
    display: block;
    width: 22px;
    height: 22px;
    padding-right: 0.5em;
    font-size: 0;
}

.tag .tag-text:before {
    font-family: var(--icon-font);
    font-size: 22px;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-right: 0.25em;
    padding-bottom: 1em;
    color: #b1749f;
    content: "label";
}

.tag ul { 
    margin: 0; 
    padding: 0; 
    }

.tag li {
    padding: 0;
}

ul.entry-management-links,
ul.entry-interaction-links {
    display: inline;
    margin: 0;
    padding: 0;
    flex: 50%;
}

.entry .footer a {
    white-space: nowrap;
}

hr.above-entry-interaction-links,
hr.below-reply-container {
    display: none;
}

/* Comments
******************************/

#comments {
    max-width: 72em;
    margin: 0 auto;
}

.comment-wrapper {
    margin: 1em 0;
    padding: 0;
}

.comment {
    background: none;
    margin-top: 0;
    min-width: 28em;
}

@media only screen and (max-width: calc(60em - 0.01em)) {
    #comments .comment {
        min-width: 75vw;
    }
}

.comment .header,
.comment .contents,
.partial {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

}

.comment .comment-info {
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-end;
    gap: 0 1em;
}

.comment-info .datetime,
.comment-info .poster-ip,
.comment-info .commentpermalink,
.comment-info .multiform-checkbox {
    font-size: 0.8em;
    color: #b1749f;
}

.comment .comment-info .comment-title {
    min-height: 1.4em;
    width: 100%;
}

.comment .comment-info .comment-poster {
    width: 100%;
}

.comment .comment-info .comment-poster .display-name {
    margin: 0 1em;
    padding: 0 8px;
    border: 1px solid #b1749f;
    border-radius: 10px;
    font-size: 0.8em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.comment .contents {
    border-top: 0;
}

.comment .comment-content {
    border: 0;
}

.comment .comment-content:not(:empty) {
    padding: 1em;
}

.partial {
    margin: 0.5em 0;
    padding: 0.5em;
    display: inline-block;
}

.comment a, .partial a { color: #b1749f; }
.comment a:visited, .partial a:visited { color: #b1749f; }
.comment a:hover, .partial a:hover { color: #e02966; }
.comment a:active, .partial a:active { color: ; }

.comment .header,
.comment .poster,
.comment .comment-title > a,
.comment .comment-title > a:visited {
    color: #ffffff;
}

.page-entry .comment .header > .inner {
    display: flex;
}

.comment .datetime {
    display: inline;
    margin: 4px 0 0;
}

.partial .comment-title,
.partial .comment-poster,
.partial .datetime {
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.partial .comment-poster::before {
    content: " - ";
}

.partial .comment-poster .display-name {
    display: none;
}

.poster-ip {
    display: block;
}

.edittime {
    padding-top: 1em;
    color: #b1749f;
}

.comment .footer {
    padding: 0.5em;
}

ul.comment-management-links,
ul.comment-interaction-links {
    display: inline;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0 0 0/0.5);
}

.bottomcomment {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    padding: 1em;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bottomcomment a { color: #b1749f; }
.bottomcomment a:visited { color: #b1749f; }
.bottomcomment a:hover { color: #e02966; }
.bottomcomment a:active { color: ; }


.comment-pages.toppages,
.comment-pages.bottompages {
    margin: 1em 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0 0 0/0.5);
}

.comment-pages.toppages > b,
.comment-pages.bottompages > b {
    display: block;
}

/* Reply Forms
******************************/

#qrform {
    padding: .5em 0 0;
}

#qrform table { 
    margin: 0 1.5em 0;
    padding: .5em 1em 1em;
}

#qrform td:first-child {
    padding: 0;
}

#qrform textarea.textbox {
    margin: .2em 0;
    width: 95% !important; /* !important needed */
}

#qrform #subject {
    width: 97.2%;
}

#qrformdiv input,
#qrformdiv button,
#qrformdiv textarea {
    padding: 4px 8px;
}

#qrformdiv select {
    padding: 3px 6px;
}

#postform {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    padding: 1em 2em;
}

.postform a { color: #b1749f; }
.postform a:visited { color: #b1749f; }
.postform a:hover { color: #e02966; }
.postform a:active { color: ; }

#postform div#userpics {
    padding: .7em 0 .3em;
}

#postform textarea.textbox {
    margin-bottom: .7em;
    width: 95%;
}

#postform #subject {
    width: 96.5%;
}

/* Other Pages
******************************/

.month-wrapper {
    margin: 0 0 1em;
}

.month {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    margin: 0 auto;
    padding: 1.5em 2em;
    width: var(--entry-width);
    max-width: 100%;
    box-sizing: border-box;
}

.month a { color: #b1749f; }
.month a:visited { color: #b1749f; }
.month a:hover { color: #e02966; }
.month a:active { color: ; }

.month-wrapper h3 {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    padding: .5em 0 .7em;
    text-align: center;
}

table.month {
    border: .1em solid #6d3769;
    margin: 0 auto;
    min-width: 70%;
}

.month caption {
    display: none;
}

table.month th,
table.month td {
    border: .1em solid #6d3769;
    padding: .5em;
}

table.month th {
    font-weight: normal;
    text-align: center;
}

table.month td {
    height: auto;
    width: 14.285%;
}

table.month td p {
    display: inline;
    padding: 0 0 0 .5em;
    margin: 0;
}

.month .footer {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    margin: .7em 0 0;
    text-align: center;
}

.page-month .month dl {
    margin: 1em 0;
    padding: 0;
}

.page-month .month dt {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
}

.page-month .month dt,
.page-month .month dd {
    font-weight: normal;
}

.page-month .month h3 {
    font-weight: bold;
}

.page-month .month span {
    display: inline;
}

.page-month .month .time {
    padding: 0;
    font-size: 0.8em;
}

.page-month .month .entry-poster {
    margin: 0 0.5em;
}

.page-month .month .display-name {
    margin-left: 0.5em;
    padding: 2px 6px;
    font-size: 0.8em;
    border: 1px solid #6d3769;
    display: none;
}

.page-month .month .entry-title {
    display: inline;
    margin: 0;
    padding: 0;
}

.page-month .month .tag {
    font-size: 0.8em;
}

.month .day-has-entries a {
    font-weight: 600
}

h3.day-date {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    padding: 1em;
}

.tags-container {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    margin: 0 auto 1em;
    padding: 1.5em 2em;
    width: var(--entry-width);
    max-width: 100%;
    box-sizing: border-box;
}

.tags-container a { color: #b1749f; }
.tags-container a:visited { color: #b1749f; }
.tags-container a:hover { color: #e02966; }
.tags-container a:active { color: ; }

.tags-container h2 {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    margin: 0 0 1em;
    padding: 0;
}

.tags-container ul {
    list-style: none;
    margin: 0 0 1em 2em;
}

.tags-container ul:first-child {
    padding: 0;
}

.tags-container .manage-link {
    margin-top: 1em;
}

.icons-container {
    background: #3e203c;
    color: #ffffff;
background-color: #3e203c;
border: solid 1px #6d3769;

    margin-bottom: 1em;
    padding: 1.5em 2em;
}

.icons-container a { color: #b1749f; }
.icons-container a:visited { color: #b1749f; }
.icons-container a:hover { color: #e02966; }
.icons-container a:active { color: ; }

.icons-container .contents > .inner {
    display: flex;
    flex-wrap: wrap;
    }

.icons-container h2 {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
    margin: 0 0 1em;
    padding: 0;
    }

.sorting-options { flex-basis: 100%; }

.sorting-options ul {
    padding-left: 0;
    }

.icons-container .icon {
    margin: 1em 0;
    flex: 1 1 400px;
    }

.icon-image {
    float: left;
    clear: left;
    margin-bottom: .25em;
    padding-right: 1em;
    min-width: 100px;
    }

.icon-info {
    min-height: 100px;
    }

.icon-info span {
    font-weight: bold;
    }

.icon-info .default {
    text-decoration: underline;
    }

.icons-container .manage-link {
    margin-top: 1em;
}

/* Footer
******************************/

#footer {
    width: 20px;
    height: 20px;
    margin: 20px auto;
    border: var(--border-width) solid #6d3769;
}

@media only screen and (min-width: 60em) {
    #footer {
        position: fixed;
        bottom: 0;
        right: 20px;
    }

    .column-right #footer {
        left: 20px;
        right: auto;
    }
}

#footer .page-top a {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

#footer .page-top a:before {
    content: "arrow_upward";
    display: block;
    font-family: var(--icon-font);
    font-size: 20px;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
}

/* Modules
******************************/

.module-wrapper {
    margin: 0 1em;
}

.module {
    margin: 0 auto 1em;
    width: var(--entry-width);
    max-width: 100%;
    box-sizing: border-box;
}

.module * {
    max-width: 100%;
}

.module .module-content {
    padding: 1em;
}

@media only screen and (min-width: 60em) {
    .two-columns #tertiary .module {
        margin-right: 1em;
    }
}

.module ul {
    list-style: none;
    padding: 0;
}

.module li {
    margin: 0;
    padding: 0;
}

.module ul:first-child {
    margin: 0;
}

h2.module-header {
    margin: 0;
    padding: 1em 0.5em 0;
    text-align: center;
}

.module .manage-link {
    margin-top: 1em;
    text-align: center;
}

.module-userprofile {
    text-align: center;
}

.module-userprofile ul {
    margin: .5em 0 0;
}

.journal-name {
    padding: .5em 0 0;
}

.module-navlinks {
    font-family: 'Exo', 'Ubuntu', sans-serif; font-size: 1.3em;
}

.module-calendar table,
.any-column .module-calendar table {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.module-calendar th {
    border: .1em solid #6d3769;
    font-weight: normal;
    padding: .1em;
}

.module-calendar td {
    padding: .1em;
}

.module-calendar td.empty-day {
    border: .1em solid #6d3769;
}

.module-calendar td.entry-day {
    background-color: #3e203c;
    border: .1em solid transparent;
}

.module-calendar td.entry-day a {
    color: #b1749f;
}

.module-tags_multilevel .module-list-item span {
    /* hide detail-tagcount */
    display: none;
}

.module-tags_multilevel .module-list-item .non-link-tag,
.tags_multilevel span.non-link-tag {
    display: block;
    margin-bottom: 0.5em;
}

.module-tags_multilevel .module-list-item ul {
    margin-bottom: 0.5em;
}

.module-customtext .sidebar-image {
    background-position: center;
    background-size: cover;
    max-width: none;
    margin: -1em -1em;
}

.module-customtext .sidebar-text {
    margin-top: 2em;
    padding: 10px;
    border: 1px solid #6d3769;
}

.module-pagesummary li {
    margin-bottom: 0.5em;
}

.module-typelist ul.module-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.module-typelist li.module-list-item {
    border: 1px solid #6d3769;
    text-align: center;
    align-content: center;
    flex: 1 1 40%;
}

.module-typelist li.module-list-item a {
    display: block;
    padding: .5em;
    font-weight: 600;
    transition: all 1s;
}

.module-typelist li.module-list-item a:hover {
    /*background-color: #b1749f;
    color: #3e203c;*/
    letter-spacing: 1px;
}

/* Contextual Popups
******************************/

.ContextualPopup {
    background: #3e203c;
    border: var(--border-width) solid #ffffff;
    color: #ffffff; 
    font-size: 1em;
}

.ContextualPopup .Userpic {
    border: none;
}

.ContextualPopup .Relation {
    font-weight: normal;
}

.ContextualPopup a { color: #e02966; }
.ContextualPopup a:visited { color: #b1749f; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: ; }

/* Splash Page
******************************/

.singularity-mood .mood-panel {
    z-index: 1;
} 

.singularity-mood .mood-panel:hover {
    z-index: 100;
}

.singularity-mood .mood-panel .links a {
    transition: all 1s;
}

.singularity-mood * {
    scrollbar-width: thin;
    scrollbar-color: #FFFFFF transparent;
}

.singularity-mood *::-webkit-scrollbar {
    width: 4px;
}

.singularity-mood *::-webkit-scrollbar-track {
    background: transparent;
}

.singularity-mood *::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid transparent;
}

