/* Cleaned CSS: */

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

.ContextualPopup a, .icon-browser a { color: #c0c0c0; }
.ContextualPopup a:visited { color: #c0c0c0; }
.ContextualPopup a:hover { color: #c8c8c8; }
.ContextualPopup a:active { color: #c8c8c8; }

H1, H2, H3 {
    margin: .25em 0;
    padding: .25em 0;
}

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: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

}

html body {
    margin-left: 0em;
    margin-right: 0em;
}

a { color: #c0c0c0;
 }
a:visited { color: #c0c0c0;
 }
a:hover { color: #c8c8c8;
 }
a:active { color: #c8c8c8;
 }

q { font-style: italic; }

.one-column #content { float: none; }
.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: #400000;
    color: #c8c8c8;
background-color: #400000;

}

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: #000000;
}

#footer a { color: #c0c0c0;
 }
#footer a:active { color: #c8c8c8;
 }
#footer a:hover { color: #c8c8c8;
 }
#footer a:visited { color: #c0c0c0;
 }

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

.one-column #primary { float: none; }

#primary > .inner:first-child {
    padding: 1em;
}

.one-column #secondary { width: 15em; }
.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;
}

#secondary > .inner:first-child {
    padding: 1em;
}

.one-column #tertiary { width: 15em; }
.two-columns-left #tertiary,
.two-columns-right #tertiary {
    clear: both;
}
.two-columns-left #tertiary { margin-left: -15em; }
.two-columns-right #tertiary { margin-right: -15em; }
.two-columns-left #tertiary .module,
.two-columns-right #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;
}

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


.navigation ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.navigation li {
    display: inline;
    padding: 0 .5em;
}
.noentries {
    padding: 0 .5em;
}
/*---  Start Navigation (.module-navlinks) -------  */
.module-section-three .module {
	border-top: none;
	border-left: none;
	border-right: none;
}
.module-section-three ul {
    background: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

    margin: 0;
    margin-top: 1.5em;
    padding-top: .5em;
    padding-bottom: .5em;
    border: 0;
}

.one-column .module-section-three ul {
    margin-left: 2em;
    padding-left: 0;
    padding-right: 0;
}
/*
.two-columns .module-section-three ul {
    margin-left: 15em;
    padding-left: 60px;
    padding-right: 0;
}
*/
.two-columns-right .module-section-three ul {
    text-align: right;
}

.module-section-three li {
    position: relative;
    display: inline;
    list-style: none;
}

.module-section-three li a {
    line-height: 3em;
    padding: .5em 20px;
    color: #f8c722;
background-color: #800000;
border: solid 1px #ffec3e;

}

.module-section-three ul li a:hover {
    color: #e7e7e7;
background-color: #333333;

}
	#primary > .inner:first-child {
	margin-top: 5em;
}
/*

.module-navlinks ul {
    position:fixed;		
    top: 7%;
    margin-left: 10em;
    left: 15em;
    background: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

	margin-top: 1.5em;
    padding: .5em;
}
.module-navlinks ul {
    padding-left: 60px;
    padding-right: 0;
}


.module-navlinks ul {
    background: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

	margin-top: 1.5em;
    padding: .5em;
}
.module-navlinks li {
    position: relative;
    display: inline;
    list-style: none;
}

.module-navlinks li a {
    line-height: 3em;
    padding: .5em 20px;
    color: #f8c722;
background-color: #800000;
border: solid 1px #ffec3e;

}

.module-navlinks ul li a:hover {
    color: #e7e7e7;
background-color: #333333;

}
*/

/*---  Start Navigation (.module-navlinks) -------  */

/* entries */

.entry {
    background: #000000;
    color: #c0c0c0;
background-color: #000000;
border: solid 1px #c0c0c0;

}

.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: #f8c722;
background-color: #000000;

}

.entry a { color: #c0c0c0;
 }
.entry a:visited { color: #c0c0c0;
 }
.entry a:hover { color: #c8c8c8;
 }
.entry a:active { color: #c8c8c8;
 }

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

.tag ul {
    display: inline;
    list-style: none;
    margin-left: .5em;
    padding-left: 0;
}
.tag ul li {
    display: inline;
    padding: .25em;
} /* same for month view */

ul.entry-management-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
ul.entry-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.entry-interaction-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}

.entry-interaction-links a { color: #c0c0c0;
 }

ul.entry-interaction-links li {
    display: inline;
    padding: 0 .25em;
}

