/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #07759d; }
.ContextualPopup a:visited { color: #05556c; }
.ContextualPopup a:hover { color: #0997bf; }
.ContextualPopup a:active { color: #0997bf; }

/************************************************
* Resets *
************************************************/

#header h1, #header h2,
#secondary div, #secondary h2, #secondary ul,
#tertiary div, #tertiary h2, #tertiary ul, .footer ul,
.entry .header h3, .comment .header h3,
.bottomcomment ul {
    margin: 0;
}
/************************************************
* Basic Styles *
************************************************/

html {
height: 100%;
}

html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
    line-height: 150%;
}

body {
    background: #000000 url("https://www.dreamwidth.org/img/styles/abstractia/abyss-page.jpg") no-repeat top center;
    background-attachment: fixed;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em;
    color: #eeeeee;
    padding: 0 0 1.667em;
}

a {
    color: #07759d;

    text-decoration: none;
}
a:visited {
    color: #07759d;

}
a:hover {
    color: #0997bf;

}
a:focus,a:active {
    color: #0997bf;

}
a:active,a:focus,a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

ul {
    list-style: square;
}

ul ul {
    list-style: circle;
}

blockquote {
    margin: 1em 10%;
    padding: .833em;
}

blockquote ul, blockquote ol, blockquote dl,
blockquote li, blockquote dt, blockquote dd {
/* specifications to handle the way different browsers handle the margin/padding on lists */
    margin-left: 0;
    padding-left: 0;
}

#subjectIconList {
    margin: auto;
}

#subjectIconList table {
    border: none !important;
}

input, textarea {
    color: #eeeeee;
    padding: 0.417em;
}

select {
    padding: 0.417em;
}

q {
    font-style: italic;
}

/************************************************
* Containers - Layout Variations*
************************************************/

/* Header
***************************************************************************/

#header {
    background: transparent;
    margin-bottom: 1.25em;
    margin-right: 6%;
    margin-left: 5%;
}

@media only screen and (min-width: 40em) {
    .two-columns-right #header {
        margin-right: 28%;
        margin-left: 5%;
    }
    .two-columns-left #header {
        margin-right: 6%;
        margin-left: 27%;
    }

    .three-columns-sides #header {
        margin-left: 5%;
        margin-right: 6%;
    }
}

/* Content & Sidebars
***************************************************************************/

#primary,
#secondary,
#tertiary {
    float: left;
    width: 89%;
    margin-left: 5%;
}

#footer .page-top {
    clear: both;
    margin-left: 5%;
    margin-right: 5%;
}
.page-reply #postform {
    width: 89%;
}

@media only screen and (min-width: 40em) {
    .multiple-columns #secondary {
        width: 20%;
        min-width: 200px;
    }

    .two-columns #primary {
        width: 67%;
    }
    .two-columns #tertiary {
        text-align: center;
        clear: both;
    }
    .two-columns #tertiary,
    .two-columns #footer .page-top {
        width: 67%;
    }
    .two-columns-left #primary {
        margin-left: 27%;
        margin-right: -100%;
    }
    .two-columns-left #secondary, .three-columns-left #secondary {
        margin-left: 5%;
    }
    .two-columns-left #tertiary,
    .two-columns-left #footer .page-top {
        margin-left: 27%;
        margin-right: 5%;
    }
    .two-columns-right #primary {
        margin-left: 5%;
    }
    .two-columns-right #secondary {
        margin-left: 2%;
    }
    .two-columns-right #tertiary,
    .two-columns-right #footer .page-top {
        margin-left: 5%;
        margin-right: 27%;
    }
    .two-columns .page-reply #postform {
        width: 67%;
    }

    .three-columns #primary {
        width: 47%;
    }
    .three-columns #tertiary {
        width: 20%;
        min-width: 200px;
    }
    .three-columns-left #primary {
        margin-left: 47%;
        margin-right: -100%;
    }
    .three-columns-left #footer .page-top {
        margin-left: 47%;
    }
    .three-columns-left #tertiary {
        margin-left: 1%;
    }
    .three-columns-right #primary {
        margin-left: 5%;
    }
    .three-columns-right #secondary {
        margin-left: 1%;
    }
    .three-columns-right #tertiary {
        margin-left: 1%;
    }
    .three-columns-right #footer .page-top {
        margin-left: 5%;
    }
    .three-columns-sides #primary {
        width: 46%;
        margin-left: 27%;
        margin-right: -100%;
    }
    .three-columns-sides #secondary {
        margin-left: 5%;
    }
    .three-columns-sides #tertiary {
        margin-left: 50%;
    }
    .three-columns-sides #footer .page-top {
        margin-left: 27%;
    }
    .three-columns .page-reply #postform {
        width: 47%;
    }
}

