/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #6a00d8; }
.ContextualPopup a:visited { color: #503898; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: #888888; }

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: Garamond; font-size: 18pt;
    padding: 0;
    background: #202020;
    color: #ffffff;
background-color: #202020;
border: solid 1px #503898;

}

#canvas {
    margin-left: 0em;
    margin-right: 0em;
}

a { color: #6a00d8;
 }
a:visited { color: #503898;
 }
a:hover {  }
a:active { color: #888888;
 }

q { font-style: italic; }

/* #content layout */
#content { float: none; }
@media only screen and (min-width: 45em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 15em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 15em solid transparent;
    }
    .three-columns-left #content {
        border-left: 30em solid transparent;
    }
    .three-columns-right #content {
        border-right: 30em solid transparent;
    }
    .column-right #content {
        min-width: 15em; /* 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: #707070;
    color: #ffffff;

}

h1#title {
    font-family: 'Century Gothic', Verdana, sans-serif, Garamond; font-size: 42pt;
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Century Gothic', Verdana, sans-serif, Garamond; font-size: 28pt;
}

#footer {
    background: #707070;
}

#footer a {  }
#footer a:visited {  }
#footer a:hover {  }
#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: 45em) {
    .multiple-columns #primary {
        float: left;
    }

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

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

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

/* entries */

.entry {
    background: #ffffff;
    color: #000000;
background-color: #ffffff;
border: solid 1px #aaaaaa;

}

.entry .entry-title {
    font-family: 'Century Gothic', Verdana, sans-serif, Garamond; font-size: 24pt;
}

.entry .entry-title, .entry .entry-title a {
    color: #ffffff;
background-color: #4b0099;

}

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

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

.entry a {  }
.entry a:visited {  }
.entry a:hover {  }
.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 */

/* 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;
    }

/* Constrain image dimensions.
    Job 1: Don't trash the layout sideways.
    Job 2: Limit height to fit inside the viewport. Having to scroll to see a
      portrait of someone is nonsense.
    Job 3: Defend the native aspect ratio.
    Job 4: Respect the width/height HTML attributes for scaling down OR up
      (within the limits of the container), but if they conflict with the aspect
      ratio, treat them as maximums and let the aspect ratio win. */
.entry-content img, .comment-content img {
    height: auto;
    max-width: 100%;
    max-height: 95vh;
    object-fit: contain;
    object-position: left;
}

.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 .comment-title {
    font-family: 'Century Gothic', Verdana, sans-serif, Garamond; font-size: 24pt;
    margin: 0;
}

.comment .comment-title, .comment .comment-title a {
    
}

.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: #36245c;
    color: #ffffff;
background-color: #36245c;

}

.module a { color: #cccccc;
 }
.module a:visited { color: #9d7dff;
 }
.module a:hover { color: #5f00c2;
 }
.module a:active { color: #909090;
 }

.module h2 {
    color: #ffffff;

    font-family: 'Century Gothic', Verdana, sans-serif, Garamond; font-size: 20pt;
}

.module-content {
    font-family: Ubuntu, Verdana, Helvetica, sans-serif, Garamond; font-size: 16pt;
    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: 45em) {
    .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; }


    

/* Crossroads  */

blockquote { padding: 1em 1em .5em 2em;
    font-style: italic;  } 
blockquote > p:first-child { margin-top: 0; }
dl dt { font-weight: bold; }

h1, h2, h3, h4 {
    font-weight: normal;
    padding-left: .25em;
    padding-right: .25em;
    }

h1#title a {
    color: #ffffff;
    text-decoration: none;
    }

.tags-container h2,
.page-archive h3,
.page-day h3.day-date {
    font-family: 'Century Gothic', Verdana, sans-serif;
    }

.entry-title a,
.comment-title a { text-decoration: none; }

a:hover {text-decoration: none;}

body { margin: 0; }

#canvas { position: relative;
    padding-top: 1px; }

/* header */
#header { margin: 2em 0;
    padding: .5em 2% 0 2%; }

@media only screen and (min-width: 45em) {
    .two-columns-left #header .inner {padding-left: 15em;}
    .three-columns-left #header .inner { padding-left: 30em; }
    .two-columns-right #header .inner { padding-right: 15em; }
    .three-columns-right #header .inner { padding-right: 30em; }
    .three-columns-sides #header .inner { padding: 0 15em; }

    .multiple-columns #header .inner .inner { padding: 0; }

    .column-left #header, .two-columns-left #footer, .three-columns-left #footer { text-align: right; }
    .three-columns-sides #footer { text-align: center; }
}

