body {
    background: #22252a;
    color: #dcdcdc
}

body:before {
    background-color: #202124;
}

.comment .usertext .md p>a:visited, .md a, .res.res-nightmode .tagline a, a, h2 a:visited {
    color: #3498db;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

a:hover {
    text-decoration: none !important
}

.md {
    color: #dcdcdc
}

.md blockquote {
    padding: 5px;
    margin-left: 0;
    background: #292929;
    border: 0;
    border-radius: 0px 3px 3px 0px;
    border-left: 2px solid #8db2e5;
    color: #dcdcdc;
    box-shadow: 0 1px 5px rgb(0 0 0 / 6%);
}

.md blockquote blockquote {
    background: #262626;
    border-color: #3c3c3c
}

.md blockquote blockquote blockquote {
    background: #292929;
    border-color: #3c3c3c
}

.md code, .md pre {
    background: #2c2c2c;
    border-color: #3c3c3c;
    border-radius: 0;
    color: #dcdcdc
}

.link .usertext .md *>code, .link .usertext .md pre, .usertext.border div.md *>code, .usertext.border div.md pre {
    background: #2e3135
}

.new-comment div.md *>code, .new-comment div.md pre {
    background: #282828
}

.usertext.grayed .usertext-body {
    padding: 0;
    background: 0 0
}

.md del, .usertext.grayed .usertext-body .md {
    color: #888
}

.md table {
    margin: 1em 0;
    font-size: 12px
}

.titlebox .md table {
    font-size: 11px;
    width: 100%
}

.md table td, .md table th {
    padding: 5px 8px;
    border: 1px solid #2d2d2d
}

.md table th {
    background: #292929
}

.md table tbody tr:nth-of-type(odd) {
    background: #252525
}

.md table tbody tr:nth-of-type(even) {
    background: #292929
}

.md hr {
    height: 1px;
    background: #2d2d2d
}

.linefield input[type=text], .linefield textarea, .pretty-form input[type=text], .pretty-form textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .roundfield textarea, input[type=text], input[type=url], input[type=password], input[type=number], textarea {
    background: #292929;
    border: 0;
    box-shadow: none;
    font-family: sans-serif;
    color: #eee;
    border-radius: 3px;
}

.link .usertext-edit textarea {
    padding: 5px 7px
}

.comment .usertext-edit textarea, .commentarea>.usertext .usertext-edit textarea {
    padding: 3px 5px
}

.stylesheet-customize-container textarea {
    font-family: "Bitstream Vera Sans Mono", Consolas, monospace
}

.linefield input[type=text]:hover, .pretty-form textarea:active, .pretty-form textarea:focus, .pretty-form textarea:hover, input[type=text]:active, input[type=text]:focus, input[type=text]:hover, input[type=url]:active, input[type=url]:focus, input[type=url]:hover, textarea:active, textarea:focus, textarea:hover {
    border-color: #494949;
    outline: 0
}

#header {
    height: 90px;
    background: #22252a;
    border-bottom: 0
}

#sr-header-area, #sr-header-area a#sr-more-link {
    background: #22252a;
    border-bottom: 0;
    font-family: sans-serif;
    text-transform: uppercase;
    line-height: 22px
}

#sr-header-area .redesign-beta-optin {
    display: none;
}

#sr-header-area .sr-list .separator {
    visibility: hidden
}

#sr-header-area .selected {
    padding-right: 0
}

#sr-header-area .selected, #sr-header-area .selected a, #sr-header-area a {
    background: 0 0;
    color: rgba(255,255,255,.6);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

#sr-header-area .drop-choices.srdrop.inuse a, #sr-header-area:hover .selected, #sr-header-area:hover .selected a, #sr-header-area:hover a {
    color: #777
}

#sr-header-area .drop-choices.srdrop.inuse a:hover, #sr-header-area .selected a:hover, #sr-header-area .selected:hover, #sr-header-area a:hover {
    color: #fff
}

#sr-header-area .drop-choices.srdrop.inuse {
    padding: 1px;
    margin: -1px 0 0;
    background: #2b2b2b;
    border: 1px solid #101010;
    border-top: 0;
    border-left: 0;
    box-shadow: 0 0 1px rgba(16, 16, 16, .5)
}

#sr-header-area .drop-choices.srdrop.inuse a {
    background: #252525
}

#sr-header-area .drop-choices.srdrop.inuse a:hover {
    background: #202020
}

#sr-header-area .drop-choices.srdrop.inuse .choice.bottom-option {
    border-color: #333;
    color: #999
}

#header-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #22252a;
}

#header-img-a #header-img {
    width: 80px;
    height: 28px;
    margin: 0
}

#header-img-a, #header-img.default-header {
    background-image: url(%%header-logo%%);
    background-position: 0px;
    height: 28px;
    display: inline-block;
    margin: 0 30px 0 0;
    position: relative;
    bottom: 10px;
    left: 35px;
    vertical-align: bottom
}

.pagename {
    margin: 0 15px 0 0;
    display: inline-block;
    font-family: lato, verdana, sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 46px;
    text-transform: uppercase;
    color: #fb8500
}

.messages-page .pagename, .profile-page .pagename {
    color: #eee
}

body.with-listing-chooser #header .pagename {
    margin-left: 0 !important;
    position: static
}

.pagename a {
    display: inline-block;
    color: #eee
}

.pagename a:hover {
    color: #fff
}

.pagename a:before {
    content: "/R/";
    color: #bbb
}

#header .tabmenu {
    margin: 0;
    line-height: 46px;
    text-align: center
}

body.with-listing-chooser #header .tabmenu, body.with-listing-chooser #header .tabmenu li:first-child.selected {
    margin-left: 0
}

#header .tabmenu li, #header .tabmenu li a {
    padding: 0;
    margin: 0;
    display: inline-block;
    background: 0 0
}

#header .tabmenu li a {
    margin: 0 10px;
    font-family: lato, verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transition: .3s color, .2s background-position;
    -moz-transition: .3s color, .2s background-position;
    -o-transition: .3s color, .2s background-position;
    transition: .3s color, .2s background-position;
    position: relative
}

#header .tabmenu li a:hover {
    color: #eee
}

#header .tabmenu li.selected a {
    position: relative;
    border: none;
    color: #fb8500;
    border-bottom: 2px solid #fff;
}

#header .tabmenu li.selected a:hover {
    color: #fb8500
}

#header .tabmenu li a:after {
    background-position: center 10px;
    -webkit-transition: .2s background-position ease-in-out;
    -moz-transition: .2s background-position ease-in-out;
    -o-transition: .2s background-position ease-in-out;
    transition: .2s background-position ease-in-out
}

#header .tabmenu li a:hover:after, #header .tabmenu li.selected a:after {
    background-position: center 0
}

#header .tabmenu li a[href$="/ads/"]:after {
    right: 4px
}

#header-bottom-right {
    height: 40px;
    padding: 0 15px 0 8px;
    bottom: 0;
    background: #1d1d1d;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #222;
    border-radius: 20px 0px 0px 20px;
    font-family: lato, verdana, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 40px;
}

.gold-only #header #header-bottom-right {
    background: #1d1d1d
}

#header-bottom-right .user, #header-bottom-right a, .gold-only #header #header-bottom-right a {
    color: #bbb
}

#header-bottom-right a:hover, .gold-only #header #header-bottom-right a:hover {
    color: #eee
}

#header-bottom-right .pref-lang {
    font-weight: 400
}

#header-bottom-right .user a.login-required {
    margin-left: 5px;
    color: #fb8500
}

.loggedin #header-bottom-right .user {
    color: #1d1d1d;
    margin-left: 10px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%);
}

#header-bottom-right .user .userkarma {
    border: none;
    color: #dcdcdc
}

#header-bottom-right .separator {
    visibility: hidden
}

#header-bottom-right #mail, #header-bottom-right #modmail, .gold-only #header #header-bottom-right #mail.havemail, .gold-only #header #header-bottom-right #modmail.havemail {
    background: url(%%spritesheet%%) -9999px -9999px no-repeat
}

#header-bottom-right #mail {
    top: 1px
}

#header-bottom-right #mail.nohavemail {
    background-position: 0 -50px
}

#header-bottom-right #mail.havemail {
    background-position: -16px -50px
}

.gold-only #header #header-bottom-right #mail.havemail {
    background-position: -32px -50px
}

#header-bottom-right #modmail {
    top: -3px
}

#header-bottom-right #modmail.nohavemail {
    background-position: 0 -30px
}

#header-bottom-right #modmail.havemail {
    background-position: -16px -30px
}

.gold-only #header #header-bottom-right #modmail.havemail {
    background-position: -32px -30px
}

#header-bottom-right a.message-count {
    background: 0 0;
    color: #fb8500
}

.gold-only #header #header-bottom-right .message-count, .gold-only #header #header-bottom-right .message-count:hover {
    background: 0 0;
    color: #cd9930
}

.side {
    margin: 24px 8px 80px 0;
    position: relative;
    background-color: transparent
}

.side .spacer {
    box-shadow: 0 1px 1px rgb(0 0 0 / 16%);
    margin: 0 0 7px
}

#search input[type=text] {
    width: 298px;
    padding: 10px 15px;
    background: #25282f;
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #eee
}

#search input[type=text]:active, #search input[type=text]:focus, #search input[type=text]:hover {
    background-color: #242424;
    outline: 0
}

.side #search input[type=submit] {
    margin-left: -28px
}

.side #searchexpando {
    padding: 10px 15px;
    margin: 0;
    background: #242424;
    border: 0;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 11px;
    color: #dcdcdc
}

.side #searchexpando #moresearchinfo {
    padding-bottom: 5px;
    border-color: #444
}

.sidebox.create, .sidebox.submit {
    border-radius: 3px
}

.morelink {
    height: 31px;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    line-height: 31px
}

.morelink:after, body.listing-page>.content {
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%);
}

.morelink:hover {
    background: #444;
}

.morelink a {
    font-family: lato, verdana, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #eee
}

.morelink:hover a {
    color: #fff
}

.disabled .morelink, .disabled .morelink:hover {
    background: #292929;
}

.disabled .morelink a {
    color: grey
}

.morelink+.spacer, .nub {
    display: none
}

.titlebox {
    width: 300px;
    position: relative;
    background: #202124;
    border: 0;
    font-family: sans-serif;
    color: #dcdcdc;
    border-radius: 3px
}

.rounded {
    border-radius: 0
}

.titlebox.filtered-details, .titlebox.gold-accent {
    padding: 0
}

.profile-page .titlebox, .titlebox.filtered-details {
    background: #222
}

.titlebox>h1 {
    padding: 10px 15px;
    margin: 0;
    position: relative;
    background: #202124;
    border-bottom: 0;
    font-family: sans-serif;
    font-size: 18px;
    font-variant: normal;
    color: #eee;
    border-radius: 3px;
}

.profile-page .titlebox>h1:before {
    content: "";
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #181818
}

.titlebox>h1 a {
    color: #eee
}

.side .fancy-toggle-button {
    width: 296px;
    height: 30px;
    display: block;
    margin: 0;
    background: #202124;
    border: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    line-height: 30px
}

.titlebox .fancy-toggle-button .option.active {
    display: inline-block
}

.titlebox .fancy-toggle-button .option.add, .titlebox .fancy-toggle-button .option.remove {
    height: 30px;
    padding: 0 15px;
    position: relative;
    top: -1px;
    background: #202124;
    border: none;
    border-radius: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    color: #999
}

.titlebox .fancy-toggle-button .option.add {
    font-weight: 700;
    color: #27ae60
}

.titlebox .fancy-toggle-button .option:active, .titlebox .fancy-toggle-button .option:focus {
    outline: 0
}

.profile-page .titlebox h1+div {
    border-bottom: 1px solid #272727
}

.subscribers, .users-online {
    height: 30px;
    padding: 0 15px;
    display: block;
    margin-top: -31px;
    position: absolute;
    right: 0;
    background: #202124;
    font-size: 11px;
    line-height: 30px;
    color: #999
}

.users-online, .users-online:before {
    display: none;
    content: none
}

.subscribers:hover+.users-online, .users-online:hover {
    display: block
}

.users-online:after {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    top: 11px;
    left: 3px;
    background: #4bda4b;
    border-radius: 50%;
    -webkit-animation: users 2s infinite;
    -moz-animation: users 2s infinite;
    -o-animation: users 2s infinite;
    animation: users 2s infinite
}

@-webkit-keyframes users {
    0% {
        background: #4bda4b
    }

    50% {
        background: #369b36
    }

    100% {
        background: #4bda4b
    }
}

@-moz-keyframes users {
    0% {
        background: #4bda4b
    }

    50% {
        background: #369b36
    }

    100% {
        background: #4bda4b
    }
}

@-o-keyframes users {
    0% {
        background: #4bda4b
    }

    50% {
        background: #369b36
    }

    100% {
        background: #4bda4b
    }
}

@keyframes users {
    0% {
        background: #4bda4b
    }

    50% {
        background: #369b36
    }

    100% {
        background: #4bda4b
    }
}

.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button, .titlebox .toggle.sr_style_toggle {
    padding: 8px 15px;
    background: #222;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #181818;
    font-family: sans-serif;
    color: #777
}

.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button {
    font-size: 0
}

.titlebox .leavemoderator:before, .titlebox .toggle.leavecontributor-button:before {
    width: auto;
    height: 15px;
    display: inline-block;
    margin-right: 6px;
    float: none;
    position: relative;
    top: -1px;
    vertical-align: middle;
    font-size: 11px;
    line-height: 17px;
    text-indent: 20px;
    color: #777
}