/************************************************
* #Header *
************************************************/

#title, #title a, #subtitle {
    color: #000000;

}

#title {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 4em;
    line-height: 150%;
    opacity: .5;
}

#subtitle {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 2.5em;
    line-height: 150%;
    opacity: .2;
}

#pagetitle {
    font-size: 2em;
    opacity: .2;
    text-align: right;
}

.day-date {
    font-size: 1.5em;
    margin-bottom: 1.667em;
    opacity: .4;
    text-align: right;
}

/************************************************
* Sidebars *
************************************************/

#secondary .module, #secondary .module-header,
#tertiary .module, #tertiary .module-header {
    padding: .8em;
}

#secondary .module, #tertiary .module {
    color: #eeeeee;

    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em;
    margin-bottom: 1.667em;
}

#secondary .module a, #tertiary .module a,
#tertiary .module, #tertiary .module-header {
    color: #07759d;

}

#secondary .module a:visited,
#tertiary .module a:visited,
#tertiary .module-header a:visited {
    color: #07759d;

}

#secondary .module a:active, #secondary .module a:focus,
#tertiary .module a:active, #tertiary .module-header a:active,
#tertiary .module a:focus, #tertiary .module-header a:focus {
    color: #0997bf;

}

#secondary .module a:hover,
#tertiary .module a:hover,
#tertiary .module-header a:hover {
    color: #0997bf;

}

#secondary .module-header,
#tertiary .module-header {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.5em;
    color: #eeeeee;

    font-weight: normal;
    margin-bottom: .2em;
}

@media only screen and (min-width: 40em) {
    .two-columns #tertiary .module, .two-columns #tertiary .module-header {
        padding: 0;
    }

    .two-columns #tertiary .module, .two-columns #tertiary .module-header {
        color: #eeeeee;
background-color: #000000;
border: solid 1px #06587a;

        margin: 0;
    }

    .three-columns #tertiary .module {
        color: #eeeeee;

    }
}

.module ul, .module li {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.module .manage-link {
    padding-top: 1em;
    text-align: right;
}

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

.module-userprofile li {
    display: inline;
}

.module-navlinks ul,
.module-typelist ul,
.module-active ul {
    list-style: none;
}

.module-navlinks a {
    display: block;
    padding: .2em;
}

.module-navlinks a.current {
    display: block;
    padding: .2em .5em;
}

.module-calendar table {
    width: 98%;
    margin: 0 auto;
    padding: .25em;
}

.module-calendar table th,
.module-calendar table td {
    padding: .083em;
}

.module-tags_list ul,
.module-tags_multilevel ul,
.module-pagesummary ul,
.module-credit ul {
    padding-left: 1.15em;
}
.module-tags_cloud ul {
    text-align: center;
}
.module-tags_cloud li {
    display: inline;
}

.module-search input.search-box {
    width: 50%;
}

.module-search input.search-button {
    margin-left: .5em !important;
}

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

/************************************************
* Footer *
************************************************/

#footer .page-top {
    font-size: 1.5em;
    opacity: .4;
}
#footer .page-top a {
    color: #07759d;

}
#footer .page-top a:active,
#footer .page-top a:focus {
    color: #0997bf;

}
#footer .page-top a:hover {
    color: #0997bf;

}

@media only screen and (min-width: 40em) {
    .two-columns #tertiary {
        opacity: .4;
    }
    .two-columns #tertiary a {
        color: #07759d;

    }
    .two-columns #tertiary a:active,
    .two-columns #tertiary a:focus {
        color: #0997bf;

    }
    .two-columns #tertiary a:hover {
        color: #0997bf;

    }
}