/* comments */

.comment-wrapper {
    padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a {
    background-color: #000000;

}

.comment .comment-title {
    font-family: "NimbusRoman No9 L", Rekha, Georgia, serif; 
}

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

ul.comment-management-links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}
ul.comment-management-links li {
    display: inline;
    padding: 0 .25em;
}

ul.comment-interaction-links {
    list-style: none;
    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 span.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;
}

/* modules */

.module {
    background: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

}

.module a { color: #ffec3e;
 }
.module a:visited { color: #ffec3e;
 }
.module a:hover { color: #c8c8c8;
 }
.module a:active { color: #c8c8c8;
 }

.module h2 {
    color: #f8c722;
background-color: #800000;

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

.module-content ul {
    list-style: outside;
    margin-left: 1em;
    padding-left: 0;
}
.module-content li {
    margin: .5em 0;
}

ul.userlite-interaction-links.icon-links {
    list-style: none;
    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;
}

.module-calendar .module-content {
    text-align: center;
}
.module-calendar table {
    margin: 0 auto;
}
.module-calendar td {
    padding: 1px;
}
.module-calendar td a {
    display: block;
    padding: 2px;
}

.search-box {
    margin: .2em auto;
}

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
    white-space: normal !important;
}
.module-pagesummary .module-content {
    word-wrap: break-word;
}
.module-credit dt, .module-credit dd {
    display: inline;
    margin: 0;
    padding: 0;
}
.module-credit dt {
    font-weight: bold;
    margin-right: 0.5em;
}

.tags_cloud li, .module-tags_cloud li { display: inline;
    list-style-type: none; }

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


    
/* Refried Tablet CSS */

/* WHOLE PAGE */

A {
    text-decoration: none;
}

A:active {
    text-decoration: underline;
}

A:hover {
    text-decoration: underline;
}

body {
    margin: 0;
    padding: 0;
    border-width: 0;
}
 
#content { color:
    #c0c0c0;
}

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

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: #ffec3e 20px solid; /* page border color */} 

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

h1#title {
    line-height: 1em;
}

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

h2#subtitle { line-height: 0.75em;
}

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

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: #f8c722;
background-color: #000000;

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

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

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

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

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

span.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 {
    content: "Security: Public";
    display: block;
    clear: left;
}

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

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

.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 {
    padding: 0em;
    margin: 0em;
    margin-top: 1em;
    margin-bottom: -1em;
}

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

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

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

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

.tags {
    margin-bottom: 0em;
}

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

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

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

.entry {
    border: 0px red solid;
}

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

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

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

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

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

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

ul.entry-interaction-links {
    text-align: left;
}
ul.entry-interaction-links li {
    font-size: 0.8em;
    color: #f8c722;
    font-family: Loma, Verdana, Geneva, sans-serif;
    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-width: 2px;
    border-top: none;
    }

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

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

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

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

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

.three-columns-sides #tertiary .inner:first-child, .three-columns-left #tertiary .inner:first-child, 
.three-columns-right #tertiary .inner:first-child {
    padding-top: 0em;
}

/* 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, .module-content table {
    margin: 0 0.5em;
}

/* make lists prettier */
.module-content li {
    text-align: left;
    list-style-type: none;
    list-style-position: inside;
}

/* Special case for modules without headers */

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

/* 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-top: 1em;
    margin-left: 0em;
}

.two-columns-left #tertiary, .two-columns-right #tertiary {
    border-top: 2em solid #000000
    }

/* 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-left #tertiary .module, .two-columns-right #tertiary .module {
    background: #000000 url("https://i.imgur.com/HPMWH.jpg") repeat top left;
    color: #f8c722;
background-color: #000000;
border: solid 1px #ffec3e;

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

.two-columns-left #tertiary .module a, .two-columns-right #tertiary .module a {
    color: #c0c0c0;

}

.two-columns-left #tertiary .module a:active, .two-columns-right #tertiary .module a:active {
    color: #c8c8c8;

}

.two-columns-left #tertiary .module a:hover, .two-columns-right #tertiary .module a:hover {
    color: #c8c8c8;

}

.two-columns-left #tertiary .module a:visited, .two-columns-right #tertiary .module a:visited {
    color: #c0c0c0;

}

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

#tertiary > .inner:first-child {
    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 #c0c0c0 inset;
}

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

    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: 
    }


            .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;
                }