.titlebox .leavemoderator:before {
    content: "Moderator";
    background: url(%%spritesheet%%) 0 -127px no-repeat
}

.titlebox .toggle.leavecontributor-button:before {
    content: "Approved submitter";
    background: url(%%spritesheet%%) 0 -147px no-repeat
}

.titlebox .leavemoderator a, .titlebox .toggle.leavecontributor-button a {
    font-size: 11px
}

.titlebox .leavemoderator>a, .titlebox .toggle.leavecontributor-button>a {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.titlebox .toggle.leavecontributor-button .option.active.error {
    display: block;
    margin: 3px 0 0 20px
}

.titlebox .toggle.sr_style_toggle {
    padding: 8px 15px 10px;
    font-size: 11px
}

.titlebox .toggle.flairtoggle {
    padding: 8px 15px;
    margin: 0;
    background: #202124;
    border-top: 0;
    font-size: 11px
}

.titlebox .tagline {
    padding: 4px 15px 10px;
    margin: 0;
    position: relative;
    background: #202124;
    border-bottom: 0;
    font-size: 11px;
    color: #202020
}

.titlebox .tagline a.author, .titlebox .tagline a.flairselectbtn {
    font-size: 11px;
    color: #3498db
}

.titlebox .tagline>.flair {
    background-color: #393939;
    border-color: #393939;
    font-size: 10px;
    color: #bbb
}

.titlebox>.karma {
    margin: 8px 1px 0 15px;
    display: inline-block;
    color: #eee
}

.titlebox>.comment-karma {
    margin-top: 5px
}

.karma-breakdown {
    margin: 10px 15px
}

#per-sr-karma {
    width: 264px;
    margin: 10px 0 10px 16px
}

#per-sr-karma tr td {
    color: #bbb
}

.titlebox .snoovatar-link {
    margin: 10px 15px;
    border-radius: 3px;
    background: #393939 !important;
    border: 1px solid #181818 !important;
    line-height: 31px
}

.titlebox .snoovatar-link:before {
    content: none
}

.snoovatar-link a {
    display: block;
    border: 1px solid #494949;
    border-radius: 3px;
    color: #eee !important
}

.snoovatar-link a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 5px;
    background: url(%%spritesheet%%) 0 -103px no-repeat
}

.titlebox .usertext-body .md, .titlebox div.usertext .md {
    padding: 5px 15px;
    background: #202124;
    border: 0;
    font-size: 12px;
    color: #dcdcdc
}

.titlebox>h1+.usertext>.md {
    border-top: 1px solid #181818;
    border-bottom: 0
}

.titlebox>.users-online+.usertext .md {
    border-top: 1px solid #272727
}

.titlebox .md h1, .titlebox .md h2, .titlebox .md h3, .titlebox .md h4, .titlebox .md h5, .titlebox .md h6 {
    margin: .5em 0;
    font-weight: 700;
    color: #eee
}

.titlebox .md h1 {
    font-size: 18px
}

.titlebox .md h1 a {
    color: #3498DB
}

.titlebox .md h2 {
    font-size: 17px
}

.titlebox .md h3 {
    font-size: 16px
}

.titlebox .md h4 {
    font-size: 15px
}

.titlebox .md h5 {
    font-size: 14px
}

.titlebox .md h6 {
    font-size: 14px;
    font-weight: 400
}

.titlebox .md>p {
    margin: 1em 0
}

.titlebox .md ol, .titlebox .md ul {
    margin: .5em 0;
    padding-left: 20px
}

.titlebox .md>blockquote {
    margin: 1em 0
}

.linkinfo {
    padding: 0;
    margin: 0 1px;
    position: relative;
    background: #202124;
    border: 0;
    border-radius: 4px;
    font-family: sans-serif
}

.linkinfo .date {
    padding: 15px 0 0;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-indent: 15px;
    color: #eee
}

.linkinfo .date span {
    font-size: 0;
    color: #222
}

.linkinfo .date span:after {
    content: "This post was submitted on ";
    font-size: 12px;
    font-weight: 400;
    color: #eee
}

.linkinfo .score {
    padding: 10px 0 5px;
    margin-left: 15px;
    font-size: 11px;
    color: #999
}

.linkinfo .score .number {
    margin-right: 3px;
    vertical-align: -2px;
    font-size: 18px;
    font-weight: 400;
    color: #eee
}

.linkinfo .score .word {
    display: none
}

.linkinfo .shortlink {
    margin-top: 10px;
    font-size: 0;
    border-top: 0
}

.linkinfo .shortlink input {
    width: 266px;
    height: 32px;
    padding: 0 15px;
    margin: 0;
    background: #202124;
    border: none;
    border-top: 0;
    font-size: 11px;
    line-height: 31px;
    color: #999
}

.linkinfo .shortlink input:hover {
    color: #eee
}

.side .titlebox .bottom {
    min-height: 11px;
    padding: 8px 15px;
    background: #202124;
    border-top: 0;
    border-radius: 3px;
    font-size: 11px;
    color: #999
}

.profile-page .side .titlebox>.bottom {
    margin-top: 10px;
    position: relative
}

.profile-page .titlebox .gold-expiration-info+.bottom {
    margin-top: 0
}

.profile-page .titlebox .bottom:before {
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    background: #272727
}

.profile-page .titlebox .gold-expiration-info+.bottom:before {
    background: #2b2b2b
}

.bottom .flair {
    display: none;
    font-size: 10px
}

.titlebox .bottom .age {
    font-size: 0
}

.titlebox .bottom .age time {
    padding-left: 14px;
    height: 11px;
    background: url(%%spritesheet%%) 0 -166px no-repeat;
    font-size: 11px
}

.profile-page .titlebox .bottom img {
    display: none
}

.profile-page .titlebox .bottom a[href*=compose] {
    padding-left: 19px;
    position: relative
}

.profile-page .titlebox .bottom a[href*=compose]:before {
    content: "";
    width: 15px;
    height: 10px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    background: url(%%spritesheet%%) 0 -50px no-repeat
}

.sidecontentbox {
    border: 0;
    font-family: sans-serif
}

.sidecontentbox>.title {
    padding: 10px 15px;
    background: #202124;
    border: 0;
    border-radius: 4px 4px 0px 0px  
}

.sidecontentbox>.title h1 {
    font-size: 12px;
    font-weight: 700;
    text-transform: lowercase;
    color: #eee
}

.sidecontentbox .collapse-button {
    position: relative;
    top: -1px;
    background: #393939;
    border: none;
    border-radius: 3px;
    line-height: 8px;
    color: #bbb
}

.sidecontentbox .content {
    background: #202124;
    border: 0;
    border-top: 0;
    border-radius: 0px 0px 4px 4px;
    padding: 10px 15px
}

.sidecontentbox .content a {
    background-color: transparent;
    font-size: 12px
}

.sidecontentbox a.helplink {
    margin: 12px 15px 0 0
}

.sidecontentbox .more {
    margin: 15px 0 0;
    display: inline-block;
    border: 1px;
    border-radius: 3px;
    text-align: left
}

.sidecontentbox .more a[href$="/about/moderators"] {
    padding: 3px 6px 4px;
    display: inline-block;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    font-size: 11px;
    color: #eee
}

.sidecontentbox .content button.expand-summary {
    margin-top: 8px;
    background: #393939;
    border: 1px solid #494949;
    border-radius: 3px;
    color: #eee
}

.sidecontentbox .content button.expand-summary:hover, .sidecontentbox .more a[href$="/about/moderators"]:hover {
    background: #444;
    border-color: #555
}

.sidecontentbox a.helplink~ul.content>li {
    max-width: 266px;
    overflow: hidden;
    white-space: nowrap
}

.sidecontentbox .flair {
    font-size: 10px
}

.trophy-name {
    color: #eee !important
}

.trophy-description {
    color: #bbb
}

.trophy-table+p {
    color: #202020
}

.gadget .midcol {
    width: 25px;
    margin: 1px 4px 0 -3px
}

.gadget .right a, .gadget a.reddit-comment-link {
    font-size: 11px
}

.account-activity-box a {
    padding: 10px 10px;
    display: block;
    background: #25282F;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 11px;
    color: #dcdcdc
}

.account-activity-box:hover {
    background-color: #242424;
    outline: 0
}

body>.content {
    margin: 24px 315px 80px 8px
}

body.with-listing-chooser>.content {
    margin-left: 152px;
    transition: margin-left .25s ease-in-out;
    border-radius: 3px;
}

body.with-listing-chooser.listing-chooser-collapsed>.content {
    margin-left: 23px
}

.trending-subreddits {
    padding: 8px 10px;
    margin: 8px 1px -6px;
    position: relative;
    background: #1e1e1e;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

body.compressed-display .trending-subreddits {
    margin-left: 1px
}

.trending-subreddits .midcol-spacer, .trending-subreddits .rank-spacer {
    display: none
}

.trending-subreddits strong {
    color: #27ae60
}

.trending-subreddits strong:before {
    width: 15px;
    height: 11px;
    background: url(%%spritesheet%%) -38px -65px no-repeat
}

.trending-subreddits .comments {
    font-weight: 400;
    color: #637481
}

.trending-subreddits .comments:hover {
    color: #9ab2ca
}

body>.content>.menuarea {
    padding: 10px 15px;
    margin: 0;
    background: #252525;
    border: 0;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 14px;
    color: #999;
    position: relative;
    overflow: visible
}

.menuarea .dropdown.lightdrop .selected {
    padding-left: 21px;
    padding-right: 0;
    background: url(%%menuarea-icon%%) center left no-repeat;
    text-decoration: none;
    color: #eee
}

.menuarea .dropdown.lightdrop .selected:hover {
    cursor: pointer
}

.menuarea .drop-choices.lightdrop {
    min-width: 80px;
    padding: 0;
    margin: 8px 0 0 -1px;
    background: #2d2d2d;
    border: 1px solid #353535;
    box-shadow: 0 0 3px rgba(16, 16, 16, .5)
}

.menuarea .drop-choices.lightdrop:after {
    content: "";
    width: 12px;
    height: 8px;
    display: block;
    position: absolute;
    top: -8px;
    left: 5px;
    background: url(%%spritesheet%%) 0 -413px no-repeat
}

.menuarea .drop-choices.lightdrop a {
    padding: 3px 6px;
    font-weight: 700;
    color: #dcdcdc;
    transition: all .1s ease-in-out
}

.menuarea .drop-choices.lightdrop a:hover {
    background: #252525;
    color: #eee
}

.menuarea .separator {
    visibility: hidden
}

.menuarea .flat-list a {
    font-weight: 400;
    color: #bbb
}

.menuarea .flat-list a:hover {
    color: #eee
}

.menuarea .flat-list li.selected a, .menuarea .flat-list li.selected a:hover {
    color: #fb8500
}

.listing-page>.content>.infobar.gold-accent~.sitetable.linklisting, .menuarea~.sitetable.linklisting, .messages-page .content>.sitetable.listing, body>.content>.infobar~.sitetable.linklisting, body>.content>.menuarea+style+.sitetable.linklisting {
    border-top: none
}

.commentarea .sitetable.linklisting {
    border: none
}

.menuarea+.spacer>#siteTable_organic.organic-listing {
    border-top-color: #181818
}

.content>.infobar {
    padding: 0;
    margin: 0;
    display: block;
    background: #252525;
    border-radius: 0;
    border: 1px solid #101010;
    font-family: sans-serif
}

.content>.infobar .md {
    max-width: none;
    padding: 8px 15px;
    border: 1px solid #2b2b2b;
    font-size: 13px
}

.content>.infobar.gold-accent {
    border-radius: 0
}

.content>.infobar.gold-accent .md {
    color: #cd9930
}

.link {
    padding: 15px 20px;
    margin: 0;
    background: #2e3135;
    border-bottom: 1px solid #25282c
}

.link:first-of-type {
    border-radius: 3px 3px 0 0;
}

.single-page .link {
    padding-bottom: 15px
}

.link.last-clicked {
    padding-top: 10px;
    margin-top: -1px;
    position: relative;
    background: #25282c;
    border: 0;
    border-bottom: 1px solid #25282c;
    overflow: visible
}

.sitetable.linklisting>.link.last-clicked:first-of-type {
    padding-top: 9px;
    margin-top: 0
}

.link.last-clicked:before {
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #181818
}

.sitetable.linklisting>.link.last-clicked:first-of-type:before {
    content: none
}

.link.compressed {
    margin-bottom: 0
}

.link.compressed .entry {
    padding-left: 10px
}

.link.promotedlink.promoted, .organic-listing .link, .organic-listing .link.promotedlink {
    padding: 9px 10px;
    background: #202020;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

.organic-listing .link, .organic-listing .link.promotedlink {
    border-bottom-color: #272727
}

.organic-listing .link {
    padding-right: 60px !important
}

.listing-page .sitetable.linklisting>.thing:nth-last-of-type(2), .wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
    border-bottom: 1px solid #272727
}

.content>.infobar.gold-accent~.sitetable.linklisting>.thing:first-of-type, .listing-page>.content>.infobar~.sitetable.linklisting>.link:first-of-type, .listing-page>.content>.menuarea~.sitetable.linklisting>.link:first-of-type, .menuarea~.sitetable.linklisting>.thing:first-of-type {
    border-top: 1px solid #181818
}

