body {
    font-family: sans-serif;
    background-color: #d1cdb7;

    /* Borrowed from https://metakirby5.github.io/yorha/ */
   -webkit-background-size: 0.3rem 0.3rem;
   -moz-background-size: 0.3rem 0.3rem;
   background-size: 0.3rem 0.3rem;
   background-image: -webkit-linear-gradient(left, #ccc8b1 1px, transparent 1px), -webkit-linear-gradient(top, #ccc8b1 1px, transparent 1px);
   background-image: -moz-linear-gradient(left, #ccc8b1 1px, transparent 1px), -moz-linear-gradient(top, #ccc8b1 1px, transparent 1px);
   background-image: -o-linear-gradient(left, #ccc8b1 1px, transparent 1px), -o-linear-gradient(top, #ccc8b1 1px, transparent 1px);
   background-image: -ms-linear-gradient(left, #ccc8b1 1px, transparent 1px), -ms-linear-gradient(top, #ccc8b1 1px, transparent 1px);
   background-image: linear-gradient(to right, #ccc8b1 1px, transparent 1px), linear-gradient(to bottom, #ccc8b1 1px, transparent 1px);
}

.side {
    padding-left: 10px;
    margin-right: 0px;
    padding-right: 5px;
    background-color: #d1cdb7;
}

.md a {
    text-decoration: underline;
}

h2, .link .score, .link .title, body, a, .link .buttons li a, .tagline, .md, .tagline a, .domain a,
.tagline .stickied-tagline, .sidecontentbox .title h1, .sidecontentbox .more a, .titlebox h1 a,
.titlebox form.toggle, .leavemoderator, .footer, .flat-vert .title, .titlebox .bottom, .sidebox .subtitle, .link .rank,
.gold-accent.comment-visits-box, .submit_text h1, .linefield .title, .tagline .submitter, .tagline .moderator, .tagline .author,
.res #userbarToggle, .md a, .search-result :link, .search-result :link>mark, .search-expando-button {
    color: #4A4436;
}

.search-result-icon-external {
    display: none;
}

.search-result-group-header {
    border-style: none;
}

.thing .title:visited {
    color: gray;
}

.res #userbarToggle {
    border-style: none;
}

#header-bottom-right {
    border-radius: 0px;
}

.footer .col {
    border-color: #4D4A41;
}

.rounded {
    border-radius: 0px;
}

.titlebox form.toggle, .leavemoderator, .icon-menu a {
    background-color: inherit;
}

.organic-listing {
    border: none;
}

.md td {
    background-color: #D7D1B9;
}


.comment, .link, .link.promotedlink.promoted, .link.promotedlink.external, input[type=text], textarea, #search input[type=text],
.sidecontentbox, .titlebox, .footer, .linkinfo, .create .spacer, .gold-accent.comment-visits-box, .roundfield,
input[type=url], .content.submit .info-notice, .linefield, .infobar, .search-result-group, .usertext .markhelp {
    background-color: #D7D1B9;

    border-color: #4D4A41;
    border-left-style: solid;
    border-left-width: 5px;

    padding-left: 3px;
    box-shadow: 2px 2px 0px 0px #908A7A;
    border-radius: 0px;
}

.search-result-group {
    padding-left: 6px;
    margin-left: 10px;
}

.search-expando.collapsed:before {
    background: none;
}

.login-form-side {
    background-color: #D7D1B9;

    border-color: #4D4A41;
    border-left-style: solid;
    border-left-width: 5px;

    box-shadow: 2px 2px 0px 0px #908A7A;
    border-radius: 0px;
}

.create .spacer {
    padding-left: 44px;
}

.linkinfo .shortlink input, .thing .usertext textarea, .login-form-side input[type=text], .login-form-side input[type=password], select {
    background-color: #D7D1B9;

    border-color: #4D4A41;
    border-style: solid;
    border-width: 1px;

    padding-left: 3px;
    box-shadow: 2px 2px 0px 0px #908A7A;
    border-radius: 0px;

    outline: none;
}


.comment {
    margin-bottom: 20px;
}

.comment .child {
    border-left-style: none;
}

.morelink, .tabmenu li, .fancy-toggle-button .add, .fancy-toggle-button .remove, button, .res .res-fancy-toggle-button, .res .RESSubscriptionButton,
.nextprev a, .next-suggestions a, .combined-search-page .search-subscribe-button .add {
    background-image: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 0px;
    outline: none;

    background-color: #B5AE9B;
    color: #4B483F;
}

.res .markdownEditor .edit-btn:not(.btn-macro) {
    border: none;
    border-radius: 0px;
    outline: none;

    background-color: #B5AE9B;
    color: #4B483F;
}

.flairselector li {
    border: none;
    border-radius: 0px;
    outline: none;

    background-color: #B5AE9B;
    color: #4B483F;

    margin: 2px;
}

.tabmenu li a, .tabmenu li.selected a, .tabmenu.formtab .selected a {
    background-color: inherit;
    color: inherit;
    border-style: none;
    font-size: 100%;
}

.tabmenu.formtab a {
    border-style: none;
}

.formtabs-content {
    border-style: none;
}

.tabmenu li {
    margin: 0px;
    padding: 3px;
}

.morelink a {
    color: #4B483F;
}

.morelink:hover, .tabmenu li:hover, .tabmenu .selected, .fancy-toggle-button .add:hover, .fancy-toggle-button .remove:hover,
.drop-choices a.choice:hover, button:hover, .res .res-fancy-toggle-button:hover, .res .RESSubscriptionButton:hover,
.nextprev a:hover, .next-suggestions a:hover {
    background-image: none;
    background-color: #5D5B4F;
    box-shadow: 2px 2px 0px 0px #A4A18E;
    color: #D3CDB5;
}

.res .markdownEditor .edit-btn:not(.btn-macro):hover {
    background-color: #5D5B4F;
    box-shadow: 2px 2px 0px 0px #A4A18E;
    color: #D3CDB5;
}

.flairselector li:hover {
    background-color: #5D5B4F;
    border-style: none;
}

.flairselector li a {
    color: #4B483F !important;
}

.flairselector li:hover a {
    color: #D3CDB5 !important;
}

.morelink:hover a, .tabmenu li:hover a, .tabmenu li.selected a {
    color: #D3CDB5;
}

.morelink .nub {
    display: none;
}

.sponsor-300-250 {
    box-shadow: 2px 2px 0px 0px #A4A18E;
}

::-webkit-input-placeholder {
   color: #4B483F;
}

:-moz-placeholder { /* Firefox 18- */
   color: #4B483F;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #4B483F;
}

:-ms-input-placeholder {
   color: #4B483F;
}

.sidecontentbox .content {
    border: none;
}

.link .usertext-body .md {
    border: none;
    background-color: inherit;
}

#header-bottom-right, .res #userbarToggle {
    background-color: #B5AE9B;
}


#header {
    background-color: #000;
    background-image: url(%%primary-header-bg%%);
    background-repeat: no-repeat;
    background-position: left;
    height: 190px;

    position: relative;
    border: none;
}

