.res-nightmode .usertext-body ul li p strong {color:navy;}
.res-nightmode .linkinfo * {color:white;}
.res-nightmode .linkinfo .upvotes * {color:orangeRed!important;}
.res-nightmode .linkinfo .downvotes * {color:#5f99cf!important;}
.res-nightmode label[for="subRedditStyleCheckbox"] {color:#ccc!important;}
/* Sets background of the header to maroon, removes the light blue bottom border */
#header {
   	background: #0064cd url(%%grid%%) top left repeat;
    }
#sr-header-area {
    background: #222222;
    color: #ffffff
    }
#sr-header-area a {color: #FFFFFF}
.titlebox h1 a {
color: white;
}
#sr-header-area div span, #sr-header-area ul li a {
    color: #ffffff
    }
#sr-header-area ul li a:hover {
    color: #ffff00
    }
/* Make the FWP name bigger, golder, and prettier */
span.redditname, span.pagename {
    font-variant: normal;
    text-transform: none;
    padding-left: 6px;
    font-size: 1.5em;
    font-weight: normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #e4cd02;
    text-transform: capitalize
    }
/* Hide the machine name of the reddit */
span.hover.pagename.redditname a {
    color: #fff !important;
    content: "DarkNetPlan";
    text-shadow: none;
    visibility: hidden
    }
/* Display a human-readable one instead */
span.hover.pagename.redditname a:before {
    color: #fff;
    content: "DarkNetPlan";
    text-shadow: 1px 1px 2px #888;
    visibility: visible
    }
.titlebox .bottom {
border-top: 1px solid white;
padding-top: 2px;
font-size: 80%;
color: white;
}
.titlebox .bottom a {
color: white;
}
/* Scooch the header image over to make a nicer magin */
#header-img-a {
    margin-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block
    }
/* Alters the appearance of the tabs to appear on their own line with a very dark grey background */
.tabmenu {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    padding-left: 17px;
    background-color: #333;
    border-bottom: 1px solid #444;
    border-top: 1px solid #2a2a2a
    }
/* Pull the tab items to the front of the visibility stack and give them some spacing */
ul.tabmenu li {
    z-index: 99;
    padding-right: 1px;
    display: block;
    float: left;
    margin-right: 1px
    }
/* Make the currently selected tab a little lighter than the rest */
ul.tabmenu li.selected a {
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    background-color: #666 !important;
    border-bottom-style: solid !important;
    border-bottom-color: #666 !important
    }
/* Styles the tabs */
ul.tabmenu li a, form#newlink ul.tabmenu.formtab li a {
    background-color: #5A5A5A;
    padding-left: 0.7em;
    padding-right: 0.7em;
    padding-top: 0.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-transform: uppercase;
    color: #CCC;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000;
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
    }
ul.tabmenu li a:hover {
    color: #DDD
    }
/* Draw attention to the NEW tab */
ul.tabmenu li a[href="http://www.reddit.com/r/darknetplan/new/"] {
    /* color: #ede329; */
    color: #e4cd02
    }
ul.tabmenu li a[href="http://www.reddit.com/r/darknetplan/new/"]:after {
    content: " POSTS"
    }
/* Subheading pulled from an <h6> element in the sidebar, placed under the nav tabs */
.titlebox .usertext-body .md h6 {
    display: block;
    position: absolute;
    top: 94px;
    left: 20px;
    margin-top: .5em;
    z-index: 98;
    padding-top: .4em;
    padding-bottom: .3em;
    padding-left: .7em;
    padding-right: .7em;
    font-size: 1.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000 !important;
    color: #ede329;
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    border-radius: 3px;
    /* Override top border settings for new display position */
    border-top-style: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #666
    }
/* Allow absolute positioning to page */
.titlebox form {
    position: static
    }
/* Inactive link */
.titlebox .usertext-body .md h6 a, .titlebox .usertext-body .md h6 a:link, .titlebox .usertext-body .md h6 a:visited {
    color: #CCC;
    text-shadow: 1px 1px 2px #000 !important
    }
/* Link on hover */
.titlebox .usertext-body .md h6 a:hover {
    color: #DDD;
    text-shadow: 1px 1px 2px #000 !important
    }
