/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #5a799d; }
.ContextualPopup a:visited { color: #234163; }
.ContextualPopup a:hover { color: ; }
.ContextualPopup a:active { color: #ff0000; }

    /* Main layout
    ***************************************************************************/
    body {
        font-family: Arial, sans-serif; font-size: 1em;
        color: #234163;
        background: #eef3fa;
    }

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

    #canvas {
        padding: 10px;
        margin: 30px;
        overflow: auto;
        background-color: #ffffff;
border: solid 1px #5a799d;

    }

    #secondary {
        margin: 0px 0px 0px 0px;
        text-align: left;
    }

    /* reorder so that #primary appears on top of #secondary on mobile views */
    #canvas {
        display: flex;
        flex-direction: column;
    }
    #header { order: 1; }
    #secondary { order: 4; }
    #primary { order: 2; }
    #canvas-footer { order: 3; }

    @media only screen and (min-width: 40em) {
        #canvas, #header, #secondary, #primary { display: block; }
        #primary {
            margin: 10px 0 0 235px;
            border-left: 1px solid #5a799d;
        }

        #secondary {
            float: left;
            width: 225px;
            border-right: 1px solid #5a799d;
        }

        #secondary .module-wrapper .separator-after {
            float: left;
            clear: left;
            width: 224px;
            height: 1.5em;
            margin-top: .5em;
            background-color: #eef3fa;
