/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #d25a2b; }
.ContextualPopup a:visited { color: #a22a0b; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: #0000cc; }

    /* believe me, this style is much easier to deal with if you
    just leave this here. It says "lets use the IE box model" for
    non IE browsers */
    * { box-sizing:border-box; -moz-box-sizing:border-box }

    body {
        background-color: #5f4f48;
        font-family: Verdana, sans-serif; font-size: 1em;
        margin: 0;
        padding: 0;
    }

    a { color: #d25a2b;
  }
    a:visited { color: #a22a0b;
 }
    a:hover {  }
    a:active { color: #0000cc;
 }

    q { font-style: italic; }

    #container {
                background: #5f4f48;
                color: #000000;
background-color: #d89576;

    }

    #container, #footer, #body-footer {
        margin: 0 2%;
    }

    #header {
                background: transparent;
                background-color: #ffefe7;
                color: #252525;
                margin: 0;
                padding: 0;
    }

    #header a {
        color: #252525;
        text-decoration: none;
    }

    #header h1 {
        margin: 0;
        padding: 20px;
        font-family: Verdana, sans-serif; 
    }

    #header h2 {
        padding: 0 20px 20px 20px;
        font-family: Verdana, sans-serif; 
    }

    #wrap {
        color: #000000;
        padding-top: 20px;
        padding-left: 20px;
    }

    #content {
        margin: 0 0;
        position: relative;
        width: 100%;
        padding-bottom: 20px;
        z-index: 20;
     }

    .module {
        background: #ffefe7;
    }

    .module h2 {
        font-family: Verdana, sans-serif; font-size: 1.1em;
    }

    .module-content {
        font-family: Verdana, sans-serif; 
    }

    .module-section-two {
        position: relative;
    }

    @media only screen and (min-width: 690px) {
        .multiple-columns .module-section-two {
            width: 230px;
            /* this must stay at the bottom of this code as in some circumstances
            it closes one declaration and opens another one */
            margin-right: -230px;
        }
    }

    .module-section-two .module {
        border: solid 1px #5f4f48;
        color: ;
        background-color: #ffefe7;
        margin: 20px 0;
        padding: 10px;
    }

    @media only screen and (min-width: 690px) {
        .multiple-columns .module-section-two .module {
            margin: 20px;
            margin-left: 10px;
        }
    }

    .module-section-one .module {
        padding: .5em 20px;
    }

    .module-section-one .module-navlinks.module {
        padding: 0;
    }

    .module-section-one .module-navlinks ul {
        background-color: #d8b2a0;
        color: ;
        margin: 0;
        padding: 0 20px;
    }

    .module-section-one .module-navlinks li {
        display: inline;
        line-height: 2.3em;
    }

    .module-section-one .module-navlinks li a {
        text-decoration: none;
        padding-top: 0.5em;
        padding-right: 20px;
        padding-bottom: 0.5em;
        padding-left: 20px;
        background-color: #d8b2a0;
        color: ;
    }

    .module-section-one .module-navlinks ul li a:hover, .module-section-one .module-navlinks ul li.active a {
        background-color: #ffefe7;
        color: #252525;
    }

    .module-section-two a {
        color: ;
    }

    .module-section-two a:visited {
         color: ;
     }

    .module-section-two a:hover {
         color: ;
     }

     .module-section-two a:active {
         color: ;
     }

    .module-section-two .module-header a {
        text-decoration: none;
    }
    .module-section-two h2 {
        margin: 0;
        margin-bottom: 7px;
        padding: 0.2em;
        background-color: #d8b2a0;
        color: #252525;
        border: 1px solid #5f4f48;
    }

    .module-section-two ul {
        list-style: none;
        margin-left: 0.5em;
        padding: 0;
    }
    .module-section-two ul ul {
        margin-left: 0.5em;
        padding: 0.5em;
    }

    .module-userprofile .userpic img {
        border: none;
        margin: 20px;
    }
    .module-userprofile .userpic {
        text-align: center;
    }
    .module-userprofile ul.icon-links {
        margin: 0;
        padding: 0;
        text-align: center;
        margin-top: 5px;
    }
    .module-userprofile p {
        margin-top: 0;
        margin-bottom: 0;
    }
    .module-userprofile .icon-links li {
        display: inline;
        padding: 5px;
    }

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

    .module-calendar .module-content {
        text-align: center;
    }
    .module-calendar table {
        margin-left: auto;
        margin-right: auto;
    }

    .module-search .search-form {
        text-align: left;
    }
    @media only screen and (min-width: 690px) {
        .multiple-columns .module-search .search-form {
            text-align: right;
        }

        .multiple-columns .module-search .search-box {
            width: 100%;
        }
    }

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

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

    .entry, .comment, .text_noentries_day {
        padding: 10px;
        margin-top: 76px;
        position: relative;
        margin-bottom: 10px;
    }
    
        .entry-title, .comment-title { margin: 0; }
        .has-userpic .entry .header,
        .has-userpic .entry .poster { margin: 0 120px 0 0; }
        .has-userpic .comment .header,
        .has-userpic .comment .poster { margin: 0 120px 0 0; }
        .entry .userpic a, .comment .userpic a { right: 10px; left: auto; }

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

    .entry .userpic a, .comment .userpic a {
        position: absolute;
        padding: 5px;
    }

    .entry .userpic a {
        top: -66px;
    }

    .comment .userpic a {
        top: -66px;
    }

    .entry .userpic img, .comment .userpic img {
        border: none;
        display:block;
    }

    .entry-title, .comment-title {
        padding: .2em;
    }
    .entry .entry-title {
        font-family: Verdana, sans-serif; 
    }

    .comment-title {
        font-family: Verdana, sans-serif; 
        margin: 0;
    }

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

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

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

    .entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: solid 1px #5f4f48;
        background-color: #ffefe7;
        color: ;
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {
        background-color: #d8b2a0;
        border: solid 1px #5f4f48;
    }
    .entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: solid 1px #5f4f48;
        color: #252525;
        background-color: #d8b2a0;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: #252525;
    }
    .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: ;
    }
    .entry-wrapper-odd a:visited, .comment-wrapper-odd a:visited {
        color: ;
    }
    .entry-wrapper-odd a:hover, .comment-wrapper-odd a:hover {
        color: ;
    }
    .entry-wrapper-odd a:active, .comment-wrapper-odd a:active {
        color: ;
    }

    .entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: solid 1px #5f4f48;
        background-color: #ffefe7;
        color: ;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: #d8b2a0;
        border: solid 1px #5f4f48;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: solid 1px #5f4f48;
        color: #252525;
        background-color: #d8b2a0;
    }

    .no-subject .entry .entry-title,
    .no-subject .comment .comment-title {
        background: none;
        border: none;
        padding: 0;
    }

    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: #252525;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: ;
    }
    .entry-wrapper-even a:visited, .comment-wrapper-even a:visited {
        color: ;
    }
    .entry-wrapper-even a:hover, .comment-wrapper-even a:hover {
        color: ;
    }
    .entry-wrapper-even a:active, .comment-wrapper-even a:active {
        color: ;
    }

    .entry .time, .entry .date {
        padding: 0.2em;
        display: inline-block;
    }
    .entry-content, .comment-content {
        padding: 10px 0;
    }

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

    .page-recent .journal-type-P.has-userpic.no-subject .entry-content,
    .page-day .journal-type-P.has-userpic.no-subject .entry-content {
        padding-top: 25px;
    }

    .no-userpic .comment {
        margin-top: 20px;
    }
    .no-userpic .comment-title {
        margin: 0;
    }

    .partial .comment-title {
        display: inline;
        margin-right: .3em;
        line-height: 1.4em;
        }

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

    .tag {
        font-weight: bold;
        text-align: left;
    }
    .tag a {
        font-weight: normal;
    }
    .tag ul { display: inline; margin: 0; padding: 0; }

    .tag li {
        display: inline;
        padding: 0;
    }
    *+html .tag li {
        padding: 0 5px;
    }

    .entry .metadata.top-metadata {
        padding-top: 10px;
    }
    .entry .metadata.bottom-metadata {
        clear: both;
    }
    .entry .metadata ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .entry .footer, .comment .footer {
        clear: both;
    }
    .entry .footer .inner, .comment .footer .inner {
        text-align: right;
    }
    .entry .footer a {
        white-space: nowrap;
    }
    .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
        text-align: right;
        margin: 0;
        padding: 0;
        display: inline;
    }
    .entry-management-links li, .entry-interaction-links li,
    .comment-management-links li, .comment-interaction-links li {
        display: inline;
        margin: 0;
        padding: 5px;
    }
    /* lets have a default */
    .entry-management-links li a, .comment-management-links li a,
    .comment-interaction-links .thread a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/permalink.gif");
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
    }

    .entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
    .comment-management-links .edit_comment a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/edit.gif");
    }
    .entry-management-links .edit_tags a, .comment-interaction-links .parent a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/tag.gif");
    }
    .entry-management-links .mem_add a, .entry-management-links .watch_comments a,
    .comment-management-links .watch_thread a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/memories.gif");
    }
    .entry-management-links .link_prev a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/previous.gif");
    }
    .entry-management-links .link_next a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/next.gif");
    }
    .entry-interaction-links li a, .entry-management-links .tell_friend a,
    .comment-interaction-links li a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/comment.gif");
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
        display: inline;
    }
    .comment-management-links .delete_comment a {
        background-image: url("https://www.dreamwidth.org/img/styles/transmogrified/delete.gif");
    }

    .entry .footer hr {
        display: none;
    }

    .entry .metadata-label {
        font-weight: bold;
    }
    .full .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

    #content > hr { display: none; }

    .module-section-three {
        clear: both;
        width: 100%;
        background-color: #ffefe7;
        color: ;
        margin: 0;
        padding: 0.5em 0;
    }
    .module-section-three a {
        color: ;
    }
    .module-section-three .module {
        padding: .5em 20px;
    }

    .navigation {
        margin: 0;
        padding: 10px;
        text-align: center;
        border: 1px solid #5f4f48;
        background-color: #ffefe7;
        color: ;
    }

    .navigation ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .navigation li {
        display: inline;
        padding: 0 5px;
    }
    .navigation .page-back a:before {
        content: "<<  ";
        font-size: 0.5em;
        letter-spacing: 0;
        vertical-align: 40%;
        padding-right: 1px;
    }
    .navigation .page-forward a:after {
        content: " >>";
        font-size: 0.5em;
        letter-spacing: 0;
        vertical-align: 40%;
        padding-left: 1px;
    }

    .navigation.empty {
        display: none;
        }

    .month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0;
        border: solid 1px #5f4f48;
        background-color: #ffefe7;
    }

     .month-wrapper h3 {
        padding: 0.2em;
        margin: 0;
        border: solid 1px #5f4f48;
        color: #252525;
        background-color: #d8b2a0;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    .month caption {
        display: none;
    }
    .month .day span, .month .day p {
        padding: 0;
        margin: 0;
    }
    .month .day p {
        margin-top: 4px;
        margin-bottom: -4px;
    }
    .month .day, .month th {
        line-height: 2em;
        vertical-align: text-top;
        padding: 5px;
        text-align: center;
    }
    /* IE only to line up the empty days neatly */
    *+html .month .day span, *+html .month th span {
        vertical-align: 100%;
    }
    .month .day-has-entries {
        line-height: 1em;
    }
    .month .footer {
        width: 250px;
        text-align: center;
        margin: 10px 0;
    }

    #postform {
        margin-top: 20px;
        border: solid 1px #5f4f48;
    }

    .text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: 1em;
        display: inline-block;
        padding-left: 5px;
    }

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

    .page-tags #wrap {
        margin-left: 20px;
        }

    .tags-container {
        background-color: #ffefe7;
        border: 1px solid #5f4f48;
        margin-top: 10px;
        padding: 10px;
        }

    .tags-container h2 {
        background-color: #d8b2a0;
        border: solid 1px #5f4f48;
        color: #252525;
        font-size: 1.2em;
        margin: 0 0 20px;
        padding: .2em;
        }

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

    .page-icons #wrap {
        margin-left: 20px;
        }

    .icons-container {
        background-color: #ffefe7;
        border: 1px solid #5f4f48;
        margin-top: 10px;
        padding: 10px;
        }

    .icons-container h2 {
        background-color: #d8b2a0;
        border: solid 1px #5f4f48;
        color: #252525;
        font-size: 1.2em;
        margin: 0 0 20px;
        padding: .2em;
        }

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

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

    .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 .default {
        text-decoration: underline;
        }

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

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

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

    #commenttext {
        width: 95%;
    }

    #body-footer {
        background-color: #d8b2a0;
        color: ;
        padding: .5em 0;
        text-align: right;
    }

    #body-footer a {
        background-color: #d8b2a0;
        color: ;
        padding: .5em 20px;
        text-decoration: none;
    }

    #body-footer a:hover {
        background-color: #ffefe7;
        color: #252525;
    }

    #content { float: none; }
    .module-section-two { float: none; padding-bottom: 10px; }
    #wrap { padding-left: 20px; padding-right: 20px; }
    @media only screen and (min-width: 690px) {
        .two-columns-right #content { float: left; }
        .two-columns-right .module-section-two { float: left; }
        .two-columns-right #wrap { padding-right: 230px; }
        .two-columns-left #content { float: right; }
        .two-columns-left .module-section-two { float: right; }
        .two-columns-left #wrap { padding-right: 230px; }
    }