/* Cleaned CSS: */

.ContextualPopup, .icon-browser {
    background: #fefefe;
    color: #0d0d0d;
    }

.ContextualPopup a, .icon-browser a { color: #6d8d76; }
.ContextualPopup a:visited { color: #3d3d42; }
.ContextualPopup a:hover { color: #606079; }
.ContextualPopup a:active { color: ; }

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-family: "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 100%;
    padding: 0;
    background: #fefefe;
    color: #000000;
background-color: #fefefe;
border: solid 1px #c470a7;

}

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

a { color: #6d8d76;
 }
a:visited { color: #3d3d42;
 }
a:hover { color: #606079;
 }
a:active {  }

q { font-style: italic; }

/* #content layout */
#content { float: none; }
@media only screen and (min-width: 45em) {
    .two-columns-left #content,
    .three-columns-sides #content {
        border-left: 15em solid transparent;
    }
    .two-columns-right #content,
    .three-columns-sides #content {
        border-right: 15em solid transparent;
    }
    .three-columns-left #content {
        border-left: 30em solid transparent;
    }
    .three-columns-right #content {
        border-right: 30em solid transparent;
    }
    .column-right #content {
        min-width: 15em; /* 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: #6a3d5a;
    color: #fdfdfd;

}

h1#title {
    font-family: Loma, Verdana, Geneva, sans-serif, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 2em;
}

h2#subtitle,
h2#pagetitle {
    font-family: Loma, Verdana, Geneva, sans-serif, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1.5em;
}

#footer {
    background: transparent;
}

#footer a { color: #6d8d76;
 }
#footer a:visited { color: #66666e;
 }
#footer a:hover { color: #9898be;
 }
#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: 45em) {
    .multiple-columns #primary {
        float: left;
    }

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

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

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

/* entries */

.entry {
    background: transparent;
    color: #0d0d0d;
border: solid 1px #b0c65a;

}

.entry .entry-title {
    font-family: "NimbusRoman No9 L", Rekha, Georgia, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1em;
}

.entry .entry-title, .entry .entry-title a {
    color: #c470a7;

}

.no-subject .entry .entry-title {
    background: none;
    border: none;
}

.entry .contents {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.entry a { color: #6d8d76;
 }
.entry a:visited { color: #3d3d42;
 }
.entry a:hover { color: #606079;
 }
.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 */

/* Don't add space after last element in an entry/comment. Avoids extra gaps */
/* if there's paragraph tags (markdown) instead of text nodes (casual HTML). */
.entry-content > :last-child,
.comment-content > :last-child {
    margin-bottom: 0;
}

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

.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 { color: #c470a7;
 }
.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 .admin-poster {
    white-space: nowrap;
}

.comment .comment-title {
    font-family: "NimbusRoman No9 L", Rekha, Georgia, serif; 
    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;
    color: #0d0d0d;
border: solid 1px #fdfdfd;

}

.module a { color: #6d8d76;
 }
.module a:visited { color: #3d3d42;
 }
.module a:hover { color: #606079;
 }
.module a:active {  }

.module h2 {
    color: #c470a7;
background-color: #fdfdfd;

    font-family: Loma, Verdana, Geneva, sans-serif, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1.1em;
}

.module-content {
    font-family: Loma, Verdana, Geneva, sans-serif, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 0.83em;
    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: 45em) {
    .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; }

/* avoid Dramatic Woodchuck zoom effect on form fields (polls, search, etc.) */
@media (pointer: coarse) {
    input[type="text"], select {
        font-size: 16px;
    }
}



#header .module-wrapper {display: none;}
    
/* Refried Tablet CSS */

/* WHOLE PAGE */

a {
    text-decoration: none;
}

a:active {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

body {
    border-width: 0;
    margin: 0;
    padding: 0;
}

/* using color entry text as default text color in the content area.
    This allows us to use the page default as the color for the page view subheading. */

#content {
    color: #0d0d0d;
}

p, td, tr, table, hr, br, ul, ol, li {
    line-height: 1.5em;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Loma, Verdana, Geneva, sans-serif;
}

q {
    font-style: italic;
}

/* PAGE HEADER */

#canvas {
    border-top: #c470a7 20px solid; /* page border color */
}

h1#title,
h2#subtitle {
    font-weight: 900;
    letter-spacing: .1em;
    margin: 0 auto;
    padding-bottom: 0;
}

h1#title, h1#title a {
    line-height: 1em;
    color: #fdfdfd;
    text-decoration: none;
}

h1#title:after {
    content: ": ";
}

h2#subtitle {
    line-height: .75em;
}

#header {
    border-bottom: #fdfdfd 2px solid; /* same color as module border */
    border-top:  3px solid; /* same color as entry background color */
}
 