.menuarea+.spacer>#siteTable_organic.organic-listing .link {
    border-top: none
}

.link .rank {
    display: none;
}

.link.last-clicked .rank {
    background: #232323;
    border-color: #292929
}

.organic-listing .link .rank {
    visibility: hidden
}

.link.compressed .rank {
    margin-top: 1px;
    margin-right: 5px
}

.link.promoted .rank, .link.stickied .rank {
    position: relative;
    visibility: visible
}

.link.promoted .rank {
    min-width: 2.2ex
}

.link.promoted .rank:after {
    content: "AD";
    color: #2b678f;
    margin-left: -1px
}

.link.stickied .rank:after {
    content: "S";
    color: #19927b;
    margin-left: -1px
}

.menuarea~.sitetable .link.stickied .rank:after {
    content: none
}

.link .midcol, .link.compressed .midcol {
    margin: 4px 10px 10px auto;
}

.link .score {
    font-family: sans-serif;
    font-size: 13px;
    color: #888
}

.link.compressed .score {
    margin-right: 5px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px
}

.link .score.likes {
    color: #fb8500
}

.link .score.dislikes {
    color: #7178e1
}

.arrow.down, .arrow.downmod, .arrow.up, .arrow.upmod {
    margin: 0 auto;
    background: url(%%spritesheet%%) no-repeat
}

.arrow.down {
    background-position: 0 -15px
}

.arrow.downmod {
    background-position: -15px -15px
}

.arrow.up {
    background-position: -30px -15px
}

.arrow.upmod {
    background-position: -45px -15px
}

.arrow.up, .arrow.upmod {
    margin-bottom: -2px
}

.arrow.down, .arrow.downmod {
    margin-top: 2px
}

.link.compressed .arrow.down, .link.compressed .arrow.downmod {
    margin-top: 1px
}

.unvotable-message {
    padding-left: 0;
    border: none;
    color: #637481
}

.link .thumbnail {
    margin-bottom: 0;
    margin-right: 9px;
    position: relative
}

.link .thumbnail.default, .link.over18 .thumbnail.nsfw, .link.self .thumbnail {
    background-image: url(%%spritesheet%%) !important
}

.link.self .thumbnail {
    background-position: center -438px
}

.link .thumbnail.default {
    background-position: center -488px
}

.link.over18 .thumbnail.nsfw {
    max-height: 50px;
    background-position: center -538px
}

.link .thumbnail:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(30, 30, 30, .2)
}

.link .thumbnail.default:before, .link.over18 .thumbnail.nsfw:before, .link.self .thumbnail:before {
    content: none
}

.link .title {
    margin-bottom: 2px;
    font-family: sans-serif
}

.link.compressed .title {
    margin: 0 5px 0 0
}

.single-page .link.compressed .title {
    margin-bottom: 2px
}

.gadget .reddit-link-title, .link a.title, .single-page .link a.title:visited, .single-page .link.visited a.title {
    color: #eee
}

.gadget .reddit-link-title:hover, .link a.title:hover, .single-page .link a.title:visited:hover, .single-page .link.visited a.title:hover {
    color: #ccd8de
}

.link a.title:visited, .link.visited a.title {
    color: #bbb
}

.link a.title:visited:hover, .link.visited a.title:hover {
    color: #97a3aa
}

.link.stickied a.title, .link.stickied a.title:visited, .link.stickied.visited a.title {
    color: #18af92
}

.link.stickied a.title:hover, .single-page .link.stickied a.title:hover {
    color: #33c2a6
}

.link .domain {
    margin-left: -5px;
    color: #202020
}

.link.last-clicked .domain {
    color: #1e1e1e
}

.link .domain a {
    vertical-align: text-bottom;
    color: #445059
}

.domain a:hover, .link a.title:hover~.domain a {
    color: #879bb1
}

.gadget small, .sponsored-tagline, .tagline {
    color: #637481
}

.sponsored-tagline {
    font-weight: 400
}

.tagline a {
    color: #3498db
}

.tagline a.friend, a.friend {
    color: #e78c5d
}

.comment.collapsed .tagline>a.submitter, .comment.collapsed .tagline>a.submitter:hover, .tagline a.submitter, a.submitter {
    color: #3498db
}

.comment.collapsed .tagline>a.moderator, .comment.collapsed .tagline>a.moderator:hover, .tagline .stickied-tagline, .tagline a.moderator, a.moderator {
    color: #18af92
}

.comment.collapsed .tagline>a.admin, .comment.collapsed .tagline>a.admin:hover, .tagline a.admin, a.admin {
    color: #e04232
}

.comment.collapsed .tagline>a.alum, .comment.collapsed .tagline>a.alum:hover, .tagline a.alum, a.alum {
    color: #d32a4d
}

.link .tagline a.admin, .link .tagline a.alum {
    font-weight: 400
}

.single-page .link .tagline a.admin, .single-page .link .tagline a.alum, .single-page .link .userattrs .alum, .single-page .link .userattrs a.admin {
    font-weight: 700
}

.tagline .userattrs {
    color: #202020
}

.link.last-clicked .tagline .userattrs {
    color: #1e1e1e
}

.comment .tagline .userattrs {
    color: #222
}

.tagline .userattrs .alum, .tagline .userattrs a {
    width: 12px;
    padding: 0;
    display: inline-block;
    border: none;
    border-radius: 3px;
    font-weight: 700;
    text-align: center;
    color: #101010
}

.link .userattrs .alum, .link .userattrs a {
    font-weight: 400
}

.comment.collapsed .tagline .userattrs .alum, .comment.collapsed .tagline .userattrs a {
    width: auto;
    background: 0 0
}

.tagline .userattrs>.alum:first-of-type, .tagline .userattrs>a:first-of-type {
    margin-left: -5px
}

.tagline .userattrs a.friend {
    background: #e78c5d
}

.comment.collapsed .tagline .userattrs a.friend, .comment.collapsed .tagline .userattrs a.friend:hover {
    color: #e78c5d
}

.tagline .userattrs a.submitter {
    background: #3498db
}

.comment.collapsed .tagline .userattrs a.submitter, .comment.collapsed .tagline .userattrs a.submitter:hover {
    color: #3498db
}

.tagline .userattrs a.moderator {
    background: #18af92
}

.comment.collapsed .tagline .userattrs a.moderator, .comment.collapsed .tagline .userattrs a.moderator:hover {
    color: #18af92
}

.tagline .userattrs a.admin {
    background: #e04232
}

.comment.collapsed .tagline .userattrs a.admin, .comment.collapsed .tagline .userattrs a.admin:hover {
    color: #e04232
}

.tagline .userattrs .alum {
    background: #d32a4d
}

.comment.collapsed .tagline .userattrs .alum {
    color: #d32a4d
}

.tagline .userattrs .cakeday {
    width: 11px;
    height: 8px;
    background: url(%%spritesheet%%) -39px -95px no-repeat
}

.link .entry .expando-button {
    width: 20px;
    height: 20px;
    margin: 4px 8px 0 0;
    border-radius: 3px;
    background: url(%%spritesheet%%) -9999px -9999px no-repeat #252525 !important;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out
}

.link .expando-button:hover {
    cursor: pointer
}

.link .entry .expando-button.selftext.collapsed {
    background-position: 0 -302px !important
}V

.link .entry .expando-button.selftext.expanded {
    background-position: 0 -282px !important
}

.link .entry .expando-button.crosspost.collapsed {
    background-position: 0 -302px!important;
}

.link .entry .expando-button.crosspost.expanded {
    background-position: 0 -282px !important
}

.link .entry .expando-button.video-muted.collapsed, .link .entry .expando-button.video.collapsed {
    background-position: 0 -342px !important
}

.link .entry .expando-button.video-muted.expanded, .link .entry .expando-button.video.expanded {
    background-position: 0 -322px !important
}

.link .entry .expando-button.image.collapsed, .link .entry .expando-button.image.expanded {
    background-position: -30px -282px !important
}

.link .entry .expando .error {
    font-family: sans-serif;
    font-size: 12px
}

.link .usertext .md {
    padding: 0;
    margin: 10px 1px 5px
}

.link .usertext-body .md {
    padding: 5px 8px;
    position: relative;
    background: #25282f;
    border: 0;
    border-radius: 8px;
    font-family: sans-serif;
    color: #dcdcdc;
    z-index: 1
}

.link .md h1, .link .md h2, .link .md h3, .link .md h4, .link .md h5 {
    font-weight: 700
}

.link .entry .flat-list {
    padding: 0
}

.single-page .link .flat-list.buttons {
    padding-left: 1px
}

.entry .buttons li a {
    font-weight: 400;
    color: #637481
}

.link .entry .buttons li.first a {
    font-weight: 700;
    color: #3498db
}

.entry .buttons li a:hover, .link .entry .buttons li.first a:hover {
    color: #9ab2ca
}

.link .entry .buttons li .option.error>a {
    color: #e74c3c
}

.link.stickied .entry .buttons li.first a {
    color: #18af92
}

.link.stickied .entry .buttons li a:hover {
    color: #a8cac3
}

.link .entry .buttons li a:active, .link .entry .buttons li a:focus {
    outline: 0
}

.flat-list.buttons .pretty-button.negative, .flat-list.buttons .pretty-button.neutral, .flat-list.buttons .pretty-button.positive, .flat-list.buttons li.reported-stamp {
    padding: 1px 4px;
    background: #353535;
    border: 0 !important;
    border-radius: 3px;
    line-height: normal
}

.flat-list.buttons li.reported-stamp {
    margin-left: 5px;
    color: #f6e69f
}

.flat-list.buttons .pretty-button.neutral {
    color: #bbb
}

.flat-list.buttons .pretty-button.negative {
    color: #fa6157
}

.flat-list.buttons .pretty-button.positive {
    color: #27ae60
}

.flat-list.buttons .pretty-button.neutral.pressed {
    background: #999
}

.flat-list.buttons .pretty-button.negative.pressed {
    background: #fa6157
}

.flat-list.buttons .pretty-button.positive.pressed {
    background: #27ae60
}

.flat-list.buttons .pretty-button.pressed {
    color: #101010
}

.flat-list.buttons .big-mod-buttons .status-msg {
    color: #637481
}

.flat-list.buttons>li>b {
    font-weight: 400;
    color: #637481
}

ul.report-reasons {
    margin-top: 3px;
    background: #252525;
    border: 1px solid #2d2d2d;
    border-radius: 0
}

.entry .buttons li.nsfw-stamp {
    padding-right: 0
}

.nsfw-stamp acronym {
    padding: 0;
    background: 0 0;
    border: none !important;
    border-radius: 0;
    font-weight: 700;
    color: #e74c3c
}

.action-form {
    background: #252525;
    border: 1px solid #2b2b2b;
    border-radius: 0;
    font-family: sans-serif
}

.pretty-form.sharelink {
    padding-top: 10px;
    margin-top: 10px;
    font-family: sans-serif
}

.action-form input[type=text], .pretty-form.sharelink input[type=text] {
    background: #292929;
    border: 1px solid #393939;
    box-shadow: none;
    color: #eee
}

.action-form input[type=text] {
    background: #2d2d2d;
    border-color: #3d3d3d
}

.pretty-form.sharelink .little.gray {
    font-size: 11px;
    font-weight: 400;
    color: #999
}

.sharetable.preftable button {
    margin-top: 5px;
    background: #393939;
    border: 1px solid #494949;
    border-radius: 3px;
    color: #eee
}

.commentarea {
    padding: 5px 5px 10px;
    background: #2e3135;
    border: 0;
    position: relative;
    margin: -1px 0 0 0
}

.commentarea .sitetable.nestedlisting {
    margin: 0 10px
}

.commentarea .panestack-title {
    padding: 10px;
    margin: 0;
    border: none;
    font-family: sans-serif
}

.commentarea .panestack-title .title {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #eee
}

.panestack-title a.title-button.gold {
    padding: 0;
    background: 0 0;
    border: none;
    color: #cd9930
}

.commentarea .menuarea {
    margin: 10px;
    font-family: sans-serif;
    font-size: 11px;
    color: #888
}

.commentarea .panestack-title+.menuarea {
    margin-top: 0
}

.commentarea .menuarea .error, .commentarea .menuarea .error>a {
    color: #e74c3c
}

.contest-mode.infobar {
    padding: 0;
    margin: 10px 0 -10px;
    background: 0 0;
    border: none;
    font-size: 11px;
    text-transform: none
}

.contest-mode.infobar strong {
    font-style: italic;
    color: #bbb
}

.commentarea .menuarea .toggle.set_subreddit_sticky-button .option, .commentarea .menuarea .toggle.set_subreddit_sticky-button .option.active a {
    color: #18af92
}

.comment .usertext-edit {
    margin-bottom: 10px
}

.commentarea .comment {
    padding-top: 1px;
    padding-left: 0;
    margin-left: 0
}

.comment.collapsed {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px
}

.comment .child, .comment .showreplies {
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    border-color: #333
}

.commentarea .sitetable.nestedlisting>.comment {
    padding-top: 10px;
    margin-top: 1px;
    position: relative;
    border-top: 0
}

.commentarea .sitetable.nestedlisting>.comment.collapsed {
    padding-top: 9px;
    margin-bottom: 11px
}

.commentarea .sitetable.nestedlisting>.comment:nth-last-of-type(2) {
    border-bottom: none
}

.comment.collapsed .tagline, .comment.collapsed .tagline a {
    color: #637381
}

.comment.collapsed .tagline a:hover {
    color: #9ab2ca
}