#content { margin: 0 2%; }

/* main column */

.navigation { text-align:  right; }
.navigation ul { margin: 0 0 1em 0;
    padding: .25em; }

.page-day .navigation .page-back { float: left; }


/* entries */
.entry-wrapper { position: relative;
    margin-bottom: 3em; }

.entry { border: none; }

.entry .header,
.comment-wrapper .header { min-height: 60px; }

.entry .contents .userpic,
.comment .contents .userpic {
    position: absolute;
    top: 0;
    }

.entry .contents .userpic a,
.comment .contents .userpic a {
    display: block;
    background-color: #202020;
    }

.entry-wrapper .contents .entry-poster { display: block; }
.page-recent .entry-wrapper .entry-poster,
.page-day .entry-wrapper .entry-poster { height: 1em; }

.entry .datetime { font-size: small; }

.entry-content { padding: .5em; }

.has-userpic .entry-content { padding-top: 1.25em; }

.entry-content li { margin-left: 1em; }
.entry-content hr { display: block;
    margin: 1em 10%; }

.metadata { margin: 1em 0 0 .5em;
    font-size: small; }
.metadata.top-metadata { padding-top: .5em; }
.metadata-label { font-style: italic; }
.metadata ul { margin-top: 0; padding-top: 0;
margin-bottom: 0; padding-bottom: 0; }
.metadata ul li { margin-left: 0; padding-left: 0; }

.metadata,
.entry .footer { clear: both; }

.entry .footer { margin: .5em 0 0 0;
    background-color: #aaaaaa; 
    overflow: auto; /* Keeps floated elements inside */ }
.entry .footer > .inner:first-child { font-size: small;
    padding: 1px; } /*float uneveness fix */

.entry .tag { padding: .5em;
    margin: -1px;
    background-color: #ffffff; }
.entry .tag-text { font-weight: bold; }

ul.entry-management-links { float: left;
    margin-top: .5em;
    margin-bottom: .5em; }
ul.entry-interaction-links { text-align: right;
    margin-right: .5em;
    margin-top: .5em;
    margin-bottom: .5em; }

.entry-management-links a { color: ; }

.entry-management-links a:visited,
.entry-interaction-links a:visited { color: ; }

/* comments */
.comment-thread { margin-left: 1.5em; }
.comment-depth-1 { margin-left: 0; }

.comment-wrapper { position: relative;
   padding-top: 1px;
    margin-bottom: 1em; }

.comment {
    background-color: #ffffff;
    color: #000000;
    }

.comment a {
    color: ;
    }

.comment a:visited {
    color: ;
    }

.comment a:hover {
    color: ;
    }

.comment a:active {
    color: ;
    }

.partial .comment {
    line-height: 1.75em;
    padding: 0;
    }

.partial .comment-title {
   display: inline;
   margin-right: .2em;
   }

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

.comment-title,
.no-subject .comment .comment-title {
    background-color: #4b0099;
    color: #ffffff;
    padding: .25em;
    font-size: large;
    min-height: 1em;
    }

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

.comment .header .datetime { font-size: small; }

.full .comment .header .datetime { display: block; }

.full .comment-poster { display: block; }

.comment .poster-ip { font-size: x-small;
    display: block; }

.comment-content { margin-top: 2em;
    padding: .25em .25em .5em .25em; }

.comment .edittime { margin-top: 1em; }
.comment-content .datetime { font-size: small;
    font-style: italic; }

.comment .multiform-checkbox { display: block;
    background-color: #202020;
    color: #ffffff;
    font-size: small;
    font-style: italic;
    margin: -1px;
    text-align: right;
    }

.comment .footer { margin: 0 0 .5em 0;
    font-size: small;
    background-color: #aaaaaa; }
.comment .footer > .inner:first-child { padding: 1px; } /*float uneveness fix */

.comment .footer a,
.comment .footer a { color: ; }

.comment .footer a:visited,
.comment .footer a:visited { color: ; }

.comment-management-links { float: right;
    margin-top: .5em;
    margin-bottom: .5em; }
.comment-interaction-links { text-align: left;
    margin-right: .5em;
    margin-top: .5em;
    margin-bottom: .5em; }

.bottomcomment, .comments-message { padding: .5em;
    margin: 2em 0;
    font-size: small;
    background-color: #4b0099;
    color: #ffffff; }

.bottomcomment .entry-management-links,
.bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; }

.comment-pages { text-align: center; }

#qrformdiv table {
    margin: .5em 1%;
    width: 98%;
    }

#postform {
    background-color: #ffffff;
    color: #000000;
    padding: .5em;
    }