h2#pagetitle {
    font-family: Loma, Verdana, Geneva, sans-serif, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1.25em;
    clear: both;
    color: #000000; /* using the page text color */
    font-weight: bold;
    letter-spacing: .2em;
    padding-right: 5em;
    padding-top: 0;
    text-transform: uppercase;
}

h2#pagetitle:after {
    content: " PAGE";
}

.page-archive h2#pagetitle:after {
    content: " ARCHIVE PAGE";
}

.page-entry h2#pagetitle:after,
.page-read h2#pagetitle:after {
    content: "";
}

/* ENTRIES */

/* Make the headers a different color than the rest of the text. */
.tag,
.metadata,
.entry .inner .header,
.entry .inner .poster,
.entry .inner .userpic,
.entry-title {
    color: #c470a7;

    font-family: "NimbusRoman No9 L", Rekha, Georgia, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
}

/* Add identifiers to the header content, pt 1 */
h3.entry-title:before {
    content: "Subject: ";
}

h3.entry-title {
    font-family: "NimbusRoman No9 L", Rekha, Georgia, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* replace icons for restrictions with text */
.restrictions-18 .entry-title:after {
    background-color: ;
    color: ;
    content: "Rating: Restricted to adults 18 and older.";
    display: block;
}

.restrictions-NSFW .entry-title:after {
    content: "Rating: Discretion advised. Not safe for work.";
    display: block;
}

.restrictions {
    display: none;
}

/* Add identifiers to the header content, pt 2 */
.entry .header .datetime:before {
    content: "Date: ";
}

/* replace icons for security with text */
.security-public .entry .header:after {
    clear: left;
    content: "Security: Public";
    display: block;
}

.security-private .entry .header:after {
    clear: left;
    content: "Security: Private";
    display: block;
}

.security-protected .entry .header:after {
    clear: left;
    content: "Security: Access Only";
    display: block;
}

.security-custom .entry .header:after {
    clear: left;
    content: "Security: Access Filter";
    display: block;
}

.access-filter {
    display: none;
}

/* Add identifiers to the header content, pt 3 */
.entry .poster:before {
    content: "Poster: ";
}

.page-recent .journal-type-P .entry .poster:before {
    content: " ";
}

.entry .inner .userpic {
    margin-bottom: 1em;
}

/* make metadata and tags more header-ish */
.metadata {
    margin: 1em 0 -1em;
    padding: 0;
}

.has-userpic .metadata.top-metadata {
    margin-bottom: -5em !important;
    margin-top: 5em;
}

.no-userpic .metadata.top-metadata {
    margin-top: 0;
}

.metadata ul {
    margin: 0;
    padding: 0;
}

.metadata li {
    line-height: 1.4em;
    margin: 0 auto;
}

.tags {
    margin-bottom: 0;
}

.inner > ul {
    margin-top: 0;
}

/* put the icons on the same line as the text entry management stuff */
.entry-management-links {
    display: inline;
    float: right;
}

/* Put a line under all the entries, add space between entries */
.entry-wrapper {
    border-bottom: 1px #b0c65a solid;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}

.entry {
    border: none;
}

/* make user pic next to header info,
add space beneath so they don't print over entry text,
and keep subject lines from poking into sidebars  */

.entry .inner {
    position: relative;
}

.has-userpic .entry .header,
.has-userpic .entry .poster {
    position: relative;
}

.entry .inner .userpic {
    position: absolute;
    top: -4em;
}

 /* the restricted entries have an extra line, so they need extra top space */
.restrictions-18 .entry .userpic,
.restrictions-NSFW .entry .userpic {
    position: absolute;
    top: -5.25em;
}

.entry .entry-content {
    margin-bottom: 5em;
    position: relative;
    top: 5em;
}

.has-userpic .entry .entry-poster.empty {
    padding-bottom: 1em;
}

.no-userpic .entry-content {
    margin-bottom: auto;
    position: static;
}

/* Make text entry management links left-align and pretty */
.entry .inner {
    margin-bottom: 1em;
}

.entry .header .inner {
    margin-bottom: 0;
}

ul.entry-interaction-links {
    text-align: left;
}

ul.entry-interaction-links li {
    color: #c470a7;
    font-family: Loma, Verdana, Geneva, sans-serif;
    font-size: .8em;
    line-height: 1.4em;
    text-transform: uppercase;
}

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

ul.entry-interaction-links li:first-child:before {
    content: "";
}

/* SIDEBARS AND MODULES */

.module {
    border-top: none;
    border-width: 2px;
    }

/* make headers pretty */
h2.module-header {
    border-bottom: 2px solid #fdfdfd;
    font-weight:bold;
    letter-spacing: .1em;
    margin: 0;
    padding: 0 1em .25em;
    text-transform: lowercase;
}

.module:first-child h2.module-header {
    border-top: 2px solid #fdfdfd;
    }

/* Special case for modules without headers */

.module-navlinks.module:first-child,
.module-time.module:first-child,
.module-powered.module:first-child {
    border-top: 2px solid #fdfdfd;
    }

@media only screen and (min-width: 45em) {
    .multiple-columns .module:first-child h2.module-header,
    .multiple-columns .module-navlinks.module:first-child,
    .multiple-columns .module-time.module:first-child,
    .multiple-columns .module-powered.module:first-child {
        border-top: none;
    }
}

/* get rid of padding so that the header borders go all the way to the sides */
#secondary {
    padding: 0;
}

/* make sidebars hit the bottom of the header */

#secondary .inner:first-child {
    padding: 0;
}