.comment a.expand, .comment.collapsed a.expand, .message .entry .tagline a.expand {
    padding: 0;
    margin-right: 4px;
    color: #637481;
    transition: color .15s ease-in-out
}

.comment a.expand:hover, .comment.collapsed a.expand:hover, .message .entry .tagline a.expand:hover {
    color: #9ab2ca
}

.comment .md {
    background: 0 0;
    border: 1px solid #292929;
    border: none;
    font-family: sans-serif;
    color: #eee
}

.comment .flat-list.buttons {
    margin-left: -1px
}

.deepthread:after {
    content: none
}

.deepthread a, .morecomments a {
    padding: 0 2px 1px 4px;
    background: #2d2d2d;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 700;
    color: #9ab2ca
}

.morecomments a .gray {
    color: #637481
}

.deepthread a:hover, .morecomments a:hover {
    background: #303030;
    color: #b6c9dc
}

.deepthread a:after {
    content: "";
    width: 24px;
    height: 7px;
    padding-right: 2px;
    margin-left: 5px;
    display: inline-block;
    background: url(%%spritesheet%%) -34px -85px no-repeat
}

.single-page.comments-page .commentarea>.infobar {
    padding: 8px 10px;
    margin: 10px;
    background: #252525;
    border: 1px solid #2b2b2b;
    font-family: sans-serif;
    font-size: 12px
}

.comment .usertext.border .usertext-body {
    padding: 0 7px;
    margin: 5px 0 0;
    background: #202020;
    border: 1px solid #1b1b1b
}

.gold-accent.comment-visits-box {
    padding: 0;
    margin-left: 10px;
    background: 0 0;
    border-radius: 0;
    border: none;
    font-family: sans-serif;
    color: #cd9930
}

.new-comment .usertext-body {
    margin: 5px 10px 0 0;
    padding: 2px 0px 2px 10px;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 6%);
}

.new-comment .usertext-body .md {
    margin: 5px 0;
    padding: 0
}

.sitetable.linklisting .comment {
    padding: 10px 15px;
    margin: 0;
    background: #202020;
    border: 1px solid #272727;
    border-bottom-color: #181818
}

.menuarea~.sitetable.linklisting>.comment:first-of-type {
    border-top-color: #181818
}

.sitetable.linklisting .comment.collapsed {
    padding-top: 9px
}

.sitetable.linklisting .comment .parent {
    margin: 0 0 6px 22px;
    color: #637481
}

.sitetable.linklisting .comment .parent a {
    font-weight: 400
}

.sitetable.linklisting .comment .parent a.title {
    font-size: 10px;
    color: #b5c4cd
}

.sitetable.linklisting .comment .midcol, .sitetable.linklisting .message .midcol {
    margin-top: 2px
}

.sitetable.linklisting.comment.collapsed .tagline {
    margin-top: -2px
}

.sitetable.linklisting .comment>.child {
    margin: 0
}

.thing.reported {
    border-left: 3px solid #e3d493 !important
}

.thing.spam {
    border-left: 3px solid #fa6157 !important
}

.sitetable.linklisting .link.spam {
    background: #202020
}

.sitetable.linklisting .comment.reported, .sitetable.linklisting .comment.spam {
    padding-left: 13px
}

.sitetable.linklisting .link.reported, .sitetable.linklisting .link.spam {
    padding-left: 8px
}

.commentarea .comment.reported, .commentarea .comment.spam {
    padding-left: 10px;
    margin-left: -13px;
    background: 0 0
}

.thing.spam.banned-user {
    opacity: .5
}

.thing.spam.banned-user:hover {
    opacity: 1
}

.comment.spam>.child {
    padding-left: 10px;
    margin-left: 20px;
    background: 0 0
}

.message.spam>.child {
    background: 0 0
}

.sitetable>.message {
    background: #202020
}

.content>.sitetable>.message {
    padding: 10px 15px;
    margin: 0;
    background: #202020;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out
}

.menuarea~.sitetable>.message:nth-of-type(1) {
    border-top: 1px solid #181818
}

.message .subject, .message.message-parent .subject {
    margin-bottom: 5px;
    font-family: sans-serif
}

.message.was-comment .subject {
    margin-bottom: 7px
}

.message .subject .subject-text {
    color: #eee
}

.message .subject a.title {
    color: #b5c4cd
}

.message .subject .correspondent {
    padding: 0;
    background: #393939;
    border: 1px solid #181818;
    border-radius: 3px
}

.message .subject .correspondent a {
    padding: 2px 5px;
    display: block;
    border: 1px solid #444;
    border-radius: 3px;
    color: #eee
}

.message .subject .correspondent a.author {
    margin-right: 0
}

.message .subject .expand-btn {
    margin: 8px 10px 5px 0;
    font-family: verdana, sans-serif
}

.message.message-parent .entry, .message.message-reply .entry {
    padding-bottom: 0;
    margin-left: 1px;
    margin-bottom: 10px;
    border-left: 1px dashed #494949
}

.message.new>.entry {
    padding: 5px 10px;
    background: #252525;
    border-color: #303030;
    margin-left: 0;
    border-left: 3px solid #fb8500
}

.message.spam>.entry {
    border-left: none
}

.message .entry a.parent-link {
    padding: 0;
    margin: 5px 0 0;
    display: inline-block
}

.message.message-parent .tagline, .message.message-reply .tagline {
    margin-bottom: 5px;
    color: #637481
}

.message.message-parent.recipient>.entry .head, .message.message-reply.recipient>.entry .head {
    font-weight: 400;
    color: #637481
}

.message.new>.entry .head {
    font-weight: 400;
    color: #e74c3c
}

.message.collapsed>.entry .head>a[id^=more] {
    font-size: 10px !important;
    font-weight: 400 !important
}

.message .entry .md {
    padding: 5px 8px;
    margin: 5px 1px;
    position: relative;
    background: #252525;
    border: 1px solid #303030;
    font-family: sans-serif;
    color: #dcdcdc;
    z-index: 1
}

.message.message-parent .entry .md, .message.message-reply .entry .md {
    color: #6ebf83
}

.message.message-parent.recipient>.entry .md, .message.recipient>.entry .md {
    color: #dcdcdc
}

.message.gold-auto blockquote {
    margin-bottom: 2px;
    background: #2b2b2b;
    border: 1px solid #333;
    color: #bbb
}

.message .usertext-edit .md {
    margin: 5px 0
}

.message .entry .flat-list.buttons {
    margin-left: 0
}

.message.gold {
    max-width: none;
    border-radius: 0
}

.message.gold .subject {
    max-width: 36em;
    text-shadow: none
}

.message.gold .entry .md {
    max-width: 50em;
    text-shadow: none
}

.compose-page .content>h1 {
    width: 500px;
    padding: 10px 15px;
    margin: 0;
    position: relative;
    background: #222;
    border: 1px solid #272727;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    color: #eee
}

.compose-page .content>form>.spacer {
    margin: 0
}

.compose-page .content>form .roundfield {
    padding: 10px 15px;
    margin: 0;
    position: relative;
    background: #202020;
    border: 1px solid #272727;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    font-family: sans-serif
}

.compose-page .content>form>.spacer:first-of-type .roundfield {
    border-top: 1px solid #181818
}

.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield {
    border-bottom: 1px solid #272727
}

.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield:before {
    border-bottom: 1px solid #101010;
    bottom: -2px
}

.compose-page .content>form .roundfield .title {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    color: #eee
}

.compose-page .content>form .roundfield .gray {
    font-size: 12px;
    color: #bbb
}

.compose-page #compose-message .status {
    font-size: 11px
}

.sitetable #noresults {
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #272727;
    background: #202020;
    font-family: sans-serif;
    color: #999
}

.single-page .sitetable #noresults {
    padding: 10px 0 0;
    background: 0 0;
    border: none;
    border-top: 1px solid #272727
}

.commentarea #noresults {
    padding: 0 10px 5px;
    background: 0 0
}

.menuarea~.sitetable.linklisting>#noresults, .messages-page .sitetable #noresults {
    border-top: 1px solid #181818
}

.nextprev {
    height: 30px;
    padding: 0 15px;
    margin: 0;
    display: block;
    background: #252525;
    border: 0;
    font-family: sans-serif;
    font-size: 14px;
    border-radius: 0px 0px 3px 3px;
    line-height: 31px;
    color: #999
}

.nextprev a {
    padding: 1px 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    font-weight: 700;
    color: #eee
}

.nextprev>a:first-of-type {
    margin-left: 2px
}

.nextprev a:hover {
    background: 0 0;
    border: none
}

.nextprev .separator {
    margin: 0;
    visibility: hidden
}

.nav-buttons .next-suggestions {
    padding: 8px 15px;
    margin: 0;
    display: block;
    background: #202020;
    border: 1px solid #272727;
    border-top: 1px solid #181818;
    text-transform: uppercase;
    font-size: 11px;
    font-family: sans-serif;
    color: #999
}

.nav-buttons .next-suggestions a {
    padding: 0;
    background: 0 0;
    border: none;
    font-weight: 700
}

.organic-listing .nextprev {
    height: auto;
    padding: 0;
    margin: 0;
    background: #1d1d1d;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    border-bottom: 1px solid #272727;
    border-left: 1px solid #272727;
    line-height: normal
}

.organic-listing .nextprev:before {
    content: "";
    width: 14px;
    height: 27px;
    display: block;
    position: absolute;
    top: -1px;
    left: -14px;
    background: url(%%nextprev-bg%%) no-repeat
}

.organic-listing .nextprev .arrow.next, .organic-listing .nextprev .arrow.prev {
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    position: relative;
    background: url(%%nextprev%%) -9999px -9999px no-repeat;
    border: none
}

.organic-listing .nextprev .arrow.next:active, .organic-listing .nextprev .arrow.prev:active {
    top: 0;
    bottom: 0
}

.organic-listing .nextprev .arrow.prev:active {
    background-position: 2px 4px
}

.organic-listing .nextprev .arrow.next:active {
    background-position: -17px 4px
}

.organic-listing .nextprev .arrow.prev {
    background-position: 2px 3px
}

.organic-listing .nextprev .arrow.next {
    background-position: -17px 3px
}

.footer-parent {
    padding: 40px 0;
    transition: margin-left .25s ease-in-out
}

.footer, .footer .col {
    border: none
}

.footer .flat-vert.title {
    font-family: sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #666
}

.footer .flat-vert li a {
    font-family: sans-serif;
    color: #aaa
}

.footer .flat-vert li a:hover {
    color: #eee
}

.footer .flat-vert li a.buygold, .footer .flat-vert li a.buygold:hover {
    font-weight: 400;
    color: #cd9930
}

.footer-parent p.bottommenu {
    font-family: sans-serif;
    font-size: 11px;
    color: grey
}

.footer-parent p.bottommenu a {
    text-decoration: none;
    color: #3498DB
}

body>.debuginfo {
    display: none;
}

body.with-listing-chooser>.debuginfo {
    display: none;
}

body.with-listing-chooser.listing-chooser-collapsed>.debuginfo {
    margin-left: 23px
}

body>.debuginfo:after {
    content: "Carbon by /u/ggitaliano";
    padding: 3px 0 0 5px;
    float: left;
    font-family: sans-serif;
    color: #666
}

.submit-page .content>.submit.content {
    width: 520px;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none
}

.submit-page .content>h1 {
    display: none
}

.submit-page>.content ul.tabmenu.formtab {
    width: 520px;
    padding: 0;
    margin: 0;
    border: 1px solid #101010;
    border-bottom: none
}

.submit-page>.content ul.tabmenu.formtab li a {
    width: 238px;
    height: 35px;
    padding: 0 10px;
    display: inline-block;
    background: #202020;
    border: 1px solid #272727;
    font-family: lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #888;
    -webkit-transition: background .15s ease-in-out, color .15s ease-in-out;
    -moz-transition: background .15s ease-in-out, color .15s ease-in-out;
    -o-transition: background .15s ease-in-out, color .15s ease-in-out;
    transition: background .15s ease-in-out, color .15s ease-in-out
}

.submit-page>.content ul.tabmenu.formtab li.selected a {
    background: #282828;
    border: 1px solid #303030 !important;
    color: #fb8500
}

.submit-page>.content ul.tabmenu.formtab li a:hover {
    color: #eee
}

.submit-page>.content ul.tabmenu.formtab li.selected a:hover {
    color: #fb8500
}

.submit-page>.content ul.tabmenu.formtab li.selected+li a {
    border-left-color: #202020
}

.submit-page>.content ul.tabmenu.formtab>li:first-of-type a {
    border-right-color: #202020
}

.submit-page>.content .formtabs-content {
    width: 520px;
    padding-top: 0;
    margin-top: 0;
    border-top: 1px solid #181818;
    border-bottom: 1px solid #181818;
    border-left: 1px solid #101010;
    border-right: 1px solid #101010
}

.submit-page .formtabs-content .spacer {
    margin: 0
}

.submit-page .formtabs-content .infobar {
    padding: 10px;
    margin-bottom: 0;
    background: #252525;
    border: 1px solid #2d2d2d;
    font-size: 11px;
    font-family: sans-serif;
    color: #dcdcdc
}

.submit-page .tabmenu.formtab+.formtabs-content .infobar {
    border-top: none
}

.submit-page .formtabs-content .roundfield {
    background: #202020;
    border: 1px solid #272727;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    width: 498px;
    padding: 10px
}

.submit-page #sr-autocomplete-area {
    z-index: 9
}