/************************************************
* Entries *
************************************************/

.entry,.comment {
    color: #eeeeee;

    padding: .833em;
}

.entry a,.comment a {
    color: #07759d;

}
.entry a:active,.comment a:active,
.entry a:focus,.comment a:focus {
    color: #0997bf;

}
.entry a:hover,.comment a:hover {
    color: #0997bf;

}

.entry .header,.comment .header {
    padding: 1.25em;
    overflow: hidden;
}

.entry-title {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.85em;
}

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

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

.comment-title {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.85em;
}

.entry .entry-title, .entry .entry-title a {
    color: #07759d;

}

.comment .comment-title, .comment .comment-title a {
    color: #07759d;

}

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

.datetime {
    font-size: .85em
}

.access-filter img,.restrictions img {
    max-width: 1.25em;
    max-height: 1.25em;
    vertical-align: middle;
}

.entry .footer,.comment .footer {
    padding: 0 1.25em;
    clear: both;
    overflow: hidden;
}

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

.has-userpic .userpic {
    margin-left: .833em;
    float: right;
    padding: 10px;
    clear: both;
}

.header .poster {
    display: block;
    margin: 0;
    float: right;
    clear: both;
    text-align: right;
}

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

.metadata li {
    font-size: .9em;
}

.metadata-label {
    font-weight: bold;
}

.bottom-metadata {
    clear: both;
}

.entry .contents,.comment .contents {
    min-height: 120px;
    margin: .833em auto;
}

.entry .contents a,.comment .contents a {
    text-decoration: underline;
}

.entry-content ul:first-child li, .entry-content ol:first-child li {
    list-style-position: inside;
}

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

.entry .tag,.footer .multiform-checkbox {
    width: 98%;
    margin: .667em 0 0;
    float: left;
    clear: both;
}

.entry .tag .tag-text {
    margin-right: .3em;
    float: left;
}

.entry .tag li,
.footer li {
    display: inline
}

.entry-management-links,
.comment-management-links {
    padding-left: 0;
    float: left;
    clear: both;
}

.entry-management-links,
.entry-interaction-links,
.comment-management-links,
.comment-interaction-links {
    padding-top: .667em;
    padding-bottom: .667em;
}

.entry-management-links a,
.entry-interaction-links a,
.comment-management-links a,
.comment-interaction-links a {
    color: #07759d;

}

.entry-management-links li a,
.entry-interaction-links li a,
.comment-management-links li a,
.comment-interaction-links li a {
    vertical-align: middle;
}

.entry-interaction-links li,
.comment-interaction-links li {
    padding-left: .5em;
}

.commentpermalink, .bottomcomment .entry-readlink {
    padding-right: .5em;
}

.entry-interaction-links li.first-item,
.comment-interaction-links li.first-item {
    padding-left: 0;
}

.footer hr {
    display: none;
}

.entry-interaction-links,
.comment-interaction-links {
    float: right;
}
.entry-interaction-links li,
.comment-interaction-links li,
.bottomcomment .entry-interaction-links li {
    display: inline;
    margin: 0;
}

.bottomcomment {
    text-align: center;
    padding: 1.25em;
    overflow: hidden;
}
.bottomcomment .entry-management-links li {
    display: inline;
    float: left;
}

#primary .separator-after {
    height: 1.667em;
    clear: both;
}

/************************************************
* Comment Pages *
************************************************/

#comments .toppages {
    margin: 0 0 1.5em;
}

#comments .bottompages {
    margin: 1em 0;
}

/* Reply
***************************************************************************/

.page-reply #postform {
    padding: .833em;
}

#ljqrttopcomment {
    clear: both;
}

#qrformdiv {
    clear: both;
    margin: 0 auto;
}
#qrformdiv form input, #qrformdiv form textarea,
.page-reply #postform input, .page-reply #postform textarea {
    margin: .25em;
}
#qrformdiv table td,
.page-reply #postform td {
    vertical-align: top;
}

/************************************************
* Archive Pages *
************************************************/

/* Calendar
***************************************************************************/

