/* Cleaned CSS: */

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

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

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: 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1em;
    padding: 0;
    background: #333333;
    color: #000000;
background-color: #333333;

}

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

a {  }
a:visited {  }
a:hover {  }
a:active {  }

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: transparent;
    color: #006699;

}

h1#title {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.5em;
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Franklin Gothic Book', Arial Narrow, Arial, 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.1em;
}

#footer {
    background: transparent;
}

#footer a { color: #eeeeee;
 }
#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;
    background-color: #ffffff;
border: solid 1px #000000;

}

.entry .entry-title {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.1em;
}

.entry .entry-title, .entry .entry-title a {
    color: #000000;

}

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

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

.entry a { color: #006699;
 }
.entry a:visited {  }
.entry a:hover { color: #666666;
 }
.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 { color: #eeeeee;
 }
.entry-interaction-links a:visited, .entry-management-links a:visited {  }
.entry-interaction-links a:hover, .entry-management-links a:hover { color: #111111;
 }
.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: 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.1em;
    margin: 0;
}

.comment .comment-title, .comment .comment-title a {
    color: #000000;
background-color: #006699;

}

.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: #ffffff;
    background-color: #ffffff;
border: solid 1px #000000;

}

.module a { color: #006699;
 }
.module a:visited {  }
.module a:hover { color: #666666;
 }
.module a:active {  }

.module h2 {
    color: #111111;
background-color: #006699;

    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.1em;
}

.module-content {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; 
    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; }

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




        .module-navlinks li {
        display: inline-block; }

        .module-navlinks .module-header { display: none; }
        
    

body {
    margin: 1em 0 0;
    }

#canvas {
    width: 92%;
    margin: 0 auto;
    }

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

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

@media only screen and (min-width: 45em) {
    .column-left #primary > .inner:first-child {
        padding-left: 1em;
        }

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

    .three-columns-left #secondary > .inner:first-child,
    .three-columns-right #secondary > .inner:first-child {
        padding-right: .5em;
        }

    .three-columns-left #tertiary > .inner:first-child,
    .three-columns-right #tertiary > .inner:first-child {
        padding-left: .5em;
        }
}

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

p {
        margin: 1em 0;
    }


blockquote {
    background-color: #ffffff;
border: solid 1px #000000;

    margin: 2em 2em 2em 5em;
    padding: .7em;
    width: 70%;
    }

ul {
    list-style: square inside;
    margin: .5em 1em;
    }

ol {
    list-style: decimal inside;
    margin: .5em 1.5em;
    }

/*--- Titles ---*/

#header {
    margin: 0 .25em .5em;
    padding: 0;
    display: flex;
    flex-direction: column;
    }

#header > .inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    bottom: 0;
}

#pagetitle {
    flex-grow: 1;
}

h1#title,
h2#pagetitle,
h2#subtitle {
    text-align: right;
    text-transform: uppercase;
    }

h1#title a {
    color: #006699;
    }

/*--- Journal Navigation ---*/

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

    border:0;
    border-top: 30px solid #000000;
    font-weight: bold;
    padding: .25em;
    margin: 0 0 1em 0;
    }


.navigation.empty {
    display: none;
    }

.page-read .noentries {
    font-weight: normal;
}

li.page-separator {
    display: none;
    }

/*--- Sidebar aka Modules ---*/
#secondary, #tertiary { text-align: center; }
.module {
    text-align:left;
    }
@media only screen and (min-width: 45em) {
    .one-column .module {
        display: inline-block;
        vertical-align: top;
        width: 24%;
    }
}

#secondary > .inner:first-child, #tertiary > .inner:first-child {
    border-top: 30px solid #000000;
    margin: 0 .25em 1em;
    padding: .5em;
    background: #ffffff;
    }

.module {border: 0;}

h2.module-header {
    font-weight: bold;
    margin: .5em 0;
    padding: .5em;
    }

h2.module-header a {
    color: #111111;
    }

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

.module-content .userpic img {
    border: 10px solid #000000;
    }

.journal-name {
    text-transform: uppercase;
    margin: .5em 0 0;
    text-align: center;
    }

.journal-website-name {
    text-transform: uppercase;
    text-align: center;
    }

ul.userlite-interaction-links.icon-links {
    margin: .5em 0 0;
    text-align: center;
    }

ul.userlite-interaction-links.icon-links li {
    margin: 0 auto;
    text-align: center;
    }

ul.userlite-interaction-links.text-links li {
    padding: 0 0 0 .5em;
    }

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

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