.submit-page .formtabs-content .roundfield#title-field {
    padding-top: 10px;
    border-top: 1px solid #181818
}

.submit-page .formtabs-content .roundfield span.title {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    color: #eee
}

.submit-page .formtabs-content .roundfield .gray {
    font-family: sans-serif;
    font-size: 12px;
    color: #bbb
}

.submit-page .formtabs-content .roundfield#text-field, .submit-page .formtabs-content .roundfield#url-field {
    margin-bottom: -10px
}

.submit-page .roundfield #suggest-title button {
    padding: 0;
    margin-top: 0;
    background: 0 0;
    border: none;
    font-family: sans-serif;
    color: #3498db
}

.submit-page .roundfield .roundfield-content .error {
    float: left;
    font-family: sans-serif;
    font-size: 11px;
    color: #e74c3c
}

.submit-page .roundfield#url-field .roundfield-content .error {
    margin-top: 4px
}

.submit-page .formtabs-content .roundfield#reddit-field {
    padding-bottom: 20px
}

.submit-page .formtabs-content .roundfield#reddit-field #suggested-reddits {
    display: none
}

.submit-page .formtabs-content .roundfield.submit_text.enabled {
    color: #dcdcdc;
    background: #222;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #272727;
    font-family: sans-serif;
    position: relative;
    z-index: 1
}

.submit-page .formtabs-content .roundfield.submit_text.enabled:before {
    content: "";
    z-index: -1;
    background: #181818;
    position: absolute;
    top: -2px;
    height: 1px;
    left: 0;
    right: 0
}

.submit-page .formtabs-content .roundfield.submit_text.enabled:after {
    content: "";
    z-index: -1;
    background: #181818;
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0
}

.submit-page .formtabs-content .roundfield.submit_text.enabled>h1 {
    margin-top: 0;
    color: #eee
}

.submit-page .formtabs-content .roundfield.submit_text.enabled .md {
    color: #dcdcdc
}

.submit-page .formtabs-content>.spacer:last-of-type>.roundfield {
    padding: 10px 10px 15px
}

.submit-page .roundfield-content>label {
    font-family: sans-serif;
    font-size: 12px;
    color: #dcdcdc
}

.submit-page .content.submit .info-notice {
    width: 499px;
    padding-left: 10px;
    margin: 0 0 15px 1px;
    position: relative;
    background: #222;
    border: 1px solid #272727;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 11px;
    color: #dcdcdc;
    z-index: 1
}

.submit-page .content.submit .info-notice:before {
    content: none
}

.submit-page .content.submit .info-notice a {
    font-weight: 400;
    text-decoration: none
}

.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit], .wiki-page .wiki-page-content #editform input#wiki_save_button {
    display: inline-block;
    padding: 0;
    border-radius: 3px;
    background: #393939;
    border: 1px solid #494949;
    color: #eee;
    font-weight: 400;
    position: relative
}

.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit] {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: lato, sans-serif
}

.wiki-page .wiki-page-content #editform input#wiki_save_button {
    padding: 4px 6px
}

.submit-page .content.submit .btn[name=submit] {
    margin: 0;
    height: 35px;
    width: 100%;
    font-size: 13px
}

.compose-page .content>form>button#send {
    height: 28px;
    padding: 0 15px;
    margin-top: 10px;
    margin-left: 0;
    font-size: 11px;
    text-shadow: 0 2px 4px #222
}

.search-page .search-summary {
    margin: 15px;
    position: relative;
    color: #222;
    z-index: 1
}

.search-page .search-summary .debuginfo, .search-page .search-summary .debuginfo .icon {
    padding: 0;
    background: 0 0;
    color: #999
}

.search-page .search-summary .debuginfo .content {
    margin: 0 0 0 5px
}

.search-page .side>.spacer:first-of-type {
    margin-bottom: 0
}

.searchpane.raisedbox {
    padding: 15px;
    margin: 0 1px;
    position: relative;
    background: #222;
    border: 1px solid #272727
}

.searchpane.raisedbox>h4 {
    margin-bottom: 5px;
    font-family: sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    color: #eee !important
}

.searchpane.raisedbox #search input[type=text] {
    padding: 7px;
    background: #1f1f1f;
    border: 1px solid #292929;
    font-size: 12px;
    color: #eee !important
}

.searchpane.raisedbox #search input[type=text]:active, .searchpane.raisedbox #search input[type=text]:focus, .searchpane.raisedbox #search input[type=text]:hover {
    border-color: #333
}

.search-page .searchpane.raisedbox #moresearchinfo dl, .search-page .searchpane.raisedbox #search label {
    color: #dcdcdc
}

.search-page .searchpane.raisedbox #previoussearch #moresearchinfo {
    margin: 10px 0;
    border-color: #333
}

.search-page .searchpane.raisedbox #moresearchinfo>p {
    margin: 0 0 10px;
    color: #dcdcdc
}

.search-page .searchpane.raisedbox+.menuarea {
    margin-top: 9px
}

.search-page .searchpane.raisedbox+.menuarea:after {
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    background: #101010;
    z-index: -1
}

.search-page .searchfacets {
    padding: 10px 10px 25px;
    margin: 0 0 8px;
    position: relative;
    background: #202020;
    border: 1px solid #101010;
    border-top: none;
    box-shadow: none;
    z-index: 1
}

.search-page .searchfacets:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #272727;
    border-top: 1px solid #181818;
    z-index: -1
}

.search-page .searchfacets .list {
    margin: 0
}

.search-page .searchfacets h4.title {
    font-family: sans-serif;
    font-size: 12px;
    color: #eee
}

.search-page .searchfacets .list li {
    margin-right: 20px;
    margin-bottom: 1px;
    font-family: sans-serif;
    font-size: 12px
}

.search-page .searchfacets .list li .facet.count {
    font-size: 11px;
    font-weight: 400;
    color: #637481
}

.search-page .searchfacets .list li .facet.count:hover {
    text-decoration: none
}

.search-page>.content>.sitetable.searchlisting {
    border: 1px solid #101010;
    border-top: none
}

.other-discussions-page>.content>.sitetable.linklisting>.link, .related-page>.content>.sitetable.linklisting>.link {
    border-bottom: 1px solid #272727
}

.other-discussions-page .commentarea, .related-page .commentarea {
    padding: 0;
    margin-top: 8px
}

.other-discussions-page .commentarea .panestack-title, .related-page .commentarea .panestack-title {
    height: 33px;
    padding: 0 15px;
    border-bottom: 1px solid #272727;
    line-height: 34px
}

.other-discussions-page .commentarea .panestack-title .title, .related-page .commentarea .panestack-title .title {
    color: #eee
}

.other-discussions-page .commentarea .link, .related-page .commentarea .link {
    padding-bottom: 10px;
    border-left: none;
    border-right: none;
    margin-bottom: 0
}

.other-discussions-page .commentarea .sitetable.linklisting>.link:first-of-type, .related-page .commentarea .sitetable.linklisting>.link:first-of-type {
    border-top: 1px solid #181818
}

.other-discussions-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2), .related-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2) {
    border-bottom: 0
}

.other-discussions-page .commentarea .nextprev, .related-page .commentarea .nextprev {
    border: none;
    border-top: 1px solid #272727
}

.wiki-page>.content {
    background: #202020;
    border: 1px solid #101010
}

.wiki-page>.content>.infobar {
    border: 0
}

.wiki-page>.content>.infobar .md {
    color: #bbb
}

.wiki-page>.content>span:first-of-type {
    padding: 10px 5px;
    display: block;
    background: #222;
    border: 1px solid #292929
}

.wiki-page>.content>.infobar+span:first-of-type {
    border-top: 1px solid #181818
}

.wiki-page .wikititle {
    margin: 0 0 0 10px;
    display: inline-block;
    font-family: sans-serif;
    font-size: 15px;
    vertical-align: bottom;
    color: #eee
}

.wiki-page .pageactions {
    border: none;
    margin-left: 15px
}

.wiki-page .pageactions a.wikiaction {
    padding: 0 6px;
    margin: 0;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #bbb
}

.wiki-page .pageactions a.wikiaction:hover {
    background: 0 0;
    color: #eee
}

.wiki-page .pageactions a.wikiaction.wikiaction-current {
    background: 0 0;
    color: #fb8500
}

.wiki-page .wiki-page-content {
    margin: 0;
    background: #202020;
    border: 1px solid #272727;
    border-top: 1px solid #181818;
    font-family: sans-serif
}

.wiki-page-content .md.wiki {
    padding: 15px 300px 15px 15px;
    border-bottom: 1px solid #272727
}

.wiki-page-content .md.wiki>.toc>ul {
    position: relative;
    background: #222;
    border: 1px solid #292929;
    z-index: 1
}

.wiki-page .wiki-page-content .wiki>.toc>ul ul {
    border-left: 1px dotted #393939
}

.wiki-page-content .md.wiki>.toc+* {
    margin-top: 0
}

.wiki-page-content .md h1, .wiki-page-content .md h2, .wiki-page-content .md h6 {
    color: #dcdcdc
}

.wiki-page-content>hr {
    display: none
}

.wiki-page-content>em {
    padding: 9px 15px;
    display: block;
    background: #1e1e1e;
    border-top: 1px solid #181818;
    font-family: sans-serif;
    color: #bbb;
    min-height: 15px
}

.wiki-page-content>em .flair {
    font-size: 11px
}

.wiki-page-content>textarea.source {
    max-width: 95%;
    margin: 15px
}

.wiki-page-content #editform {
    padding: 15px
}

.wiki-page-content #editform textarea#wiki_page_content {
    max-width: 95%
}

.wiki-page-content #editform>.help-toggle {
    margin-top: 5px;
    margin-bottom: -10px;
    display: block;
    font-size: 12px
}

.wiki-page-content #editform .markhelp {
    padding: 10px 0 0;
    margin: 10px 0 0
}

.wiki-page-content #editform input#wiki_revision_reason {
    max-width: 95%;
    margin-top: 6px;
    background: #292929;
    border: 1px solid #393939;
    box-shadow: none;
    font-family: sans-serif;
    font-size: 12px;
    color: #eee
}

.wiki-page .sitetable.wikirevisionlisting {
    padding: 15px;
    border-bottom: 1px solid #181818
}

.wiki-page-content .wikirevisionlisting .generic-table {
    margin-left: 0;
    color: #dcdcdc
}

.wiki-page-content .wikirevisionlisting .generic-table .flair {
    font-size: 11px;
    text-indent: 0
}

.wiki-page-content .wikirevisionlisting .generic-table td {
    padding: 3px 0;
    border: 1px solid #2d2d2d;
    text-indent: 5px
}

.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(odd) td {
    background: #292929
}

.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(even) td {
    background: #252525
}

.wiki-page .sitetable.wikirevisionlisting~button {
    margin: 10px 15px
}

table.diff {
    margin: 15px
}

table.diff .diff_next {
    background-color: #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333
}

table.diff .diff_header {
    background-color: #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    color: #bbb
}

table.diff .diff_add, table.diff .diff_chg, table.diff .diff_sub {
    color: #111
}

.wiki-page .wiki-page-content>.description {
    padding: 0
}

.wiki-page .wiki-page-content .description h2 {
    padding: 10px 15px;
    border-bottom: 1px solid #181818;
    font-size: 12px;
    font-weight: 400;
    color: #dcdcdc
}

.wiki-page .wiki-page-content>.sitetable.linklisting {
    border: 0
}

.wiki-page .wiki-page-content>.sitetable.linklisting .link {
    border-left: 0;
    border-right: 0
}

.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
    border-bottom: 1px solid #272727
}

.wiki-page .wiki-page-content .discussionlink {
    padding: 10px 15px;
    margin: 0;
    display: block;
    background: #1e1e1e;
    border: none;
    border-top: 1px solid #181818
}

.wiki-page .wiki-page-content .discussionlink a {
    width: 130px;
    height: 25px;
    padding: 0;
    display: block;
    position: relative;
    background: #393939;
    border: 1px solid #494949;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    color: #eee
}

.wiki-page .wiki-page-content .discussionlink .nub {
    display: none
}

.fancy-settings .linefield {
    padding: 7px 5px;
    margin-bottom: 0;
    position: relative;
    background-color: #202020;
    border: 1px solid #272727;
    border-top: none;
    border-bottom: none;
    font-family: sans-serif
}

.fancy-settings .pretty-form>.linefield:nth-of-type(1) {
    border-top: 1px solid #272727
}

.flair-settings.fancy-settings .pretty-form .linefield:nth-of-type(1) {
    border-top: 1px solid #181818
}

.fancy-settings .pretty-form>.linefield:nth-of-type(1):before {
    top: -2px
}

.fancy-settings .pretty-form .linefield:nth-last-of-type(2) {
    border-bottom: 1px solid #272727
}

.fancy-settings .pretty-form .linefield:nth-last-of-type(2):before {
    bottom: -2px
}

.fancy-settings .linefield-content {
    padding: 2px 7px 5px
}

.fancy-settings .linefield .title {
    padding: 1px 7px;
    font-family: sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    color: #eee
}

.fancy-settings .pretty-form>.linefield:first-of-type>.title {
    margin-bottom: 3px;
    display: inline-block
}

.linefield-content label+input[type=text] {
    margin-top: 6px
}

.linefield .delete-field, .linefield .small-field {
    padding-bottom: 3px
}

.linefield .delete-field>p.little.gray {
    margin: 3px 0 6px;
    color: #888
}