@media only screen and (min-width: 45em) {
    .three-columns #tertiary .inner:first-child {
        padding-top: 0;
    }
}

/* add padding to module content because whitespace is good! But we don't need so much on ul and table. */
.module-content {
    padding: 1em;
}

.module-content ul {
    margin: 0 .5em;
}

@media only screen and (min-width: 45em) {
    .multiple-columns .module-content table {
        margin: 0 .5em;
    }
}

/* make lists prettier */
.module-content ul {
    list-style: none;
    text-align: left;
}

/* special case for the syndicate tags, too close to top */
.module-syndicate .module-content {
    margin-top: .5em;
}

/* special case for the profile module, make user interaction links properly space and align */
.module-userprofile .userlite-interaction-links.icon-links {
    margin-left: 0;
    margin-top: 1em;
}

@media only screen and (min-width: 45em) {
    .two-columns #tertiary {
        
        }

    /* don't make tertiary modules in two column into 15px boxes, the data doesn't fit!*/
    /* color match the tertiary modules in two column styles to the page */
    .two-columns #tertiary .module {
        background: #fefefe;
        color: #000000;
background-color: #fefefe;
border: solid 1px #c470a7;

        border: none;
        clear: both;
        margin: 0 auto;
        padding: 0;
        width: auto;
    }

    .two-columns #tertiary .module a {
        color: #6d8d76;

    }

    .two-columns #tertiary .module a:visited {
        color: #3d3d42;

    }

    .two-columns #tertiary .module a:hover {
        color: #606079;

    }

    .two-columns #tertiary .module a:active {
        
    }
}

/* add room to breathe on one-column implementations */
#primary, #secondary, #tertiary {
    padding: 5%;
    width: 90%;
}

#tertiary > .inner:first-child {
    padding: 0;
    }

@media only screen and (min-width: 45em) {
    .multiple-columns #primary {
        padding: 0;
        width: 100%;
    }
    .multiple-columns #secondary, .multiple-columns #tertiary {
        padding: 0;
    }

    .three-columns-left #secondary > .inner:first-child,
    .three-columns-right #secondary > .inner:first-child {
        margin-right: .5em;
        }

    .three-columns-right #tertiary > .inner:first-child,
    .three-columns-left #tertiary > .inner:first-child {
        margin-left: .5em;
        }
}

/* COMMENTS */

/* add line between comments, same color as line between entries */
.comment-wrapper {
    border-bottom: thin #b0c65a inset;
}

/* make comment headers headerish */
.comment .inner .header,
.comment .inner .contents .poster,
.comment .inner .contents .poster-ip {
    color: #c470a7;

    font-family: "NimbusRoman No9 L", Rekha, Georgia, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: 1em;
    line-height: 1.4em;
    font-weight: bold;
}

/* visually distinguish screened/frozen comments */

.screened,
.frozen {
    font-family: 'Nimbus Mono L', 'Courier New', monospace, "NimbusRoman No9 L", Rekha, Georgia, serif; font-size: .9em;
    font-weight: 300;
    }

.screened {
    background-color: ;
    color: ;
    }

.frozen {
    background-color: ;
    color: ;
    }

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

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

.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 span {
    font-weight: bold;
    }

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


            .has-userpic .entry .header, .has-userpic .entry .poster {
                left: 105px;
                margin-right: 105px;
                }
            .entry .inner .userpic {
                float: left;
                }
            .restrictions-18 .entry .userpic, .restrictions-NSFW .entry  .userpic {
                float: left;
                }
            


    .has-userpic .entry .userpic {
        padding: 4px;
        border: 1px solid #F2C2E1;
        }


            .has-userpic .entry .header, .has-userpic .entry .poster {
                left: 120px;
                margin-right: 120px;
                }