#sr-header-area {
    background-color: #B5AE9B;
    z-index: 2;
    position: relative;
    top: 0;
}

span.pagename.redditname a {
    color: transparent;
    display: inline-block;
    width: 499px;
    height: 95px;
    background-image: url(%%na-logo%%);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 47px;
}

#header-img {
    background-image: url(%%new-snoo%%) !important;
    background-position: center center !important;
    height: 100px !important;
    margin-bottom: 8px !important;
    width: 150px !important;
    z-index: 1;
}

#header-bottom-left {
    position: absolute;
    bottom: 0;
}

.arrow {
    height: 20px;
    width: 13px;
}

.arrow.upmod {
    background-image: url(%%chosen-up%%);
    background-position: 0 0;
}
.arrow.downmod {
    background-image: url(%%chosen-down%%);
    background-position: 0 0;
}

.arrow.up {
    background-image: url(%%grey-up%%);
    background-position: 0 0;
}

.arrow.down {
    background-image: url(%%grey-down%%);
    background-position: 0 0;
}

.link .score.likes {
    color: #E67066;
}

.link .score.dislikes {
    color: #7A355D;
}

.drop-choices {
    background-color: #D7D1B9;
}

.expando-button.collapsed.selftext, .expando-button.collapsed.selftext:hover,
.expando-button.expanded.selftext, .expando-button.expanded.selftext:hover,
.expando-button.collapsed.video, .expando-button.collapsed.video:hover,
.expando-button.expanded.video, .expando-button.expanded.video:hover {
    background-image: url(%%nier-expando%%);
}

a[href="#spoiler"], a[href="/spoiler"]
{
    color: #5D5B4F !important;
    background-color: #5D5B4F !important;
}

a[href="#spoiler"]:hover, a[href="/spoiler"]:hover
{
    cursor: default;
    color: #4A4436 !important;
    background-color: #D7D1B9 !important;
}

.pagename {
    color: Transparent;
}