.linefield .delete-field>p.little.gray+table {
    font-size: 13px
}

.linefield .delete-field>p.little.gray+table tr>td:nth-of-type(1) {
    padding-right: 5px;
    padding-bottom: 1px
}

.linefield .delete-field>p.little.gray+table tr td label {
    font-size: 13px
}

.linefield .gray {
    color: #888
}

.linefield form#image-upload>label {
    font-family: sans-serif
}

.linefield form#image-upload>label:first-of-type {
    margin: 5px 0 8px;
    display: inline-block;
    font-weight: 700
}

.linefield form#image-upload>label:nth-of-type(2) {
    text-transform: lowercase
}

.linefield form#image-upload>input#file {
    margin-top: 10px
}

.linefield #img-preview-container {
    margin: 10px 0 0;
    background: #1e1e1e;
    border: 1px solid #181818;
    border-radius: 3px
}

.pretty-form .save-button {
    padding: 10px 0
}

.pretty-form .save-button>button {
    margin: 0
}

.pretty-form .error {
    font-size: 11px
}

.flair-settings.fancy-settings>h1 {
    width: 500px;
    padding: 8px 12px;
    margin: 0;
    display: inline-block;
    position: relative;
    background: #222;
    border: 1px solid #272727;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    color: #999
}

.flair-settings.fancy-settings>h1 strong {
    text-transform: none;
    color: #999
}

.flair-settings~.tabmenu {
    margin: 0 0 -1px
}

.flair-settings~.tabmenu li {
    margin: 0;
    display: inline-block
}

.flair-settings~.tabmenu li a {
    padding: 8px 10px;
    display: block;
    background: #202020;
    border: 1px solid #292929;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #bbb
}

.flair-settings~.tabmenu li.selected a {
    background: #222;
    border: 1px solid #292929;
    border-bottom-color: #222;
    color: #fb8500
}

.flair-settings~.tabmenu>li:nth-of-type(2) a, .flair-settings~.tabmenu>li:nth-of-type(3) a {
    border-left: none
}

.flair-settings~.tabpane-content {
    padding: 0;
    background: #222;
    border: 1px solid #292929
}

.flair-settings~.tabpane-content .linefield {
    padding: 10px 0;
    background: #222
}

.flair-settings~.tabpane-content .linefield .title {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #eee
}

.flair-settings~.tabpane-content .linefield .linefield-content {
    padding: 6px 9px
}

.flair-settings~.tabpane-content .flairlist {
    padding: 10px 0 5px
}

.flair-settings~.tabpane-content .flairlist .clearflairtemplates-button {
    background: #292929;
    border-color: #303030
}

.stylesheet-customize-container {
    border: 1px solid #101010
}

.stylesheet-customize-container #preview-table, .stylesheet-customize-container form#subreddit_stylesheet {
    padding: 10px;
    background: #202020;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

.stylesheet-customize-container #images {
    padding: 10px 10px 0;
    background: #222;
    border: 1px solid #272727
}

.stylesheet-customize-container h2 {
    margin-top: 0;
    font-family: sans-serif;
    text-transform: capitalize
}

.stylesheet-customize-container h2, .stylesheet-customize-container h2 a {
    color: #eee
}

.stylesheet-customize-container .sheets .buttons, .stylesheet-customize-container .sheets .col>div {
    margin-left: 0
}

.stylesheet-customize-container #preview-table>table {
    margin: 5px 0;
    background: #1a1a1a;
    border: 1px solid #101010
}

.stylesheet-customize-container #image-preview-list {
    position: relative;
    top: 50px
}

.explore-page .sitetable.exploreitemlisting {
    border: 1px solid #101010
}

.explore-page .explore-header {
    padding: 8px 10px;
    margin: 0;
    background: #222;
    border: 1px solid #272727;
    color: #dcdcdc
}

.explore-header .explore-discuss-link {
    margin: 3px 5px
}

.explore-header .explore-discuss-link a {
    font-weight: 400
}

.explore-header #explore-settings {
    font-family: sans-serif;
    font-size: 12px;
    color: #bbb
}

.explore-page .explore-item {
    margin: 0;
    background: #202020;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

.explore-page .explore-header+.explore-item {
    border-top: 1px solid #181818
}

.explore-page .explore-item .explore-sr {
    padding: 0;
    margin: 10px 15px
}

.explore-item.explore-discovery .explore-label, .explore-item.explore-rising .explore-label {
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    font-family: sans-serif;
    font-size: 12px;
    color: #eee
}

.explore-item .explore-label .explore-label-type {
    padding-left: 0
}

.explore-item.explore-rising .explore-label .explore-label-type {
    color: #27ae60
}

.explore-item .explore-label .explore-label-link {
    padding-right: 0;
    color: #eee
}

.explore-item .explore-sr-details {
    color: #637481
}

.explore-page .explore-item .link {
    padding: 9px 15px;
    border: none
}

.explore-item .explore-feedback-dismiss {
    background: url(%%remove%%) no-repeat;
    opacity: 1
}

.subreddits-page .side>.spacer:first-of-type {
    margin-bottom: 0
}

.subreddits-page .sr-interest-bar {
    margin: 0 1px 10px;
    position: relative;
    overflow: visible
}

.subreddits-page>.content>.menuarea {
    border-bottom: 1px solid #181818
}

.subreddits-page>.content>.menuarea~.infobar {
    margin-bottom: 0
}

.subreddits-page>.content>.infobar {
    margin: 0 0 -1px;
    border-top: none
}

.subreddits-page>.content>.infobar .md {
    font-size: 13px;
    line-height: 16px
}

.subreddits-page>.content>.infobar>.md>p>code {
    height: 12px;
    padding: 1px 6px;
    display: inline-block;
    border: none;
    border-radius: 2px;
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    line-height: 12px;
    color: #181818
}

.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(1) {
    background: #27ae60
}

.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(2) {
    background: #e74d4d
}

.subreddits-page .searchpane.raisedbox {
    padding: 15px;
    margin: 0 1px;
    position: relative;
    background: #222;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

.sitetable.linklisting .thing.subreddit {
    padding: 9px 10px 9px 0;
    margin: 0;
    background: #202020;
    border: 1px solid #272727;
    border-bottom: 1px solid #181818
}

.sitetable.linklisting>.thing.subreddit:first-of-type {
    border-top-color: #181818
}

.sitetable.linklisting>.thing.subreddit:nth-last-of-type(2) {
    border-bottom: 1px solid #272727
}

.thing.subreddit .midcol {
    width: 80px !important;
    margin: 0 10px 5px 13px;
    text-align: center
}

.thing.subreddit .midcol .fancy-toggle-button .add, .thing.subreddit .midcol .fancy-toggle-button .remove {
    border: none;
    color: #181818
}

.sitetable.linklisting .thing.subreddit .entry {
    padding-top: 1px
}

.sitetable.linklisting .thing.subreddit .titlerow {
    font-family: sans-serif
}

.sitetable.linklisting .thing.subreddit .titlerow a.title {
    color: #3498db
}

.sitetable.linklisting .thing.subreddit .usertext .md {
    padding: 0;
    margin-left: 1px;
    position: relative;
    background: #202020;
    border: none;
    border-radius: 0;
    font-family: sans-serif;
    color: #dcdcdc;
    z-index: 1
}

.sitetable.linklisting .thing.subreddit .tagline {
    margin-right: 8px;
    display: inline-block
}

.sitetable.linklisting .thing.subreddit .report-button a {
    color: #637481
}

.sidecontentbox .subscription-box .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .remove {
    font-size: 10px;
    font-family: verdana, arial, sans-erif
}

.sidecontentbox .subscription-box .box-top {
    height: auto
}

.sidecontentbox .subscription-box .column {
    text-align: left;
    float: none;
    width: auto;
    display: block;
    padding: 2px 0 5px
}

.sidecontentbox .subscription-box .column.giftgold a {
    color: #cd9930
}

.sidecontentbox .subscription-box .column.giftgold a:before {
    margin-right: 2px;
    top: 0
}

.sidecontentbox .subscription-box .box-separator {
    margin: 8px 0;
    border-color: #333
}

.sidecontentbox .subscription-box ul>a.title {
    font-weight: 700
}

.sidecontentbox .subscription-box li {
    margin-bottom: 5px
}

.sidecontentbox .subscription-box li .fancy-toggle-button {
    float: none;
    display: inline-block;
    margin-bottom: 0
}

.sidecontentbox .subscription-box a.title {
    color: #3498db
}

.organic-listing .sr-interest-bar, .sr-interest-bar {
    background: #202020;
    border: 1px solid #272727
}

.sr-interest-bar .bubble {
    margin-left: 0;
    background: #202020;
    border: none;
    border-radius: 3px;
    font-family: sans-serif;
    color: #dcdcdc
}

.sr-interest-bar .bubble:after {
    content: none
}

.sr-interest-bar .caption .subscribe {
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #27ae60
}

.sr-interest-bar .query-box {
    padding: 0;
    border: 1px solid #181818;
    border-radius: 3px
}

.sr-interest-bar .query-box input.query {
    padding: 3px 0;
    background: #292929;
    border: 1px solid #393939;
    border-radius: 3px;
    font-size: 14px;
    text-indent: 5px;
    color: #eee
}

.sr-interest-bar ul.results {
    padding: 5px 0 0;
    margin: 8px 1px 0;
    border: none
}

.sr-interest-bar ul.results li {
    margin: 3px 6px 3px 0
}

.sr-interest-bar ul.results>li:first-of-type {
    padding-bottom: 3px;
    margin-left: 1px;
    display: block;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    color: #dcdcdc
}

.sr-interest-bar ul.results li a.random {
    font-weight: 400;
    color: #637481
}

.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .add, .fancy-toggle-button .remove {
    padding: 1px 4px;
    border: none;
    color: #101010
}

.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .add, .subreddit .midcol .fancy-toggle-button .add {
    background: #27ae60
}

.explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .remove, .sidecontentbox .subscription-box .fancy-toggle-button .remove, .subreddit .midcol .fancy-toggle-button .remove {
    background: #e74d4d
}

.infobar.newsletterbar {
    margin: 0 1px 8px;
    position: relative;
    background: #252525;
    border: 1px solid #2b2b2b;
    border-radius: 0;
    overflow: visible;
    padding: 10px 15px;
    z-index: 1
}

.infobar.newsletterbar input.c-form-control {
    background: #333;
    border: 1px solid #444;
    border-radius: 3px;
    color: #eee
}

.login-form-side {
    padding-top: 15px;
    margin: 0 1px;
    background: #222;
    border: 1px solid #272727;
    position: relative;
    z-index: 1
}

.login-form-side input[type=text], .login-form-side input[type=password] {
    width: 268px;
    padding: 5px;
    margin: 0 0 10px 15px;
    background: #292929;
    border: 1px solid #393939;
    color: #eee
}

.login-form-side input[type=text]:active, .login-form-side input[type=text]:focus, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:active, .login-form-side input[type=password]:focus, .login-form-side input[type=password]:hover {
    border: 1px solid #444;
    outline: 0
}

.login-form-side #remember-me {
    margin: 0 15px 10px;
    color: #eee
}

.login-form-side #remember-me .recover-password.attention {
    padding: 0;
    border: none;
    border-bottom: 1px dotted #3498db;
    border-radius: 0;
    font-weight: 400
}

.login-form-side .submit {
    margin: 4px 15px 0 0
}

.login-form-side button.btn {
    margin: 0;
    background: #393939;
    border: 1px solid #494949;
    color: #eee;
    border-radius: 2px
}

.login-form-side .error {
    margin: 0 15px;
    font-family: sans-serif;
    font-size: 10px;
    color: #e74c3c
}

.flair, .linkflairlabel {
    display: inline-block;
    padding: 0 3px;
    background: #333;
    border: none;
    border-radius: 3px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #dcdcdc
}

.titlebox .tagline .flairselector.drop-choices {
    width: 330px !important;
    padding: 10px !important;
    top: 0 !important;
    right: 300px;
    left: auto !important;
    background: #2D2D2D;
    border: none;
    box-shadow: none
}

.titlebox .tagline .flairselector.drop-choices h2 {
    display: none
}

.titlebox .tagline .flairselector.drop-choices .flairoptionpane {
    margin-bottom: 10px
}

.titlebox .tagline .flairselector ul {
    width: 93px !important;
    margin-right: 10px
}

.titlebox .tagline .flairselector ul li {
    width: 93px !important;
    padding-left: 0;
    margin-bottom: 5px;
    border: none
}

.titlebox .tagline .flairselector li.selected, .titlebox .tagline .flairselector li:hover {
    background: #2D2D2D
}

.titlebox .tagline .flairselector form .flairselection .flair, .titlebox .tagline .flairselector ul li>.flair {
    background-color: #444;
    border: 1px solid #444;
    color: #eee
}

.titlebox .tagline .flairselector li.selected .flair, .titlebox .tagline .flairselector ul li:hover>.flair {
    background-color: #4C4C4C;
    border-color: #777
}

.titlebox .tagline .flairselector form {
    padding-top: 10px;
    border-color: #444;
    text-align: left
}

.titlebox .tagline .flairselector form .flairremove {
    color: #2D2D2D
}

.titlebox .tagline .flairselector form .flairremove a {
    color: #eee
}

.titlebox .tagline .flairselector form .flairremove a:hover {
    color: #F7C83F
}

.titlebox .tagline .flairselector form .customizer {
    margin-top: 10px
}

