/* Cleaned CSS: */

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

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


#canvas * {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

h1, h2, h3, h4, body {
    padding: 0px;
    margin: 0px;
}


/* hack for older android browsers */
/* from http://timpietrusky.com/advanced-checkbox-hack */

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    .spoilerCut { 
        -webkit-animation: bugfix infinite 1s; 
    }

    @-webkit-keyframes bugfix { 
        from { padding: 0; } 
        to { padding: 0; } 
    }
}


/* hack for Opera Mini to make links work */

.spoilerLink .wrapper {
    cursor: pointer;
}

/* FALLBACK FOR OLDER BROWSERS */

.spoiler-black {
    background: black;
    color: black;
}

.spoiler-white {
    color: white;
}

.spoiler {
    display: none;
}

.spoilerCut {
    display: inline;
}

.spoilerLink {
    display: none;
}

/* RESET THE COLOR VALUES FOR NEWER BROWSERS */

.spoiler:checked + .spoiler-white,
.spoiler:checked + .spoiler-black,
.spoiler:not(:checked) + .spoiler-white,
.spoiler:not(:checked) + .spoiler-black {
    background: none !important;
    color: inherit !important;
}

/* STYLING FOR THE SPOILER CUT LINK */

.spoilerCut label {
    font-weight: bold;
}

/* SETTINGS WHEN THE SPOILERS ARE CLOSED */

.spoiler:checked + .spoilerCut > .spoilerHidden,
.spoiler:checked + .spoilerCut > .spoilerLink .close {
    display: none;
}

.spoiler:checked + .spoilerCut > .spoilerLink,
.spoiler:checked + .spoilerCut > .spoilerLink .open {
    display: inline;
}
 
/* SETTINGS WHEN THE SPOILERS ARE OPEN */

.spoiler:not(:checked) + .spoilerCut > .spoilerHidden,
.spoiler:not(:checked) + .spoilerCut > .spoilerLink .close {
    display: inline;
}
 
.spoiler:not(:checked) + .spoilerCut > .spoilerLink {
    display: inline;
}

.spoiler:not(:checked) + .spoilerCut > .spoilerLink .open {
    display: none;
}


#primary {
    margin-left: 0%;
    margin-right: 0%;
}

body { font-family: Verdana, sans-serif; font-size: 13px; }
#title { font-family: Verdana, sans-serif;  }
#pagetitle { font-family: Verdana, sans-serif;  }
.entry-title { font-family: Verdana, sans-serif;  }
.full .comment-title { font-family: Arial, Verdana, sans-serif; font-size: 18px; }
.partial .comment-title { font-family: Verdana, sans-serif; font-size: 13px; }
.module { font-family: Verdana, sans-serif;  }
.module-header { font-family: Verdana, sans-serif;  }
.comment-interaction-links { font-family: Verdana, Verdana, sans-serif; font-size: 10px; }
.comment-management-links { font-family: Verdana, Verdana, sans-serif; font-size: 10px; }
.fix-colors-link { font-family: Verdana, Verdana, sans-serif; font-size: 10px; }
body { background: transparent; }
#header { background: transparent; padding: 20px; margin: 0px;  }
#footer { background: transparent; padding: 20px; margin: 0px;  }
#primary > .inner { background: transparent; padding: 20px; margin: 0px;  }
#sidebar1 { background: transparent;  }
#sidebar2 { background: transparent;  }
.module .inner { background: transparent; }
.comment .header { background: #bbddff; }
.comment-depth-even > .dwexpcomment .header { background: #aaccee; }
.comment-depth-odd > .dwexpcomment .header { background: #bbddff; }
a { color: #0000cc; }
a:visited { color: #330066; }
.no-userpic .comment .userpic { display: none; }

.navigation.empty {
    display: none;
}

#canvas {
    margin: 0px 0em;
}

.horizontal .module-list {
    padding: 0px;
    margin: 0px;
}

.horizontal .module-list-item {
    display: inline;
}

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

.page-recent #primary .separator-after {
    background: black;
    height: 1px;
    margin: 10px;
}

.comment-pages > b:first-child {
    display: block;
}

.year {
    text-align: center;
}

.year .month-wrapper {
    display: inline-block;
    vertical-align: top;
}

.month {
    padding: 10px;
    border-spacing: 4px;
}

.month .header {
    text-align: center;
}

.month .day {
    width: 35px;
    height: 45px;
    vertical-align: top;
    padding: 5px;
}

.month .day .label {
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: right;
}

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

.entry-interaction-links {
    font-weight: bold;
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
}

.entry-interaction-links li:before {
    content: " | ";
}

.entry-interaction-links .first-item:before {
    content: "";
}

.entry-interaction-links:before {
    content: "( ";
}

.entry-interaction-links:after {
    content: " )";
}

.entry-interaction-links li {
    display: inline;
}

.entry-management-links {
    text-align: center;     
    margin: 0px;
    padding: 10px 0px;
}

.entry-management-links li {
    display: inline;
}

.comment-management-links {
    margin: 0px;
}

.comment-management-links li {
    display: inline;
}

.comment-interaction-links {
    padding: 5px 0px;
    margin: 0px;
}

.comment-interaction-links li {
    display: inline;
    padding-right: 0px;
}

.comment-interaction-links li:before {
    content: "(";
}

.comment-interaction-links li:after {
    content: ")";
}

.comment .header .inner {
    padding: 5px;
}

.comment .controls {
    float: right;
    text-align: right;
}

.comment {
    margin-bottom: 8px;
}

.comment .header .left {
    float: left;
    padding-right: 5px;
}

.comment .header .right {
    float: right;
    text-align: right;
    padding-left: 5px;
}

.comment .userpic {
    float: left;
    padding-right: 5px;
}

.clear {
    clear: both;
}

.anonymous {
    font-style: italic;
}

.comment-from-text {
    display: none;
}

.comment-date-text {
    display: none;
}

.comment .contents {
    margin-top: 10px;
    margin-bottom: 10px;
}

.entry-poster-info {
    float: right;
    text-align: right;
    padding: 10px;
    max-width: 250px;
}

.no-userpic .userpic {
    padding-right: auto;
    min-width: 100px;
    min-height: 100px;
    /* background-image: url("https://www.dreamwidth.org/img/profile_icons/user.png"); */
    background-image: url("https://www.dreamwidth.org/img/nouserpic.png");
    background-position: top right;
    background-repeat: no-repeat;
}

.full .comment-title {
    margin: 0px;
}

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

.partial .comment-title {
    font-weight: normal;
    display: inline;
}

.partial .comment-timestamp, .partial .comment-poster {
    display: inline;
}

.entry .contents {
    overflow: hidden;
}

.comment .header {
    overflow: hidden;
}

.userlite-interaction-links {
    padding: 0px;
    margin: 0px;
}

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

#archive-month .entry-title {
    padding: 0px;
    margin: 0px;
}

#archive-month br {
    display: none;
}

.entry .tag {
    margin-top: 10px;
}

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

.tag li {
    display: inline;
}

.tag li:before {
    content: "#";
}

.module:first-child {
    margin-top: 0px;
}

.module {
    margin-top: 10px;
}

.edittime {
    margin-top: 1em;
}