/* Preface for the subheading box */
.titlebox .usertext-body .md h6 a:before {
    content: "NOTE";
    /* OLD YELLOW */
    /* color: #ede329;*/
    /* RED */
    /* color: #FF0000; */
    /* ORANGERED */
    /* color: #ff4500; */
    /* GOLD */
    color: #e4cd02;
    border-right: 1px solid #444;
    padding-right: .6em;
    margin-right: .6em
    }
/* Move content out of the way */
div.sitetable.linklisting {
    margin-top: 15px;
    background-color: #FEFEFE;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-left: 15px;
    padding-top: 12px;
    padding-left: 11px;
    padding-right: 11px
    }
div.linklisting div.link {
    margin-left: -6px
    }
body > div.content {
    margin-top: 38px;
    margin-right: 330px;
    padding-right: 20px
    }

.linkinfo {
padding: 5px;
color: #333;
border: 1px solid #5F99CF;
background-color: #EFF7FF;
font-family: arial,helvetica,sans-serif;
font-size: larger;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
label {
cursor: default;
color: #333;
}
/* Fix admin stuff */
.sheets {
    /* margin-right: 345px; */
    width: 100%
    }
div.stylesheet-customize-container {
    margin-top: 50px
    }
#preview-table {
    /* margin-right: 345px; */
    }
.side .icon-menu a {
    background-color: transparent
    }
/* Set up the sidebar */
.side {
    color: white;
    background: #0064cd url(%%grid%%) top left repeat;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    border-left: 1px solid #7e7e7e;
    border-bottom: 1px solid #7e7e7e;
    width: 300px;
    border-bottom-left-radius: 3px
    }
.side a {
    color: #336699
    }
.side a:hover {
    color: #336699;
    }
form.toggle.flairtoggle {
    margin-top: 1.5em;
    padding-top: .4em !important;
    padding-bottom: .4em;
    padding-left: 9px !important;
    padding-right: .7em;
    font-family: "Open Sans", "Lucida Grande", sans-serif;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000 !important;
    color: #FFFFFF !important;
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    border-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-style: none;
    background-color: #666 !important;
    background-position: 8px -808px !important;
    text-transform: uppercase
    }
form.toggle.flairtoggle input {
    margin-right: 8px
    }

div.titlebox .tagline {
    border-radius: 3px;
    border-color: #9f9976 #9f9976 #a4a085 #a4a085;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: none;
    background-color: white;
    padding-top: 8px;
    padding-left: 9px;
    padding-right: 15px;
    padding-bottom: 8px;
    margin: 0
    }
form.leavemoderator-button {
    padding-top: 6px !important;
    padding-bottom: .3em;
    padding-left: 31px !important;
    padding-right: .7em;
    font-size: 1.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000 !important;
    color: #CCC !important;
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    border-radius: 3px;
    background-color: #666 !important;
    background-position: 8px -808px !important;
    text-transform: uppercase
    }
form.leavemoderator-button a {
    color: #e4cd02
    }
/* Make the rules and related section consistent with the moderators and recently viewed links section */
.titlebox .usertext-body h5 {
    margin: 0;
    color: #260505;
    font-size: 130%;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 1.2em
    }
.titlebox .usertext-body ul {
    border-radius: 3px;
    border-color: #9f9976 #9f9976 #a4a085 #a4a085;
    border-style: solid;
    border-width: 1px;
    background-color: #ece9d8;
    padding-top: 8px;
    padding-left: 30px;
    padding-right: 15px;
    padding-bottom: 8px;
    margin: 0;
    list-style-type: decimal
    }
/* Since half the modmail we get is people who can't find the post button, kill the ugly old post button and make a new one that doesn't look like a section header.  Uses the same trick as the alert box, except styles an <ol> instead of an <h6>.  Don't put other ordered lists in the sidebar! */

.titlebox .usertext-body .md ol li {
    padding-top: .3em !important;
    padding-bottom: .3em;
    padding-left: .7em !important;
    padding-right: .7em;
    margin-bottom: 1em;
    margin-top: 0.2em;
    font-size: 1.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000 !important;
    border-width: 1px;
    border-style: solid;
    border-color: #555 #444 #444 #444;
    border-radius: 3px;
    background-color: #666 !important
    }
.titlebox .usertext-body .md ol li a {
    color: #CCC;
    text-shadow: 1px 1px 2px #000 !important
    }
.titlebox .usertext-body .md ol li a:hover {
    color: #DDD;
    text-shadow: 1px 1px 2px #000 !important
    }
