/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #63a64c; }
.ContextualPopup a:visited { color: #3b804c; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: #a61206; }

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-size: 100%;
    padding: 0;
    background: #ffffff;
    color: #000000;
background-color: #ffffff;

}

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

a { color: #63a64c;
 }
a:visited { color: #3b804c;
 }
a:hover {  }
a:active { color: #a61206;
 }

q { font-style: italic; }

/* #content layout */
#content { float: none; }
@media only screen and (min-width: 39em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 13em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 13em solid transparent;
    }
    .three-columns-left #content {
        border-left: 26em solid transparent;
    }
    .three-columns-right #content {
        border-right: 26em solid transparent;
    }
    .column-right #content {
        min-width: 13em; /* 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 url("https://www.dreamwidth.org/img/styles/bannering/overthehills.png") repeat-x bottom left;
            height: 290px;
    
}

h1#title {
    font-family: 'Times New Roman', serif; 
}

h2#subtitle,
h2#pagetitle {
    font-family: 'Times New Roman', serif; 
}

#footer {
    background: transparent;
}

#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: 39em) {
    .multiple-columns #primary {
        float: left;
    }

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

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

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

/* entries */

.entry {
    background: transparent;
    border: solid 1px #666666;

}

.entry .entry-title {
    font-family: 'Times New Roman', serif; 
}

.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 {  }
.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 {
    
    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: transparent;
    border: solid 1px #666666;

}

.module a {  }
.module a:visited {  }
.module a:hover {  }
.module a:active {  }

.module h2 {
    color: #000000;

    font-family: 'Times New Roman', serif; 
}

.module-content {
    
    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: 39em) {
    .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; }


    

/* Bannering  */

body { margin: 0; }

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

a:hover { text-decoration: none; }

.module-navlinks,
.datetime,
.entry .metadata,
.entry .footer,
.comment .footer,
.module { font-size: small; }

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

#header {
    margin: 0em;
    text-align: left;
    margin: 0;
    margin-bottom: 1em;
    padding: 0; }

#header > .inner:first-child {
    background: transparent;
    margin: 0; padding: 0;
    padding-top: 1px; /*really freaking annoying workaround for margin stupidity */
    margin-top: -1px;
}



#title { margin-top: 1.5em; }
             #header > .inner:first-child { padding-left: 0em; } 

#footer { margin: 1em 0; }

#title,
#subtitle,
#pagetitle { padding-left: 1em;
    padding-right: 1em; }

#title { font-size: large; }
#title a { color: #000000;
    text-decoration: none; }
#subtitle { font-size: medium;
    font-style: italic; }
#pagetitle { font-weight: normal;
    font-size: small; }

#content {margin: 2em 5% 0 5%; }

.navigation { text-align: center;
    padding: 1px;
    margin: 0 0 2em 0; }

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


/* Entry and Comments */

.entry-wrapper,
.comment-wrapper { border-bottom: 1px solid #666666;
    margin-bottom: 2em;
    position: relative; }

.entry { border: none; }

.has-userpic .entry .userpic { margin: -4.5em 1em 1em; }
.has-userpic .comment .userpic { margin: -2.5em 1em 1em; }

.entry .userpic,
        .comment .userpic { float: left;
            margin-left: 0 !important; }
        .entry .userpic img,
        .comment .userpic img { left: 0; }

        .has-userpic .entry .header,
        .has-userpic .comment .header { margin-left: 110px; }

.entry .contents,
.comment .contents { margin: 1em 0; }

.entry-content,
.comment-content { margin-top: 1em; }

.entry .metadata { font-style: italic.
    margin-bottom: -1em; }

.entry .footer,
.comment .footer { clear: both;
    padding-bottom: .5em; }

.entry .footer { text-align: right; }

.entry .tag { margin-bottom: .5em;
    text-align: left; }

ul.entry-management-links,
.comment-management-links { display: inline;
	line-height: 2em; }
ul.entry-interaction-links,
.comment-interaction-links { display: inline;
	line-height: 2em; }

ul.entry-management-links li,
ul.entry-interaction-links li { border-left: 1px solid; padding-left: .5em; }
ul.entry-management-links li.first-item {border-left: none; padding-left: .25em; }

.bottomcomment { padding: 0 .25em .25em .25em;
    margin-top: 1em;
    text-align: right; }
.bottomcomment label { white-space: nowrap; }

.multiform-checkbox { clear: both;
    display: block; }

.partial .comment-title { display: inline; }

#qrformdiv table { padding: .5em; }

/* Archive */

.year .month,
#archive-month .month { margin-bottom: 2em; }

.month .contents { padding: 1em .5em 0 .5em; }
.month .footer {padding: 0 .5em 1em .5em;
    text-align: center; }

.month .header {  color: #000000;
    font-family: 'Times New Roman', serif;
    background: ;
    padding: 1px .25em; }

table.month td,
table.month th { vertical-align: top;
    padding: .25em .5em; }

table.month caption { color: #ffffff; }

#archive-month .month { padding: 0 1em; }

#archive-month .entry-title { font-weight: bold; }

h3.day-date { text-align: center;
    margin-bottom: 2em; }

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


/* Sidebars */

#content .module {
    display: inline-block;
    vertical-align: top;
    width: 13em;
    text-align:left;
    padding: 0 .25em;
    }

#content .module-wrapper {
    text-align:center;
    }

@media only screen and (min-width: 39em) {
    .two-columns-left #secondary, .three-columns-sides #secondary, .three-columns-left #secondary, .three-columns-left #tertiary { border-right: 1px solid #666666; }
    .two-columns-right #secondary, .three-columns-sides #tertiary, .three-columns-right #secondary, .three-columns-right #tertiary { border-left: 1px solid #666666; }

    body:not(.one-column) #content .module {
        display: block;
        vertical-align: baseline;
        width: auto;
        padding: 0;
    }
}

.module { margin-bottom: 1em;
    border: none; }

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

.module-content ul ul { margin-left: 1em; }

.module-header { font-size: large; }
.module-header a { color: #000000; }

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

.any-column .module-calendar .module-content { text-align: left; }
.any-column .module-calendar table { margin: 0; }


            .module-navlinks {
                margin-bottom: -3em;
                padding-right: 2em;
                padding-top: 1em;
                text-align: right;
                background-color: transparent; }
            .module-navlinks li { display: inline;
                padding-left: .5em;
                border-left: 1px solid ; }
            .module-navlinks ul > li:first-child { border-left: none; }
            .module-navlinks .module-header { display: none; }
            .module-navlinks a { color: ; }
            .module-navlinks a:visited { color: ; }
            .module-navlinks a:hover { color: ; }
            .module-navlinks a:active { color: ; }
        
.module-navlinks a.current { color: #000000;
    text-decoration: none; }

.search-box {max-width: 100%;}

#footer { text-align: right;
    padding: .5em 2em; }