.page-archive #primary .header {
    position: relative;
    left: -10em;
    width: 40%;
    margin: 0 auto;
    opacity: .4;
}

.page-archive #primary table {
    width: 35em;
    margin: 0 auto .833em;
    border-collapse: separate;
    border-spacing: .833em;
}
.page-archive #primary caption {
    font-size: .90em;
    font-style: italic;
    margin-bottom: 10px;
    opacity: .4;
}
.page-archive #primary th,
.page-archive #primary td {
    padding: .417em;
}
.page-archive #primary td {
    width: 4em;
    height: 4em;
    vertical-align: top;
}
.page-archive #primary td p {
    margin: 0;
    padding: 0;
    text-align: right;
}

.page-archive #primary .footer {
    text-align: center;
}

/* Month
***************************************************************************/

.page-month #primary .month {
    padding: .833em;
}

.page-month #primary input, .page-month #primary select {
    padding: 0 .2em;
}

.page-month #primary dl dt {
    margin: .833em 0;
}
.page-month #primary dl dt a {
    font-size: 1.5em;
    padding: .5em;
}
.page-month #primary dl dd {
    margin: 0 0 3em;
    clear: both;
}

.page-month #primary .datetime {
    font-size: .9em;
    margin: 0 .5em 0;
    float: left;
}

.page-month #primary .entry-poster {
    display: block;
    clear: none;
    margin: 0;
}

.page-month #primary .entry-title {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em;
    margin: 0 .5em 0;
    padding: 0;
    float: left;
    clear: none;
}

.page-month #primary .tag {
    font-size: .9em;
    margin-left: 5.5em;
    clear: left;
}

.page-month #primary .tag-text {
    float: left;
    margin-right: .3em;
}

.page-month #primary .tag li {
    display: inline;
}

.page-month #primary .bottomnav {
    margin-top: 1.667em;
}

/* Day
***************************************************************************/

.page-day .day-date {
    display: none;
}

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

.page-tags .tags-container {
    padding: .833em;
}

.page-tags .tags-container h2 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.85em;
    color: #07759d;

    line-height: 100%;
    margin: 0;
    padding: .8333em;
}
.page-tags .tags-container .tags_list,
.page-tags .tags-container .tags_multilevel {
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}
.page-tags .tags-container .tags_cloud ul {
    margin-left: 0;
    padding-left: 0;
    text-align: center;
}
.page-tags .tags-container .tags_list ul,
.page-tags .tags-container .tags_multilevel ul {
    padding-left: 1.15em;
}
.page-tags .tags-container .tags_cloud li {
    display: inline;
}
.page-tags .tags-container .manage-tags-link {
    margin: 1em 0;
    text-align: right;
}
.page-tags .tags-container .manage-tags-link a {
    padding: .833em;
}


/************************************************
* Icon Page *
************************************************/

.icons-container {
    padding: .833em;
}

.icons-container h2 {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.85em;
    color: #07759d;

    line-height: 100%;
    margin: 0;
    padding: .8333em;
}

.icons-container h2 {
    text-align: left;
}

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

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

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

.icon-image {
    float: left;
    clear: left;
    margin-bottom: .25em;
    min-width: 100px;
    padding-right: .5em;
    }

.icon-info { min-height: 100px; }

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

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

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

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

.icons-container .manage-link {
    margin: 1em 0;
    text-align: right;
}
.icons-container .manage-link a {
    padding: .833em;
}


/************************************************
* Miscellaneous *
************************************************/

/* Prev/Next Links
***************************************************************************/

.topnav, .bottomnav {
    margin: 0 0 1.667em;
}
.topnav ul, .bottomnav ul {
    margin: 0;
    padding: 0;
}
.topnav li, .bottomnav li {
    display: inline;
    margin: 0;
    padding: .833em;
}
.topnav .page-separator, .bottomnav .page-separator {
    display: none;
}

/* Contextual Popup
***************************************************************************/

.ContextualPopup {
    background: #000000;
    border-radius: 0;
    color: #eeeeee;
}
.ContextualPopup a,
.ContextualPopup a:visited {
    text-decoration: underline;
    font-weight: bold;
}