.titlebox .tagline .flairselector form .customizer input[type=text] {
    padding: 3px;
    margin-right: 5px;
    border: none
}

.titlebox .tagline .flairselector form button {
    margin-left: 0
}

.titlebox .tagline .flairselector form>.status {
    font-family: sans-serif;
    font-size: 11px;
    color: #888
}

.link .flairselector.drop-choices {
    padding: 0 !important;
    margin-top: 15px;
    background: #252525;
    border: 1px solid #2d2d2d;
    box-shadow: none
}

.link .flairselector.drop-choices h2 {
    padding: 5px 0;
    margin-bottom: 0;
    background: #333;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #dcdcdc
}

.link .flairselector.drop-choices .flairoptionpane {
    padding: 10px 0;
    margin-bottom: 0
}

.link .flairselector.drop-choices .flairoptionpane>ul {
    margin: 0 auto !important
}

.link .flairselector.drop-choices ul li.flairsample-left {
    height: 18px;
    padding: 0;
    margin-bottom: 4px;
    border: none
}

.link .flairselector.drop-choices form a.title, .link .flairselector.drop-choices ul li a.title {
    display: none
}

.link .flairselector.drop-choices ul li .linkflair {
    text-align: center
}

.link .flairselector.drop-choices .linkflairlabel {
    margin: 0;
    line-height: 18px
}

.link .flairselector li:hover {
    background: 0 0
}

.link .flairselector li.selected .linkflairlabel {
    background: #eee;
    font-weight: 700;
    color: #333
}

.link .flairselector form {
    padding-top: 10px;
    background: #252525;
    border-color: #333
}

.link .flairselector form .flairselection {
    margin: 0
}

.link .flairselector form .flairremove {
    margin-bottom: 10px;
    color: #dcdcdc
}

.link .flairselector form .customizer {
    display: none
}

.link .flairselector form button {
    margin: 0 0 10px
}

.link .flairselector form>.status {
    font-family: sans-serif;
    font-size: 11px;
    color: #888
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .link .flairselector.drop-choices .linkflairlabel {
        line-height: 16px
    }
}

.messages-page .message .entry .md:before, .wiki-page .wiki-page-content .md.wiki>.toc>ul:before {
    border: 1px solid #181818
}

.trending-subreddits:before, body>.content>.menuarea:before {
    top: -2px;
    bottom: -1px;
    left: -2px;
    right: -2px
}

.submit-page .content.submit .info-notice:after {
    top: -1px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-top: none
}

.link .usertext-body .md:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #303030
}

.flair-settings.fancy-settings>h1:before {
    border-bottom: none
}

.fancy-settings .linefield:before {
    left: -2px;
    right: -2px;
    top: 0;
    bottom: 0
}

.messages-page.compose-page .content>form>button#send:before, .submit-page .content.submit .btn[name=submit]:before, .wiki-page .wiki-page-content #editform input#wiki_save_button:before {
    content: "";
    border: 1px solid #101010;
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    right: -2px;
    border-radius: 3px;
    z-index: -1;
    bottom: -2px
}

.comments-page .commentarea:before {
    border-top: none;
    top: -1px
}

.messages-page.compose-page .content>h1:before {
    top: -2px;
    bottom: 0;
    right: -2px;
    left: -2px;
    border-bottom: none
}

.messages-page.compose-page .content>form .roundfield:before {
    top: 0;
    bottom: 0;
    right: -2px;
    left: -2px;
    border-top: none;
    border-bottom: none
}

body>.debuginfo:before {
    top: -2px;
    bottom: 0;
    left: 0;
    right: 0
}

body.with-listing-chooser>.debuginfo:before {
    left: -2px
}

body.with-listing-chooser .listing-chooser {
    top: 115px;
    background: #22252a;
    border: 0;
    border-left: none
}

body.with-listing-chooser .listing-chooser .grippy {
    display: none;
}

.listing-chooser>.contents {
    font-family: sans-serif;
    font-size: 11px
}

.listing-chooser li.selected:before {
    right: 5px;
    border-left-color: #999
}

.listing-chooser ul.global {
    width: 132px;
    padding: 0;
    margin: 0px 0px 6px 10px;
}

.listing-chooser ul.global li {
    padding: 0;
    margin: 0;
    border-radius: 3px;
    background: #2e3440;
    border: none;
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%)
}

.listing-chooser ul.global li:hover {
    background: #272727
}

.listing-chooser ul.global li.selected {
    z-index: 1
}

.listing-chooser ul.global li a {
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 700
}

.listing-chooser ul.global li a[href="/explore"] {
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b
}

.listing-chooser ul.global li a .description {
    color: #999
}

.listing-chooser h3 {
    width: 102px;
    padding: 10px 15px;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%);
    text-align: left;
    margin: 0px 0px 6px 10px;
    color: #dcdcdc
}

.listing-chooser .intro {
    width: 127px;
    padding: 5px 0;
    margin-bottom: 0;
    background: #272727;
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #1d1d1d;
    border-right: 1px solid #1b1b1b;
    color: #bbb
}

.listing-chooser .intro p {
    padding: 3px 15px;
    margin: 0;
    font-size: 11px
}

.listing-chooser .contents>ul.multis {
    width: 146px;;
    background: #22252a;
    position: relative
}

.listing-chooser ul.multis li {
    background: #25282f;
    border: 0;
    border-right: none;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%);
    margin: 4px 4px 6px 10px;
    padding: 4px 0px 0px 0px;
}

.listing-chooser ul.multis li:hover {
    background: #3b3b3b
}

.listing-chooser ul.multis li.selected {
    margin-right: -10px;
    border-right: none;
    box-shadow: none
}

.listing-chooser ul.multis li.selected:before, .listing-chooser ul.other li.selected:before {
    right: 5px;
    border-left-color: #bbb
}

.listing-chooser ul.multis li a {
    padding: 8px 5px 8px 10px;
    font-size: 12px;
    color: #eee
}

.listing-chooser ul.multis li:hover a {
    color: #fff
}

.listing-chooser ul.multis li.create {
    padding: 3px 5px 8px 10px;
    background: #2e3440;
    height: 23px;
}

.listing-chooser ul.multis li.create.expanded, .listing-chooser ul.multis li.create:hover {
    margin-left: 12px;
    background: #333
}

.listing-chooser ul.multis li.create input[type=text] {
    width: 80px;
    margin: 5px 0;
    background: #444;
    border: 1px solid #555;
    color: #eee
}

.listing-chooser ul.multis li.create .error {
    margin: 7px 0;
    font-size: 11px
}

.listing-chooser ul.multis li.create button {
    width: 100%;
    padding: 0;
    display: block;
    background: 0 0;
    border: none;
    box-shadow: none;
    font-family: sans-serif;
    font-size: 12px;
    text-align: left;
    color: #eee;
    opacity: 1
}

.listing-chooser ul.multis li.create button:before {
    content: "+ "
}

.listing-chooser ul.other {
    width: 142px;
    margin-top: 0;
    padding-top: 0px;
}

.listing-chooser ul.other li {
    margin-left: 10px;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 16%);
    margin-bottom: 6px;
}

.listing-chooser ul.other li:hover {
    margin-left: 9px
}

.listing-chooser ul.other li.selected {
    margin-right: -10px;
    background: #333;
    border-color: #3b3b3b
}

.listing-chooser ul.other li a {
    padding: 10px 5px 10px 10px;
    border-radius: 0;
    font-size: 12px;
    color: #eee
}

.listing-chooser ul.other li a[href="/r/mod"] {
    color: #18af92
}

.listing-chooser ul.other li.gold-perks a {
    color: #cd9930
}

.listing-chooser ul.other li .description {
    color: #bbb
}

.gold-only #header {
    background: #202020;
    border-bottom-color: #101010
}

.gold-only #header #sr-header-area {
    background-color: #1a1a1a;
    border-bottom: 1px solid #101010;
    opacity: 1
}

.gold-only #header .tabmenu li a, .gold-only #header .tabmenu li.selected a {
    background: 0 0;
    border: none;
    color: #bbb
}

.gold-only #header .tabmenu li a:hover {
    color: #eee
}

.gold-only #header .tabmenu li.selected a, .gold-only #header .tabmenu li.selected a:hover, .gold-only .titlebox .fancy-toggle-button .option.add {
    color: #cd9930
}

.gold-only #header-img.default-header {
    background-image: url(%%header-logo%%)
}

.gold-only .link .score.likes {
    color: #d0aa48
}

.gold-only .link .score.dislikes {
    color: #927732
}

.gold-only .link.stickied a.title {
    color: #cd9930 !important
}

.gold-only .link.stickied .flat-list.buttons li a:hover, .gold-only .link.stickied .flat-list.buttons li.first a, .gold-only .tagline .stickied-tagline {
    color: #cd9930
}

.gold-only .arrow.downmod, .gold-only .arrow.upmod {
    background-image: url(%%gold-arrow%%)
}

.gold-only .arrow.upmod {
    background-position: -45px 0
}

.gold-only .arrow.downmod {
    background-position: -15px 0
}

.profile-page .titlebox>.giftgold {
    padding: 0 15px;
    margin: 15px 0
}

.profile-page .gold-expiration-info+.giftgold {
    padding-top: 15px;
    margin-top: 0;
    position: relative;
    border-top: 1px solid #181818
}

.profile-page .gold-expiration-info+.giftgold:before {
    content: "";
    height: 1px;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    background: #2d2d2d
}

.profile-page .titlebox .gold-expiration-info .gold-remaining .karma {
    color: #f4b639
}

.profile-page .titlebox>.giftgold a {
    color: #cd9930
}

.gilded-icon {
    margin-left: 5px;
    color: #c0a32f
}

.gilded-icon:before {
    margin-right: 3px;
    background: url(%%gildedalt2%%) no-repeat
}

.gold-expiration-info {
    padding: 0;
    margin: 15px 0 0;
    background: #252525;
    border: none;
    border-top: 1px solid #181818;
    border-radius: 0
}

.gold-expiration-info .gold-remaining {
    padding: 10px 15px 12px;
    margin-bottom: 1px;
    border-top: 1px solid #2b2b2b;
    color: #cd9930
}

.gold-expiration-info .gold-remaining a {
    display: inline-block;
    margin-top: 8px
}

.gold-expiration-info .gold-creddits-remaining {
    margin: 0 !important;
    padding-bottom: 10px
}

.server-seconds {
    padding: 0;
    background: #222;
    border: none;
    border-radius: 0
}

.server-seconds .server-seconds-public.bottom, .server-seconds>p {
    padding: 13px 15px
}

.server-seconds .server-seconds-public.bottom {
    margin-top: 0;
    position: relative
}

.server-seconds>p+p {
    margin-top: 1px;
    position: relative;
    border-top: 1px solid #272727
}

.server-seconds>p+p:before {
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    background: #181818
}

.server-seconds em {
    color: #eee
}

.side .giftgold.allminus-link, .side .gilded-link {
    margin: 0;
    background: #202020;
    border: 1px solid #101010;
    border-top: none;
    border-bottom: none;
    font-family: sans-serif
}

.side .gilded-link {
    border-bottom: 1px solid #101010
}

.side .giftgold.allminus-link a, .side .gilded-link a {
    display: block;
    padding: 6px 15px;
    border: 1px solid #272727;
    border-top: none;
    border-bottom: none;
    color: #cd9930
}

.side .giftgold.allminus-link:nth-of-type(2) a {
    padding-top: 10px;
    border-top: 1px solid #181818
}

.side .gilded-link a {
    padding-bottom: 10px;
    border-bottom: 1px solid #272727
}

.side .goldvertisement {
    background: #202020;
    border: 1px solid #101010;
    border-radius: 0;
    box-shadow: none;
    font-family: sans-serif
}

.side .goldvertisement .inner {
    padding: 0 0 8px;
    margin: 0;
    border: 1px solid #272727
}

.side .goldvertisement h2 {
    padding: 10px 15px;
    background: #222;
    border-bottom: 1px solid #272727;
    font-size: 12px;
    font-weight: 700;
    color: #cd9930
}

.side .goldvertisement .progress {
    padding: 13px 15px 8px;
    border-top: 1px solid #181818
}

.gold-bubble div.history .progress {
    opacity: 1
}

.side .goldvertisement .progress p {
    margin-left: 8px;
    color: #cd9930
}

.hover-bubble.anchor-top-centered:after {
    border-bottom-color: #2d2d2d
}

.gold-bubble.anchor-top-centered:before {
    border-bottom-color: #353535
}

.gold-bubble div.history .progress .bar, .side .goldvertisement .progress .bar {
    background: #292929;
    border: 1px solid #333;
    border-radius: 3px
}

.gold-bubble div.history .progress .bar {
    background: #222
}