border: solid 1px #5a799d;

        }
    }
    /* Lists
    ***************************************************************************/

    ul {
        margin-left: 0px;
        padding-left: 40px;
    }

    /* Typography
    ***************************************************************************/

    a { color: #5a799d;
 }
    a:visited { color: #234163;
 }
    a:hover { text-decoration: none; }
    a:active { color: #ff0000;
 }

    q { font-style: italic; }

    h2 {
        font-size: 1em;
        color: #5a799d;
        font-weight: bold;
    }

    h2.module-header {
        color: #5a799d;
border: solid 1px #5a799d;

        background: #eef3fa url("https://www.dreamwidth.org/img/styles/drifting/hdr_icon.gif") no-repeat bottom right;
        border-right: none;
        padding: 3px;
        padding-left: 10px;
        margin-top: 0px;
        font-family: Arial, sans-serif; font-size: 1.1em;
    }

    .day-title,
    .month-title {
        border: 1px solid #5a799d;
        background: #eef3fa;
        padding: 3px;
        padding-left: 10px;
        font-size: 1.2em;
    }

    .module-content {
        font-family: Arial, sans-serif; font-size: .9em;
    }

    /* Header
    ***************************************************************************/
    #header {
        margin-bottom: 10px;
        border: 1px solid #5a799d;
        background: #7997bd url("https://www.dreamwidth.org/img/styles/drifting/hdr_bg.jpg") repeat-x 0 100%;
    }

    #header:after {
      content: "";
      display: table;
      clear: both;
    }

    .header-left {
        background-image: url("https://www.dreamwidth.org/img/styles/drifting/hdr_left.jpg");
        background-position: 0 100%;
        background-repeat: no-repeat;
        min-height: 4.7em;
    }

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

    #header h1#title {
        font-family: 'Times New Roman', Arial, serif; font-size: 2.8em;
        font-weight: bold;
        font-style: italic;
        line-height: 0.9em;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    #header h2#subtitle {
        font-family: Arial, serif; 
        color: #5a799d;
        width: 100%;
    }

    @media only screen and (min-width: 40em) {
        #header h1#title {
            margin: 0px 0px 0px 235px;
            text-align: left;
        }

        #header h2#subtitle {
            margin: 5px 0px 0px 335px;
        }

        .header-left {
            float: left;
            width: 60%;
        }
    }

    @media only screen and (min-width: 64em) {
        .header-right {
            background-image: url("https://www.dreamwidth.org/img/styles/drifting/hdr_right.jpg");
            background-position: 0 100%;
            height: 4.7em;
            float: right;
            width: 250px;
        }
    }

    /* Navigation
    ***************************************************************************/
    .navigation {
        padding: 3px 15px 3px 10px;
        margin-bottom: 15px;
        background-color: #eef3fa;
border: solid 1px #5a799d;

        clear: right;
        text-align: right;
    }

    .navigation ul {
        display: inline;
        padding: 0px;
    }

    .navigation ul li {
        display: inline;
        padding-right: 10px;
    }

    .navigation ul li a {
        text-decoration: none;
    }

    .navigation ul li.active {
        font-weight: bold;
    }

    /* Module Lists
    ***************************************************************************/
    #secondary .userlite-interaction-links,
    #secondary .module-list {
        list-style: none;
        padding-left: 20px;
        padding-right: 5px;
    }

    .userlite-interaction-links.icon-links {
        padding: 0;
        text-align: center;
        }

    .userlite-interaction-links.icon-links li {
        display: inline;
        }

    #secondary .manage-link {
        margin-bottom: 1em;
        text-align: center;
    }

    /* Userpics
    ***************************************************************************/
    .module-userprofile .userpic {
        border: 1px solid #5a799d;
        border-bottom: none;
        margin: 0 auto;
        padding: 10px 10px 0;
        width: 100px;
    }

    .module-userprofile .journal-name {
        border: 1px solid #5a799d;
        border-top: none;
        text-align: center;
        margin: 0 auto;
        width: 120px;
    }

    .friends-color-wrapper,
    .comment-userpic {
        padding: 10px;
        padding-bottom: 7px;
        margin: 10px;
        margin-top: -5px;
        background: #eef3fa;
        margin-bottom: 5px;
        border: 1px solid #5a799d;
        text-align: center;
    }

    .friends-color-wrapper .poster,
    .comment-userpic .poster {
       display: block;
       width: auto;
       font-size: .9em;
    }

    .userpic img {
        border: none;
        margin: 0px;
        padding: 0px;
    }

    .friends-color-wrapper .ljuser, .comment-userpic .ljuser {
        display: block;
    }
    /* Calendar
    ***************************************************************************/
    .module-calendar {
        padding: 0px 0px 5px 0px;
        margin-bottom: 15px;
    }

    .module-calendar .module-content table {
        margin: 0px 5px 0px 5px;
    }

    .module-calendar th {
        display: none;
    }

    .module-calendar td {
        width: 24px;
        margin: 1px;
        text-align: center;
        border: 1px solid #5a799d;
    }

    .module-calendar td.empty-day,
    .module-calendar td.entry-day {
        border-right: 1px solid #5a799d;
        border-bottom: 1px solid #5a799d;
    }

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

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

    /* Search Module
    ***************************************************************************/
    .search-box { max-width: 100%; }

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

	#footer .module-search .search-form .search-box-item,
    #footer .module-search .search-form .comment_search_label,
    #footer .module-search .search-form .search-button-item {
        display: inline;
    }

    /* Tag Module
    ***************************************************************************/
    .module-tags_cloud .module-list {
        margin-bottom: 0.5em;
    }

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

    /* Reply
    ***************************************************************************/
    #reply h2 {
        border: 1px solid #5a799d;
        background: #eef3fa;
        padding: 3px;
        padding-left: 10px;
        font-weight: bold;
    }

    #reply .reply-form {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    /* Hack to keep the new-style talkform usable until we can rip the old float crud out of this layout */
    #reply #qrformdiv {
        clear: none;
    }

    /* Entry
    ***************************************************************************/
    .entry {
        padding: 0px 5px 5px 10px;
        font-size: .9em;
        overflow: auto;
    }

    .entry-content {
        margin-bottom: 20px;
        color: #000000;
    }

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

    .entry .subject {
        padding: 3px;
        border: 1px solid #5a799d;
        background: #eef3fa url("https://www.dreamwidth.org/img/styles/drifting/hdr_icon.gif") no-repeat bottom right;
        font-size: 1.2em;
        font-weight: bold;
        padding-left: 10px;
        margin: 0px -5px 15px -10px;
    }

    .entry .subject a {
        text-decoration: none;
    }

    .entry h3.entry-title {
        padding: 0px;
        margin: 0px;
        display: inline;
        color: #5a799d;
        font-family: Arial, sans-serif; font-size: 1.2em;
    }

    /* Set padding to restore height to the decorative header */
    /* Use standard H3 font size or custom size if set */
    .no-subject .entry .entry-title {
        padding: 1.17em;
        padding: 1.2em;
    }

    .entry .trust-filter {
        padding-left: 10px;
    }

    .datetime-container {
        margin-bottom: 10px;
    }

    .datetime {
        font-weight: bold;
    }

    .datetime a {
        text-decoration: none;
        color: #234163;
    }

    .tag {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .tag ul li {
        display: inline;
        font-weight: normal;
        font-size: 1.2em;
    }

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

    .entry-management-links,
    .entry-interaction-links {
        padding: 0px;
        margin-left: 0px;
        font-size: 1.1em;
        display: inline;
    }

    .entry-management-links li,
    .entry-interaction-links li {
        display: inline;
        padding-right: 5px;
        margin: 0px;
    }

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

    /* Comment
    ***************************************************************************/
    .comment {
        overflow: auto;
    }

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

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

    .full .comment .poster {
       display: block;
       width: auto;
       text-align: center;
       font-size: .9em;
    }

    .comment-interaction-links,
    .comment-management-links {
        display: inline;
        padding-left: 0px;
    }

    .comment-interaction-links li,
    .comment-management-links li {
        display: inline;
        padding-right: 10px;
    }

    .comment-thread .separator-after {
        border-bottom: 1px solid #5a799d;
    }

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

    .comment .subject {
        border: 1px solid #5a799d;
        background: #eef3fa;
        padding: 3px;
        padding-left: 10px;
        min-height: 1em;
        margin: 0.83em 0;
    }

    .comment .subject a {
        font-weight: bold;
        text-decoration: none;
    }

    .comment-subjecticon { margin: 0; }

    .comment-content {
        padding-left: 10px;
        color: #000000;
    }

    .comment-content .comment-text .comment-content {
        padding-left: 0px;
    }

    .comment .comment-content .datetime-container {
        padding-top: 10px;
    }

    .comment .comment-content .poster-ip {
        font-style: italic;
        display: block;
        margin-bottom: 10px;
    }

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

    .talkform textarea {
        width: 500px; /* will cause scrolling without this in IE7 */
    }

    /* Mass Actions, Comments Message
    ***************************************************************************/
    .bottomcomment, .comments-message {
        margin: 1em;
    }

    /* Archive
    ***************************************************************************/
    .day-entries {
        font-size: .9em;
    }

    .day-entries .subjectlist {
        padding-left: 10px;
    }

    .day-entries .time {
        font-weight: bold;
    }

    .day-entries .entry-title {
        padding-left: 30px;
        margin: 0px;
        margin-top: 3px;
    }

    .month {
        width: 280px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 10px;
    }

    .month-table td {
        padding: 3px;
        font-size: .9em;
        width: 30px;
        height: 40px;
        border-right: 1px solid #5a799d;
        border-bottom: 1px solid #5a799d;
        vertical-align: top;
        text-align: right;
    }

    .month-table th {
        padding: 3px;
        font-size: .9em;
        width: 30px;
        height: 30px;
        border-right: 1px solid #5a799d;
        border-bottom: 1px solid #5a799d;
    }

    .month-table td.day p {
        display: block;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    .month-entries .day-title {
        border: none;
        background: none;
    }

    .month-entries .day-entries .subjectlist {
        padding-left: 40px;
        font-weight: normal;
    }

    .month-entries .day-entries .subjectlist span {
        font-weight: normal;
        display: inline;
    }

    .month-entries .day-entries .subjectlist h3 {
        font-weight: normal;
        font-size: 1.1em;
        display: inline;
        padding-left: 10px;
    }

    .month-entries .day-entries .subjectlist .access-filter,
    .month-entries .day-entries .subjectlist .restrictions {
        margin-left: 5px;
    }

    .month-entries .day-entries .subjectlist .access-filter img,
    .month-entries .day-entries .subjectlist .restrictions img {
        margin-bottom: -3px;
    }

    .subjectlist .tag {
        padding-left: 60px;
    }

    /* Tags Page
    ***************************************************************************/
    .tags-container h2 {
        background: #eef3fa;
        color: #234163;
        border: 1px solid #5a799d;
        padding: 3px;
        padding-left: 10px;
    }

    .ljtaglist {
        list-style: none;
        padding-left: 10px;
    }

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

    .icons-container .contents,
    .icons-container .footer {
        padding: 0 5px 5px 10px;
    }

    .icons-container h2 {
        background: #eef3fa;
        color: #234163;
        border: 1px solid #5a799d;
        padding: 3px;
        padding-left: 10px;
    }

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

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

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

    .icon-image {
        display: inline-block;
        margin-bottom: .25em;
        min-width: 100px;
    }

    .icon-info {
        display: inline-block;
        vertical-align: top;
        width: 80%;
    }

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

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

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

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

    /* Footer
    ***************************************************************************/
    #footer {
        font-size: .8em;
        font-weight: normal;
        border: 1px solid #5a799d;
        background: #eef3fa;
        padding: 3px;
        padding-left: 10px;
    }

    /* Page Footer
    ***************************************************************************/
    .page-top {
        font-size: .8em;
        padding-top: 10px;
        text-align: center;
    }

    /* (left border)
    ***************************************************************************/
    @media only screen and (min-width: 40em) {
        .day-title, .month-title,
        #footer, .navigation, #reply h2,
        .entry .subject, .comment .subject,
        .tags-container h2, .icons-container h2 {
            border-left: none;
        }
    }


        .friends-color-wrapper,
        .comment-userpic {
            float: right;
            margin-right: -5px;
            }
        .comment-userpic {
            margin-right: 0px;
            }
        .datetime-container {
            margin-top: -10px;
            }