.titlebox .usertext-body .md ol li a:before {
    color: #e4cd02;
    content: "POST";
    border-right: 1px solid #444;
    padding-right: .6em;
    margin-right: .6em
    }
.titlebox .usertext-body .md ol li + li a:before {
    color: #e4cd02;
    content: "CREATE";
    border-right: 1px solid #444;
    padding-right: .6em;
    margin-right: .6em
    }
div.sidebox.create {
    display: none
    }
div.sidebox.submit {
    content: "submit"
    }
div.sidecontentbox h1 {
    color: white
    }
div.sidecontentbox .content {
    border-radius: 3px;
    border-color: #9f9976 #9f9976 #a4a085 #a4a085;
    border-width: 1px;
    border-style: solid;
    background-color: #ece9d8;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px
    }
div.usertext-body a[href="#"] {
    display: block;
    width: 298px;
    height: 118px;
    background-repeat: no-repeat;
    border-radius: 3px;
    border-color: #9f9976 #9f9976 #a4a085 #a4a085;
    border-width: 1px;
    border-style: solid;
    margin-top: -4px;
    margin-bottom: 1.3em
    }
/* Darken the main background */
body {
    background-color: #f6f6f6
    }

.thing .title, .thing .title.loggedin {
    color: #333333
    }
.thing .title.loggedin.click, .thing .title.loggedin:visited, .thing .title.loggedin.click:visited {
    color: #444
    }
.thing .title.loggedin:hover, .thing .title.loggedin.click:hover {
    text-shadow: 0px 0px 4px #EEE
    }
div.thing .keyHighlight {
    background-color: #f6f6f6;
    border: 1px solid #EEE;
    border-radius: 3px;
    outline: none
    }
.link.last-clicked {
    border-style: dotted;
    border-color: #AAA
    }
/* Reposition the content on submission pages */
/* Hide the useless "you are submitting to" text */
#sharelink_ + h1 {
    visibility: hidden
    }
/* Scooch the tabs back to the edge of the page */
form#newlink {
    margin-left: -5px
    }
/* Bring the tabs back up to the top where they belong */
form#newlink > .tabmenu {
    display: block;
    margin-top: -70px;
    padding-top: 7px;
    padding-left: 20px;
    border-bottom-style: none;
    width: 120%;
    height: 1.5em
    }
/* Fix up the tabs layout */
form#newlink div.formtabs-content {
    border-top: 1px solid #444;
    width: 100%
    }
form#newlink ul.tabmenu.formtab li {
    padding-right: 6px
    }
form#newlink ul.tabmenu.formtab li a {
    font-size: 11px !important
    }
form#newlink ul.tabmenu.formtab li + li a {
    color: #e4cd02
    }
form#newlink ul.tabmenu.formtab li a:before {
    content: "SUBMIT A "
    }
form#newlink ul.tabmenu.formtab li + li a:after {
    content: " (SELF) POST"
    }
/* Position the submission form */
form#newlink div.spacer {
    margin-left: 20px
    }
form#newlink > div.formtabs-content > div:first-child {
    margin-top: 29px !important;
    width: 520px
    }
/* Encourage self-posts */
div#link-desc:after {
    content: " It is STRONGLY RECOMMENDED to submit a text (self) post rather than a link.  Just click that handy SUBMIT A TEXT (SELF) POST tab up above.";
    font-weight: bold
    }
.tabmenu {
 list-style-type:none;
 white-space:nowrap;
 display:inline-block;
 margin-top:5px;
 vertical-align:bottom;
}
.tabmenu li {
 display:inline;
 font-weight:bold;
 margin:0px 3px;
}
.tabmenu li a {
 padding:2px 6px 0 6px;
 background-color:#eff7ff;
 }
ol, ul {
color: #333333
}
.tabmenu li.selected a{
 color: #99CC00;
 background-color:white;
 border:1px solid #5f99cf;
 border-bottom:1px solid white;
 z-index:100;
}
/* Fancy flair for fancy users */
.flair-premium-flair {
    display: inline-block;
    margin-right: 0 !important;
    margin-left: 2px;
    padding: 2px 4px 2px 4px !important;
    background: #333 !important;
    color: #FFED68 !important;
    border: 1px solid #CCC !important;
    border-radius: 3px !important;
    font-weight: 200 !important
    }