.gold-bubble div.history .progress .bar span, .side .goldvertisement .progress .bar span {
    background: -webkit-linear-gradient(left, #fed36e, #f4b639);
    border-radius: 3px 0 0 1px
}

.side .goldvertisement a {
    margin: 5px 0 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    color: #3498DB
}

.giftgold a:before, .gilded-link a:before {
    background: url(%%gildedalt2%%) no-repeat;
    position: relative;
    margin-left: 0
}

.giftgold.allminus-link a:before, .gilded-link a:before {
    top: -1px
}

.hover-bubble.gold-bubble {
    background: #2d2d2d;
    border: 1px solid #353535;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(16, 16, 16, .5);
    margin-left: 4px;
    color: #dcdcdc;
    width: 288px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal
}

.gold-bubble span.gold-branding {
    background-image: url(%%gold-logo%%)
}

.gold-bubble div.history .progress p, .gold-bubble div.history p, .gold-bubble p.buy-gold a {
    color: #cd9930
}

.gold-bubble div.history .progress p {
    font-size: 12px
}

.gold-bubble p.aside {
    color: #999;
    font-size: 11px
}

.gold-bubble div.history {
    border-top: 1px solid #444
}

.link .gold-wrap {
    margin-left: 5px
}

.comment .gold-wrap {
    margin-left: -11px;
    margin-bottom: 15px
}

.gold-wrap .fancy {
    background-color: #292929;
    border: 1px solid #303030
}

.gold-wrap .fancy .fancy-inner {
    border: 1px solid #333
}

.gold-wrap .fancy .fancy-inner .container a {
    color: #938870
}

.gold-wrap .fancy .fancy-inner .gold-form .note, .gold-wrap .fancy .fancy-inner .gold-form.gold-payment {
    color: #bbb
}

.gold-payment .close-button {
    background: url(%%spritesheet%%) 0 -85px no-repeat
}

.gold-wrap.cloneable-comment .container, .gold-wrap.cloneable-link .container {
    padding: 10px 30px;
    background-color: #242424;
    background-color: rgba(31, 31, 31, .5);
    border: 1px solid #333
}

.gold-wrap .container h2.sidelines span:after, .gold-wrap .container h2.sidelines span:before {
    border-color: #444
}

.titlebox>h1+.usertext>p {
    padding: 10px 15px;
    border-top: 1px solid #181818
}

.filtered-details .unfilter, .titlebox>h1+.usertext+.modsr-link {
    margin: 0 15px 10px
}

.filtered-details div.usertext .md {
    padding-bottom: 0;
    margin-bottom: -5px
}

.hover-bubble.multi-selector {
    background: #353535;
    border: 1px solid #101010;
    box-shadow: 0 0 3px rgba(16, 16, 16, .5);
    margin-top: -43px !important;
    padding: 1px;
    font-family: sans-serif;
    color: #eee
}

.hover-bubble.multi-selector .title {
    padding: 8px 0 0 12px;
    background: #2d2d2d
}

.hover-bubble.multi-selector .title strong {
    margin: 0;
    font-size: 13px;
    color: #eee;
    text-align: left
}

.hover-bubble.multi-selector .title a.sr {
    margin: 0;
    padding: 3px 0 2px;
    font-size: 12px;
    text-align: left
}

.hover-bubble.multi-selector .multi-list {
    margin: 0;
    padding: 2px 0 5px;
    background: #2d2d2d
}

.hover-bubble.multi-selector .create-multi input[type=text] {
    background: #393939;
    border: 1px solid #444;
    color: #eee
}

.hover-bubble.multi-selector .create-multi input[type=text]:active, .hover-bubble.multi-selector .create-multi input[type=text]:focus, .hover-bubble.multi-selector .create-multi input[type=text]:hover {
    background: #3d3d3d;
    border-color: #484848;
    outline: 0
}

.hover-bubble.multi-selector label:hover {
    background: 0 0
}

.hover-bubble.multi-selector label input[type=checkbox] {
    vertical-align: baseline
}

.hover-bubble.multi-selector label a {
    background: #444;
    border: 1px solid #555;
    opacity: 1;
    color: #eee
}

.hover-bubble.multi-selector label a:hover {
    background: #494949;
    border-color: #5a5a5a
}

.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-left:after, .hover-bubble.anchor-right.anchor-right:after {
    width: 12px;
    height: 20px;
    top: 42px;
    border: none
}

.hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-right:after {
    right: -11px;
    background: url(%%spritesheet%%) -36px -413px no-repeat
}

.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-right.anchor-left:after {
    left: -11px;
    background: url(%%spritesheet%%) -48px -413px no-repeat
}

.hover-bubble.anchor-left.anchor-left:before, .hover-bubble.anchor-left.anchor-right:before, .hover-bubble.anchor-right.anchor-left:before, .hover-bubble.anchor-right.anchor-right:before {
    display: none
}

.multi-details>h2, .multi-details>h3 {
    padding: 10px 15px 0;
    color: #dcdcdc;
    font-weight: 700
}

.multi-details>h2 {
    border-top: 1px solid #181818
}

.multi-details>h3 {
    margin: 0;
    background: #222;
    border-top: 1px solid #272727
}

.multi-details .gray-buttons.settings {
    padding: 0;
    margin-bottom: 0
}

.multi-details>.gray-buttons.settings {
    padding: 0 15px 12px
}

.multi-details .gray-buttons.settings button {
    color: #999;
    font-family: sans-serif
}

.multi-details .gray-buttons.settings button:hover {
    color: #bbb;
    text-decoration: none
}

.multi-details .description .gray-buttons.settings {
    background: #202020;
    padding: 8px 15px;
    border-bottom: 1px solid #181818
}

.filtered-details form.rename-multi .warning, .multi-details form.rename-multi .warning {
    font-weight: 400;
    margin: 0 0 5px;
    color: #e74c3c
}

.confirm-button .confirmation {
    color: #e74c3c;
    font-size: 11px
}

.filtered-details .share-in-sr, .multi-details .share-in-sr {
    font-size: 11px;
    color: #999
}

.filtered-details form.copy-multi, .filtered-details form.rename-multi, .multi-details form.copy-multi, .multi-details form.rename-multi {
    margin: 0;
    padding: 0 15px 10px;
    background: #202020
}

.filtered-details .copy-multi input.multi-name, .filtered-details .rename-multi input.multi-name, .multi-details .copy-multi input.multi-name, .multi-details .rename-multi input.multi-name {
    border-color: #494949;
    background: #393939;
    color: #eee
}

.filtered-details form.copy-multi button, .filtered-details form.rename-multi button, .multi-details form.copy-multi button, .multi-details form.rename-multi button {
    background: 0 0;
    border: none;
    color: #eee;
    box-shadow: none;
    opacity: 1;
    font-family: sans-serif;
    position: relative;
    top: -1px
}

.multi-details form.copy-multi .error.copy-error {
    font-size: 11px;
    margin-top: 3px
}

.multi-details>.description {
    border-top: 1px solid #181818;
    margin: 0
}

.multi-details>.description .usertext-body .md {
    border-bottom-color: #181818
}

.filtered-details .description .usertext-edit, .filtered-details .description .usertext-edit textarea, .multi-details .description .usertext-edit, .multi-details .description .usertext-edit textarea {
    width: 270px !important;
    margin: 0
}

.filtered-details .description .usertext-edit, .multi-details .description .usertext-edit {
    padding: 10px 10px 0
}

.filtered-details .description .usertext-edit .bottom-area, .multi-details .description .usertext-edit .bottom-area {
    margin-top: 5px
}

.filtered-details>.description .usertext-edit>.md, .multi-details>.description .usertext-edit>.md {
    width: 276px
}

.filtered-details form.add-sr, .multi-details form.add-sr {
    margin: -1px 0 0;
    padding: 0 15px 10px;
    background: #222
}

.multi-details form.add-sr {
    border-bottom: 1px solid #272727
}

.filtered-details form.add-sr .sr-name, .multi-details form.add-sr .sr-name {
    background: #393939;
    border: 1px solid #494949;
    color: #eee;
    font-size: 12px
}

.filtered-details form.add-sr #sr-drop-down, .multi-details form.add-sr #sr-drop-down {
    background: #2d2d2d;
    border-color: #353535
}

.filtered-details form.add-sr .error, .multi-details form.add-sr .error {
    margin-top: 3px;
    font-size: 11px
}

.filtered-details ul.subreddits, .multi-details ul.subreddits {
    background: #222;
    padding: 5px 15px 10px;
    border-bottom: 1px solid #272727;
    margin-left: 0
}

.filtered-details ul li, .multi-details ul li {
    font-size: 12px;
    position: relative
}

.filtered-details ul.subreddits li a, .multi-details ul.subreddits li a {
    margin-left: 12px
}

.filtered-details.readonly ul.subreddits li a, .multi-details.readonly ul.subreddits li a {
    margin-left: 0
}

.multi-details .bottom {
    margin-top: 0
}

.multi-details .recommend-box {
    margin: 0;
    padding: 0;
    background: #222;
    border-top: 1px solid #181818
}

.multi-details .recommend-box .recs {
    padding: 10px 15px;
    border-top: 1px solid #272727
}

.multi-details .recommend-box h1 {
    font-size: 13px
}

.recommend-box ul.recommendations {
    margin-bottom: 8px
}

.multi-details .recommend-box .rec-item {
    margin: 0;
    background: 0 0;
    padding: 0;
    width: 120px;
    border: none
}

.multi-details .recommend-box .rec-item a {
    padding: 0;
    width: auto;
    line-height: normal;
    margin-left: 12px
}

.multi-details.readonly .recommend-box .rec-item a {
    margin-left: 0
}

.filtered-details .recommend-box button.add, .filtered-details .subreddits button.remove-sr, .multi-details .recommend-box .rec-item button.add, .multi-details .subreddits button.remove-sr {
    background: url(%%spritesheet%%) no-repeat;
    width: 9px;
    height: 9px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 5px;
    opacity: 1;
    border: 0
}

.filtered-details .subreddits button.add, .multi-details .recommend-box .rec-item button.add {
    background-position: -24px -102px
}

.filtered-details button.add:after, .multi-details .recommend-box .rec-item button.add:after {
    display: none;
    content: none
}

.filtered-details .subreddits button.remove-sr, .multi-details .subreddits button.remove-sr {
    background-position: -24px -113px
}

.filtered-details .add-sr button.add, .multi-details .add-sr button.add {
    margin-left: 5px;
    background: url(%%spritesheet%%) -37px -106px no-repeat;
    border: 0 !important;
    opacity: 1
}

.multi-details .recommend-box .more {
    color: #3498db;
    font-weight: 400;
    font-style: italic;
    font-size: 11px
}

.multi-details .recommend-box .endoflist {
    padding: 10px 15px;
    background: #222;
    border-top: 1px solid #272727
}

.multi-details .recommend-box .endoflist h1 {
    font-size: 13px
}

.multi-details .recommend-box .endoflist .heading {
    color: #999
}

.multi-details .visibility-group {
    margin-top: 8px
}

.organic-listing .help {
    margin-bottom: 6px;
    color: #3498DB
}

#spotlight-help.hover-bubble {
    padding: 1px;
    margin-left: 1px;
    background: #2b2b2b;
    border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(16, 16, 16, .5);
    color: #dcdcdc
}

#spotlight-help.hover-bubble .help-section {
    background: #252525
}

#spotlight-help.hover-bubble .help-section>* {
    padding: .5em;
    margin: 0
}

#spotlight-help.hover-bubble .help-section>p:nth-of-type(1) {
    padding-bottom: 0
}

.hover-bubble.anchor-top:after {
    display: none
}

.hover-bubble.anchor-top:before {
    width: 18px;
    height: 11px;
    top: -10px;
    background: url(%%spritesheet%%) -12px -413px no-repeat;
    border: none
}

.modal-content {
    background: #222;
    border-radius: 0;
    border: 1px solid #2d2d2d
}

.modal-title {
    color: #eee;
    font-family: sans-serif
}

.split-panel .split-panel-section.split-panel-divider:first-child {
    border-color: #333
}

.login-disclaimer {
    color: grey
}

.modal-content .c-btn-primary {
    background: #393939;
    border: 1px solid #494949
}

.usertext-buttons .status {
    font-family: sans-serif;
    font-size: 11px;
    color: #888
}

.usertext button {
    margin-top: 0;
    background: #2e3440;
    border: 0;
    border-radius: 3px;
    color: #eee;
    width: 50px;
}

.error {
    color: #e74c3c
}

.bottom-area .error {
    font-family: sans-serif;
    font-size: 11px;
    color: #e74c3c
}

.bottom-area .help-toggle a.option, .bottom-area a.reddiquette {
    font-family: sans-serif
}

.bottom-area .help-toggle, .bottom-area a.reddiquette {
    margin-top: 2px
}

.bottom-area a.reddiquette {
    position: relative;
    top: 3px
}

.bottom-area .help-toggle a.option:active, .bottom-area .help-toggle a.option:focus, .bottom-area a.reddiquette:active, .bottom-area a.reddiquette:focus {
    outline: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .bottom-area a.reddiquette {
        top: 0
    }
}

.linefield .bottom-area a.reddiquette, .messages-page.compose-page .roundfield .usertext-edit .bottom-area a.reddiquette {
    top: 0
}

.markhelp, .usertext .markhelp {
    padding: 10px 0 0;
    margin: 0 0 10px;
    border-top: none;
    font-family: sans-serif
}

.markhelp>p {
    font-size: 12px
}

.markhelp table.md {
    margin-top: 10px;
    margin-left: 0;
    font-size: 12px
}

.markhelp tbody tr, .usertext .markhelp tbody tr {
    border: none
}

.markhelp tbody tr:nth-of-type(1) {
    text-transform: uppercase
}

.markhelp tbody tr:nth-of-type(1) td em {
    font-style: normal;
    font-weight: 700
}

.markhelp tbody td, .usertext .markhelp tbody td {
    padding: 8px;
    border: 1px solid #2d2d2d;
    text-align: left;
    color: #dcdcdc
}

.markhelp tbody tr:nth-of-type(odd)>td {
    background: #292929
}

.markhelp tbody tr:nth-of-type(even)>td {
    background: #252525
}