.res .RES-keyNav-activeElement, .res .RES-keyNav-activeElement .md-container {
    background-color: #C4BCA1 !important;
}

.res .res-commentBoxes .comment {
    background-color: #D7D1B9 !important;

    border-color: #4D4A41 !important;
    border-left-style: solid !important;
    border-left-width: 5px !important;

    padding-left: 3px !important;
    box-shadow: 2px 2px 0px 0px #908A7A !important;
    border-radius: 0px !important;
}

.flairselector h2 {
    background-color: Transparent;
}

.flair {
    background-image: url(%%flair%%);
    background-repeat: no-repeat;

    border-style: solid;
    border-width: 3px;
    border-color: #B5AE9B;
    border-radius: 0px;

    background-color: #B5AE9B;
    color: Transparent;
    overflow: hidden;

    margin: 2px;

    vertical-align: middle;

    padding: 0px;
}

.flair-2B {
    width: 32px;
    height: 32px;
    background-position: 0 0;
}

.flair-9S {
    width: 32px;
    height: 32px;
    background-position: 0 -32px;
}

.flair-A2 {
    width: 32px;
    height: 32px;
    background-position: 0 -64px;
}

.flair-Accord {
    width: 32px;
    height: 32px;
    background-position: 0 -96px;
}

.flair-Adam {
    width: 32px;
    height: 32px;
    background-position: 0 -128px;
}

.flair-Angelus {
    width: 32px;
    height: 32px;
    background-position: 0 -160px;
}

.flair-Arioch {
    width: 32px;
    height: 32px;
    background-position: 0 -192px;
}

.flair-Caime {
    width: 32px;
    height: 32px;
    background-position: 0 -224px;
}

.flair-Cent {
    width: 32px;
    height: 32px;
    background-position: 0 -256px;
}

.flair-Commander {
    width: 32px;
    height: 32px;
    background-position: 0 -288px;
}

.flair-Decadus {
    width: 30px;
    height: 32px;
    background-position: 0 -320px;
}

.flair-Devola {
    width: 32px;
    height: 32px;
    background-position: 0 -352px;
}

.flair-Dito {
    width: 32px;
    height: 32px;
    background-position: 0 -384px;
}

.flair-Emil {
    width: 28px;
    height: 32px;
    background-position: 0 -416px;
}

.flair-Eve {
    width: 32px;
    height: 32px;
    background-position: 0 -448px;
}

.flair-Five {
    width: 32px;
    height: 32px;
    background-position: 0 -480px;
}

.flair-Four {
    width: 32px;
    height: 32px;
    background-position: 0 -512px;
}

.flair-Kaine {
    width: 32px;
    height: 32px;
    background-position: 0 -544px;
}

.flair-KingOfFacade {
    width: 32px;
    height: 32px;
    background-position: 0 -576px;
}

.flair-Leonard {
    width: 32px;
    height: 32px;
    background-position: 0 -608px;
}

.flair-Manah {
    width: 32px;
    height: 32px;
    background-position: 0 -640px;
}

.flair-Mikhail2 {
    width: 32px;
    height: 32px;
    background-position: 0 -672px;
}

.flair-No7 {
    width: 32px;
    height: 32px;
    background-position: 0 -704px;
}

.flair-Octa {
    width: 32px;
    height: 32px;
    background-position: 0 -736px;
}

.flair-One {
    width: 32px;
    height: 32px;
    background-position: 0 -768px;
}

.flair-Operator {
    width: 32px;
    height: 32px;
    background-position: 0 -800px;
}

.flair-Pascal {
    width: 32px;
    height: 32px;
    background-position: 0 -832px;
}

.flair-Popola {
    width: 32px;
    height: 32px;
    background-position: 0 -864px;
}

.flair-Seere {
    width: 32px;
    height: 32px;
    background-position: 0 -896px;
}

.flair-Three {
    width: 32px;
    height: 32px;
    background-position: 0 -928px;
}

.flair-Two {
    width: 32px;
    height: 32px;
    background-position: 0 -960px;
}

.flair-Weiss {
    width: 32px;
    height: 32px;
    background-position: 0 -992px;
}

.flair-Yonah {
    width: 32px;
    height: 32px;
    background-position: 0 -1024px;
}

.flair-Zero {
    width: 32px;
    height: 32px;
    background-position: 0 -1056px;
}

.flair-oldnier {
    width: 32px;
    height: 32px;
    background-position: 0 -1088px;
}

.flair-youngishnier {
    width: 32px;
    height: 32px;
    background-position: 0 -1120px;
}