ul.module-list li {
    margin:0;
    padding: .25em;
    border-bottom: 1px solid #666666;
    }

ul.module-list li:hover {background: #eeeeee;}

.module-tags_multilevel li li {border:0; padding-bottom: 0px; padding-left: .5em;}

.module-navlinks, .module-navlinks a {
    color: #111111;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial;
    font-weight: bold;
    }

.module-navlinks ul.module-list {
    color: #111111;
    text-transform: uppercase;
    }

.manage-link {
    margin: .5em 0 0;
    text-align: right;
    text-transform: uppercase;
    }

.module-calendar table {font-size:smaller; margin:0 auto;}

.module-calendar th {
    font-weight: bold;
    margin: 0 .2em;
    padding: .3em;
    text-transform: uppercase;
    background: #eeeeee;
    text-align:center;
    color:;
    }

.module-calendar td {
    background: #eeeeee;
    margin: 0 .2em;
    padding: .25em .5em .5em .25em;
    text-transform: uppercase;
    text-align:center;
    color:;
    }

.module-calendar td a {color:;}
.module-calendar td a:hover {color:;}
.module-calendar td a:visited {color:;}
.module-calendar td a:active {color:;}


            .module-navlinks.module {
                background: none;
                border: none;
                margin: 0;
                width: 100%;
                margin: 0;
                text-align: left;
                }

            @media only screen and (min-width: 45em) {
                .two-columns-left .module-navlinks,
                .three-columns-left .module-navlinks { text-align:right; margin:0 0 0 -5px;}
                .three-columns-sides .module-navlinks {text-align:center;}
            }

            .module-navlinks ul {
                margin: 0;
                padding: 0;
                display: inline;
                }

            .module-navlinks.module li {
                background: #111111;
                font-size:smaller;
                padding: 0.5em ;
                display: inline;
                margin: 0 -5px 0 0;
                border-bottom: 5px solid #000000;}

            .module-navlinks.module li:hover {
                border-color:#006699;
                background: #111111;}

            .module-navlinks .module-header {display:none;}

            .module-navlinks a {font-size: smaller; color: #eeeeee}
            .module-navlinks a:visited {font-size: smaller; color: }
            .module-navlinks a:hover {color: ; text-decoration:none;}
            .module-navlinks a:active {font-size: smaller; color: }
            

/*--- Entries ---*/

.entry, .comment, #postform{
    border: 0;
    border-top: 30px solid #000000;
    margin: 0 0 1em 0;
    }

.entry-content, .comment-content {
    margin: 1em;
    min-height: 130px; /*prevents metadata shifting on short entries*/
    }

.entry .header {
    color: #000000;
    background: ;
    margin: 0 0 .5em;
    padding: .5em;
    }

.entry h3.entry-title {
    text-transform: lowercase;
    font-weight: bold;
    padding:.5em ;
    margin:0;
    background: transparent;
    display:inline-block;
    }

.datetime {
    display: block;
    font-size: 0.75em;
    margin: 0 0 -.75em;
    text-transform: uppercase;
    font-style: italic;
    }

.datetime a {color: #000000;}

.poster {
    display: inline-block;
    margin: 1em 0 0;
}

.entry .userpic img, .comment .userpic img {
    border: 10px solid #000000;
    }

.entry .footer, .comment .footer {
    background: #eeeeee;
    clear: both;
    text-align: right;
    padding: .25em 0;
    margin-top: 1em;
    }

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

ul.text-links li {background: #111111; padding: 0.25em;}
.text-links a, #comments .text-links a {font-size: smaller; color: #eeeeee;}
ul.text-links li:hover {background: #006699; padding: 0.25em;}
.text-links li:hover a, #comments .text-links li:hover a {color: #111111; text-decoration: none;}

ul.text-links li:active {background: ; padding: 0.25em;}
.text-links li:active a, #comments .text-links li:active a {color: ; text-decoration: none;}

ul.text-links li:visited {background: #006699; padding: 0.25em;}
.text-links li:visited a, #comments .text-links li:visited a {color: #111111; text-decoration: none;}


/*--- Comments ---*/
.comment, #qrform, #postform, .bottomcomment, .comment-pages { background-color: #ffffff;
border: solid 1px #000000;
 border: none }

.comment-pages {text-align:center; font-weight:bold; padding: .5em; margin-bottom: .5em;}

#qrform {border-top: .25em solid #eeeeee;}


#comments h4.comment-title,  #comments h4.comment-title a {
    color: #000000;
    text-transform: lowercase;
    font-weight: bold;
    padding:.5em ;
    margin:0;
    background:transparent;
    }

.comment .header {
    color: #000000;
    background: #006699;
    margin: 0 0 .5em 0;
    padding: .5em;
    }


textarea.textbox {
    border: 1px solid;
    width: 80% !important;
    }

#qrform table {
    border: 0 !important;
    }


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

.no-userpic .comment-poster { padding-left: 1em;}

table.talkform {
    margin: 0 0 .5em 0;
    padding: .5em;
    }

.bottomcomment {
    margin: .5em 0;
    padding: .25em 0;
    text-align:center;
    }

.bottomcomment label {display:block; padding-top: .5em;}

/*--- Currents and Tags AKA Metadata ---*/

.metadata, .tag {
    font-size: smaller;
    padding-left: 1.5em;
    }

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

.metadata-item-location, .metadata-item-music, .metadata-item-mood, .tag ul {
    text-align: right;
    }


.tag ul li {
    font-weight: normal;
    margin: .5em .2em 0 0;
    text-align: right;
    }

/*---Unified Secondary Page Styling---*/
#archive-year .header h3, .tags-container .header h2, .icons-container .header h2 {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', Arial, 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif; font-size: 1.1em;
    color: #000000;
;
    text-transform: lowercase;
    padding: .5em;
}

.tags-container a, .icons-container a, #archive-year a, #comments a, #archive-month a, .navigation a { color:#006699; }

.tags-container a:active, .icons-container a:active, #archive-year a:active, #comments a:active, #archive-month a:active, .navigation:active { color:; }

.tags-container a:hover, .icons-container a:hover, #archive-year a:hover, #comments a:hover, #archive-month a:hover, .navigation a:hover { color:#666666; }

.tags-container a:visited, .icons-container a:visited, #archive-year a:visited, #comments a:visited, #archive-month a:visited, .navigation a:visited { color:; }


/*--- Archive Page ---*/

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

    border: 0;
    border-top: 30px solid #000000;
    margin: 0 0 1em 0;
    padding: 1em;
    }

.month table {
    margin: auto;
    border:0;
    }

.month caption {
    display: none;
    }

.month th {
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    }

table.month th, table.month td, table.month td.day-empty {border: 0.2em solid #ffffff;}

.month td.day {
    background: #eeeeee;
    color: ;
    font-weight: normal;
    padding: .5em;
    text-align: left;
    vertical-align:top;
    width: 4em;
    }


.month td.day-has-entries p {
    padding: 0 0 0 .5em;
    font-weight:bold;
    }

.month td.day-has-entries a {color:;}
.month td.day-has-entries a:hover {color:;}
.month td.day-has-entries a:active {color:;}
.month td.day-has-entries a:visited {color:;}

.month dl, .month dt, .month dd {
    margin: 0;
    padding: 0;
    }

/*--- Tags Page ---*/

.page-tags .tags-container {
    background-color: #ffffff;
border: solid 1px #000000;

    border:0;
    border-top: 30px solid #000000;
    margin: 0 0 .5em 0;
    padding: 1em;
    }

 .page-tags .tags-container ul {
    margin-left: .5em;
    padding-left: .5em;
    }

/*--- Icons Page ---*/

.icons-container {
    background-color: #ffffff;
border: solid 1px #000000;

    border:0;
    border-top: 30px solid #000000;
    margin: 0 0 .5em;
    padding: 1em;
    }

div.icons-container div.icon:nth-of-type(2n) {
    clear: both;
}

.icons-container .icon {
    float: left;
    margin-bottom: 15px;
    min-width: 350px;
    vertical-align: bottom;
    width: 50%;
    display:table;
}

.icon-image {
    display: inline;
    float: left;
    margin-right: 1em;
    min-width: 100px;
    margin-top: 0;
}

.icon-info {
    overflow: auto;
    vertical-align: bottom;
    word-wrap: break-word;
    display:table-cell;
    width:100%;
}

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

.icons-container .inner .footer, .icon-pages {
    clear: both;
    text-align: center;
}


            .has-userpic .entry .userpic {
                float: left;
                margin: 1em;
                }
            .has-userpic .comment .userpic {
                float: left;
                margin: 1.5em 1em 1em;
                }
            .has-userpic .entry-content, .has-userpic .metadata, .has-userpic .tag{
               margin-left: 145px;}

            .has-userpic .comment-content {margin-left: 145px;}