.ContextualPopup a { color: #0997bf; }
.ContextualPopup a:visited { color: #07759d; }
.ContextualPopup a:hover { color: #0997bf; }
.ContextualPopup a:active { color: #0997bf; }

/* Borders & Images
***************************************************************************/

.entry .header,.comment .header,.bottomcomment,
.page-tags .tags-container h2,
.page-icons .icons-container h2 {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/content-header.png") repeat top left;
}

.entry, .comment, .page-reply #postform,
.page-tags .tags-container,
.page-icons .icons-container {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/content.png") repeat top left;
}

.entry .footer, .comment .footer, .page-tags .tags-container .manage-tags-link a, blockquote, .module-navlinks .current, .page-icons .icons-container .manage-icons-link a {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/content-footer.png") repeat top left;
}

.has-userpic .userpic {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/userpic.png") repeat top left;
}

#secondary .module, #secondary .module-header,
#tertiary .module, #tertiary .module-header,
.topnav li, .bottomnav li, .page-month #primary .month,
.page-month #primary dl dt a {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/sidebar.png") repeat top left;
}

.page-archive #primary table {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/archive-calendar.png") repeat top left;
}

input, textarea,
.module-calendar table,
.module-calendar th,
.page-archive #primary tr,
.page-archive #primary th {
    background: transparent url("https://www.dreamwidth.org/img/styles/abstractia/calendar-and-form.png") repeat top left;
}

#canvas input, #canvas textarea,
#secondary .module,
#secondary .module-header,
#tertiary .module,
#tertiary .module-header,
.entry, .comment, .page-reply #postform,
.page-tags .tags-container,
.page-icons .icons-container,
.entry .header, .comment .header,
.has-userpic .userpic,
.page-archive #primary table,
.page-month #primary .month,
.page-tags .tags-container h2,
.page-icons .icons-container h2,
.module-calendar table, .module-calendar table th,
.entry .footer, .comment .footer, .bottomcomment,
.topnav li, .bottomnav li,
.page-archive #primary table th, .page-archive #primary table td,
.page-month #primary dl dt a,
.page-tags .tags-container .manage-tags-link a,
.page-icons .icons-container .manage-icons-link a,
blockquote {
    border: 1px solid;
}

@media only screen and (min-width: 40em) {
    .two-columns #tertiary .module, .two-columns #tertiary .module-header {
        background: none;
        border: none;
    }
}

#subjectIconList {
    background-image: none;
    border: none;
}

#canvas input, #canvas textarea, #secondary .module, #secondary .module-header,
#tertiary .module, #tertiary .module-header,
.entry, .comment, .page-reply #postform, .page-tags .tags-container,
.page-icons .icons-container, .entry .header, .comment .header, .has-userpic .userpic,
.page-archive #primary table, .page-month #primary .month,
.page-tags .tags-container h2, .page-icons .icons-container h2,
.module-calendar table, .module-calendar table th,
.entry .footer, .comment .footer, .bottomcomment,
.topnav li, .bottomnav li, .page-archive #primary table th, .page-archive #primary table td,
.page-month #primary dl dt a, .page-tags .tags-container .manage-tags-link a,
.page-icons .icons-container .manage-icons link a, blockquote {
    border-color: #06587a;
}

#canvas input, #canvas textarea, #secondary .module, #secondary .module-header,
#tertiary .module, #tertiary .module-header,
.entry, .comment, .page-reply #postform, .page-tags .tags-container,
.page-icons .icons-container {
    border-color: rgba(24,179,244,.35);
}

.entry .header, .comment .header, .has-userpic .userpic,
.page-archive #primary table, .page-month #primary .month,
.page-tags .tags-container h2,
.page-icons .icons-container h2 {
    border-color: rgba(24,179,244,.25);
}

.module-calendar table,
.module-calendar table th,
.entry .footer, .comment .footer, .bottomcomment,
.topnav li, .bottomnav li,
.page-archive #primary table th, .page-archive #primary table td,
.page-month #primary dl dt a,
.page-tags .tags-container .manage-tags-link a,
.page-icons .icons-container .manage-icons-link a, blockquote {
    border-color: rgba(24,179,244,.15);
}