#postform a {
    color: ;
    }

#postform a:visited {
    color: ;
    }

#postform a:hover {
    color: ;
    }

#postform a:active {
    color: ;
    }

table.talkform {
    background-color: #ffffff;
    color: #000000;
    }

/* archive */

/* year-by-month view */
#archive-year .navigation { text-align: left;
    margin-bottom: 2em; }

div.month { margin: 1em 0 2em 0;}

table.month td,
table.month th { border-color: #aaaaaa;
    vertical-align: top;
    padding: .25em; }

.month caption { display: none; }

#archive-year .month .footer { padding: .5em;
text-align: center; }

/* month-by-day view */
#archive-month .navigation { text-align: center; }

.month dl .tag-text { font-style: italic; }

.month dl h3.entry-title { font-weight: bold; }

/* day-by-entries view */
.day h3.day-date { margin: 1.5em 0; }


/* tags page */
.tags-container { margin: 1em 2em;}


/* icons */

.icons-container {
    margin: 1em 2em;
    }

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

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

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

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

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

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


/* sidebars */
#secondary > .inner:first-child,
#tertiary > .inner:first-child { background-color: #36245c;
    color: #ffffff;
    margin: 0 1em;
    padding: .25em 0; }

.module { margin: 0;
    padding-top: 0;
    border: none; }

@media only screen and (min-width: 45em) {
    .two-columns-left #tertiary > .inner:first-child,
    .two-columns-right #tertiary > .inner:first-child { background-color: transparent; }

    .two-columns-left #tertiary,
    .two-columns-right #tertiary { margin-left: -1.5em; }

    .two-columns #secondary,
    .three-columns #secondary,
    .three-columns #tertiary { position: absolute;
       top: 0;
       margin: 0 !important;  }

    .column-left #secondary { left: 2%; }

    .two-columns-right #secondary,
    .three-columns-right #tertiary,
    .three-columns-sides #tertiary { right: 2%; }

    .three-columns-right #secondary { right: 15em; }
    .three-columns-left #tertiary { left: 15em; }

    .two-columns-left #tertiary .separator-after,
    .two-columns-right #tertiary .separator-after { clear: both; }

    .two-columns-left #tertiary .module,
    .two-columns-right #tertiary .module { margin: 0 1.5em; }
}

.module-header { font-size: large;  }
#secondary .module-header a,
#tertiary .module-header a,
#secondary .module-header a:visited,
#tertiary .module-header a:visited { color: #ffffff; }

.module-content { padding: 0 .5em .25em .5em; }

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

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

.module-content ul.userlite-interaction-links { margin-top: .5em; }

.module-calendar table { font-size: small;
    margin: 0 auto; }
#secondary .module-calendar td a,
#tertiary .module-calendar td a { background-color: #202020;
    color: #ffffff; }



/* footer */

#footer { padding: 1em;
margin-top: 1em; }

#footer a { color: #ffffff; }


            .entry .contents .userpic { background: url("https://www.dreamwidth.org/img/profile_icons/user.png") center no-repeat; }
            .entry .contents .userpic, .entry .contents .userpic a {
                width: 106px;
                height: 106px;
            }

            .comment .contents .userpic { background: url("https://www.dreamwidth.org/img/profile_icons/user.png") center no-repeat; }
            .comment .contents .userpic, .comment .contents .userpic a {
                width: 106px;
                height: 106px;
            }
        
            .entry .contents .userpic,
            .comment .contents .userpic { left: 0; }
            .entry .header { margin-left: 110px; }
            .comment-wrapper .header { margin-left: 110px; }
            .entry .header .entry-title,
            .full .comment-title { margin-left: -4px; }
            .entry-wrapper .contents .entry-poster { margin: 0 0 25px 110px; }
            .full .comment-poster,
            .comment .poster-ip { margin-left: 110px; }