/*--------------------------------------------------------------------------
        Minimaluminiumalism Theme
        Version 1.06
        Header Style A
        Last modified on July 11, 2015
--------------------------------------------------------------------------*/

/*UNCATEGORIZED FIXES*/

.icon-menu a {background: none;}

textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/}

a.madeVisible {margin-top: 20px;}

img.RESImage {border-radius: 12px;}

.gold-accent.comment-visits-box {color: black;}

.gold-accent {
	background-color: transparent;
	border: 0px;
 }

.action-form {
	border: medium none;
	max-width: 300px;
	padding: 20px;
	margin: 5px 0px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	background: black;
	color: white;
	opacity: 0.85;
	position: absolute;
 }

	.action-form button {margin-right: 10px;}

.commentarea .nestedlisting {margin: 0 -10px;}

.res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;}

.res-commentBoxes .nestedlisting .comment {overflow: visible!important;}

/*SUBREDDIT TYPEFACE*/
.login-form-side input[type="text"], .login-form-side input[type="password"],
#search input[type="text"], 
.md textarea,
textarea,
* {font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;}

/*Stylesheet page fix*/
.sheets {
	margin-right: 20px;
	margin-bottom: 20px;
 }

#preview-table {padding-left: 20px;}

div#images {
	margin-left: 20px;
	padding-right: 20px;
 }

ul#image-preview-list {
	margin: -15px;
	margin-bottom: -15px;
	margin-top: 20px;
	padding-top: 0px;
 }

	ul#image-preview-list li {
		background: #fff;
		padding: 8px 8px;
		margin: 0 0 5px 5px;
		border-radius: 2px;
		border: 1px solid #e1e1e1;
		width: 296.5px;
		height: 100px;
		font-size: 14px;
		color: #666;
	 }

	ul#image-preview-list .preview {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 8px;
		right: 0;
		margin: auto 0;
		line-height: 98px;
	 }

		ul#image-preview-list .preview img {vertical-align: middle;}

/*RES TEMP BUGFIX*/
.title + .expando-button + .expando-button {display: none;}

/*DROP DOWN CHOICES*/
.drop-choices.lightdrop {
	background: rgb(0, 0, 0) none repeat scroll 0% 0%;
	border: medium none;
	padding: 5px;
	border-radius: 0px 0px 4px 4px;
	opacity: 0.85;
	font-weight: bold;
	margin-top: 2px;
	color: rgb(255, 255, 255) !important;
 }

.drop-choices a.choice {color: #FFF;}

	.drop-choices a.choice:hover {background: #666;}

/*ICONOGRAPHY*/
#mail.nohavemail {
	background: url(%%mail%%);
	height: 12px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
 }

#mail.havemail {
	background: url(%%havemail%%);
	height: 12px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
 }

#modmail.havemail {
	background: url(%%havemodmail%%);
	height: 18px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
 }

#modmail.nohavemail {
	background: url(%%modmail%%);
	height: 18px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
 }

/*GENERAL RES FIXES*/
.livePreview, .livePreview .md {text-transform: none;}

.new-comment .usertext-body {
	background-color: none !important;
	border: none !important;
 }

/*AD fixes*/
.organic-listing {border: 0px;}

.infobar.newsletterbar {display: none !important;}

/*MENU AREA*/
.menuarea {overflow: visible;}

body:not(.search-page) .menuarea {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px !important;
 }

.comments-page .menuarea {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px !important;
 }

/*SEARCH PAGE*/
.combined-search-page .search-result-group {
	max-width: none;
	min-width: none;
	padding-left: 0px;
	padding-right: 0px;
 }

.combined-search-page .search-result {
	margin-bottom: 25px;
	margin-top: 10px;
	padding: 0px 30px;
	border-bottom: 1px solid #E1E1E1;
	padding-bottom: 20px;
 }

.combined-search-page .search-result-group .search-result-group-header {
	border-bottom: 2px solid #E5E3DA;
	color: inherit;
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 0px 30px;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-weight: bold;
 }

.combined-search-page .searchpane {background: #444;}

.combined-search-page #search input[type="text"] {max-width: none;color: #fff !important}

.combined-search-page .search-icon {
	background-size: 30px 30px;
	height: 30px;
	width: 30px;
 }

.combined-search-page .search-submit-button {
	background: none;
	border: none;
	float: left;
	margin-top: -45px;
	margin-left: -25px;
 }

.combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;}

.combined-search-page .search-result .search-result-body {
	font-size: 1em;
	line-height: 1.25em;
	color: #4F4F4F;
	padding: 10px 0px;
	width: 800px;
 }

.combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;}

.combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score {
	font-size: 10px;
	line-height: 2em;
	color: #808080;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
 }

#moresearchinfo {
	border: none;
	background: black;
	border-radius: 0 0 10px 10px;
	line-height: 1.7em;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
 }

.search-page div.content {
	margin-top: 100px;
	margin-left: auto;
	margin-bottom: 300px;
	margin-right: auto;
	width: 80%;
	min-width: 1000px;
 }

.search-page #noresults {
	padding-bottom: 20px !important;
	margin-left: 15px !important;
 }

.search-page .side {display: none;}

.search-page .menuarea {
	border-bottom: none;
	padding: 5px 10px;
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -45px;
	position: absolute;
	top: 418px;
 }

.search-page div#moresearchinfo {
	background: #000;
	position: absolute;
	z-index: 9999;
	padding-left: 22px;
	padding-bottom: 20px;
	color: white;
	opacity: 0.85;
	padding-right: 20px;
	border-radius: 0 0 8px 8px;
	top: 56px;
 }

.search-page a#search_showmore {
	position: absolute;
	top: 100px;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	right: 13px;
 }

.search-page .searchfacets {
	border: none;
	box-shadow: none;
	background: #E0E0E0;
	color: #434343;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 20px;
 }

.searchfacet a {color: #434343 !important;}

#previoussearch label {
	display: block;
	margin: 5px 0px;
	position: absolute;
	top: 95px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
 }

.search-page .searchpane {
	margin: auto;
	height: 50px;
	border: none;
	border-radius: 8px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.24);
	position: relative;
	top: -85px;
	margin-bottom: -45px;
 }

.search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;}

.dropdown.lightdrop .selected {text-decoration: none;}

.search-page #search input[type="text"] {
	background: none;
	border: medium none;
	font-size: 27px;
	width: 100% !important;
	position: relative;
	top: 2px;
	margin-left: 30px;
 }

.search-page .raisedbox h4 {display: none;}

.search-summary {display: none}

.searchpane-toggle-hide {display: none;}

/*COMMENTS PAGE*/
.comments-page .content .infobar {
    border: 0px none;
    background: #fff;
    max-width: 300px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24);
    margin-top: 30px;
    margin-left: -10px !important;
    margin-bottom: 15px;
}
.panestack-title a.title-button {
	position: relative;
	z-index: 2;
 }

	.panestack-title a.title-button.gold, .panestack-title a.title-button {
		background-color: #5d3CE9;
		padding: 5px 10px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 9px;
		color: #fff;
		border: none;
		border-radius: 3px;
	 }

.linkinfo .shortlink input {
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
 }

.linkinfo {
	border: none !important;
	background-color: #fff;
	top: 414px;
	font-family: inherit !important;
	padding: 20px;
	position: absolute;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	border-radius: 4px;
 }

.res .comments-page .side {margin: 315px 25px 100px;}

.comments-page .side {margin: 300px 25px 100px;}

.res .content .RESBigEditorPop {
	background-color: none;
	line-height: inherit;
	font-size: 11px;
	box-shadow: none;
	font-weight: 400;
	color: #4D5763;
	border: none;
	padding: 0;
	height: inherit;
	margin-left: 4px;
	margin-top: 5px;
	background-color: transparent;
 }

.RESSubscriptionButton {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-left: 15px;
	padding: 5px !important;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff!important;
	background-color: #5d3ce9;
	border: 0 solid #CCC!important;
	border-radius: 2px;
	transition: .25s ease
 }

	.RESSubscriptionButton:hover {background-color: #37248b !important;}

body.comments-page div.content {background: none !important;}

body.comments-page .link {
	background: #FFF;
	border: none;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
 }

body.comments-page .sitetable {
	position: relative;
	z-index: 2;
 }

.commentarea > .usertext {
	background-color: #F8F8F8;
	border-radius: 0px 0px 2px 2px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
	overflow: visible;
	padding-top: 165px;
	padding-left: 29px;
	margin-top: -160px;
	margin-left: -10px;
	margin-right: -10px;
 }

.res .commentarea > .usertext {
	position: relative;
	top: -110px;
	margin-bottom: -90px;
	margin-top: -160px;
	padding-top: 136px;
 }

.commentarea .panestack-title {
	margin: 16px 0 -16px 22px;
	border-bottom: 0
 }

.commentarea span.title {
	text-transform: uppercase !important;
	font-weight: bold;
	font-size: 13px;
	position: relative;
	z-index: 1;
 }

.commentarea .panestack-title .title {color: #4D5763}

.commentarea .menuarea {
	margin-left: 22px !important;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
	z-index: 1;
	overflow: visible;
 }

.commentarea .thing {
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	margin: 0 0 8px;
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
 }

.res .commentarea .thing {
	padding-top: 15px !important;
	padding-bottom: 10px !important;
	padding-left: 15px !important;
 }

.commentarea .child .thing {
	box-shadow: none;
	padding: 4px;
	margin-left: 0px !important;
	margin-top: 15px;
 }

body.comments-page div.content {border: none !important;}

div.sitetable.nestedlisting, div.child {box-shadow: none;}

/*END COMMENT AREA*/
/*WIKI PAGE*/
.wiki-page div.content {
	border: 0px;
	background: none;
	margin-right: 55px !important;
 }

.wiki-page .wiki-page-content .md.wiki h4 {
	padding: 15px 0px;
	font-weight: bold;
 }

.wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;}

.wiki-page .wikititle {
	background-color: #fff;
	padding: 12px 16px 10px;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16);
	font-size: 12px;
	text-transform: uppercase;
	margin: 0
 }

.wiki-page .pageactions {
	background-color: #fff;
	margin-left: 16px;
	border-radius: 5px;
	padding: 8px 16px;
	font-size: 12px;
	border: none;
	text-transform: uppercase;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16)
 }

	.wiki-page .pageactions .wikiaction {
		margin: 0;
		background-color: transparent;
		border-radius: 0;
		color: #B3B3B3
	 }

	.wiki-page .pageactions .wikiaction-current {
		color: #666;
		font-weight: bold;
	 }

	.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {background-color: rgba(0,0,0,0.05)}

.wiki-page .wiki-page-content {
	margin: 16px 300px 16px 0;
	background-color: #fff;
	padding: 16px;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.16)
 }

	.wiki-page .wiki-page-content .wiki>.toc>ul {border: none}

	.wiki-page .wiki-page-content .wiki.md {color: #4D5763;}

		.wiki-page .wiki-page-content .wiki.md h2 {color: #444;}

		.wiki-page .wiki-page-content .wiki.md p {
			font-size: 14px;
			line-height: 1.4285714285714em
		 }

	.wiki-page .wiki-page-content hr {
		border-style: solid;
		border-color: #e5e5e5
	 }

	.wiki-page .wiki-page-content em {color: #B3B3B3}

/*SUBMIT PAGE*/
.formtabs-content .infobar {
	font-size: 15px;
	font-weight: bold;
	border: none;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.12);
	padding: 20px;
	border-radius: 4px;
	text-align: center;
	color: #000;
 }

a {color: #08c;}

#sr-more-link {background-color: #fff !important;}

.roundfield {
	background: #FFF;
	width: auto;
	padding: 15px 20px 9px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5em;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.12);
 }

	.roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {width: 530px;}

	.roundfield input[type="text"] {margin-bottom: 15px;}

.submit-page .markdownEditor-wrapper {
	white-space: nowrap;
	width: 535px;
 }

.content.submit .info-notice {
	margin-bottom: 12px;
	margin-left: 10px;
	margin-top: -10px;
	margin-right: 10px;
	font-size: 12px;
	padding: 9px;
	background-color: #FFF;
	border: none;
 }

.submit-page .content .spacer {margin-left: 0px;}

.submit-page .content {
	width: 600px;
	margin: 0 auto;
 }

.submit-page div.content {
	margin-top: 20px !important;
	margin-bottom: 50px !important;
	background: none;
	border: none;
 }

.submit-page a {color: #5d3ce9;}

.submit-page .tabmenu.formtab .selected a {
	color: #cecece;
	background-color: transparent;
	border: none;
	font-size: inherit;
 }

.submit-page ul.tabmenu.formtab {
	display: block;
	padding-left: 10px;
	font-size: larger;
	border-radius: 4px;
 }

.submit-page .tabmenu li a {
	background: transparent;
	border: none;
 }

.submit-page .tabmenu {margin-top: 0px;}

.formtabs-content {border-top: 0px solid!important;}

body:not(.submit-page) .tabmenu::after {display: none;}

.submit-page #newlink.submit.content .btn {
	height: 42px;
	line-height: 41px;
	width: 97%;
	margin-left: 10px;
 }

/*SIDEBAR*/
.md-container {text-align: left;}

.titlebox {text-align: center;}

.submit-page .side, .submit-page .content h1 {display: none !important;}

.formtabs-content {border-top: 0px solid!important;}

body:not(.submit-page) .tabmenu::after {
	position: absolute;
	height: 49px;
	content: '';
	z-index: -1;
	left: 0px;
	right: 0px;
	background: #666;
 }

.formtabs-content {
	width: auto;
	border-top: 4px solid #5f99cf;
	padding: 10px;
	margin-top: 15px;
 }

/*No comment message*/
.comments-page #noresults:after {content: ".";}

/* --- Message the mod button --- */
.sidecontentbox .title h1 {display: inline-block;}

.sidecontentbox a.helplink {
	margin-right: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 215px;
	background-color: #5d3ce9;
	border: none;
	border-radius: 4px;
	color: #fff!important;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 30px;
	transition: .25s ease
 }

	.sidecontentbox a.helplink:hover {
		background-color: #8d76ef;
		text-decoration: none;
	 }

	.sidecontentbox a.helplink:active {background-color: #ae9df4}

/* ADDS DISTINGUISH TAG*/
.tagline .moderator:after {content: "oderator - speaking officially.";}

a.author.moderator:after {content: "";}

.comments-page .thing .tagline .author.moderator, .front-page .thing .tagline .author.moderator {background: #1A4B17 !important;}

/*--- Tabs - Hide unimportant ones  ---*/
#header .tabmenu li:nth-of-type(8) {
	display: none;
	visibility: hidden;
 }

/*--- Hide Promoted (Tab 8) --- */
.listing-page .tabmenu li a[href*="/gilded"] {display: none;}

.listing-page .tabmenu li a[href*="/rising"] {display: none;}

.listing-page .tabmenu li a[href*="/controversial"] {display: none;}

#header .tabmenu li:nth-of-type(9) {
	display: none;
	visibility: hidden;
 }

/*--- Hide View Images (Tab 9) ---*/
/*--- End Tabs - Hide unimportant ones  ---*/
/*BODY AND POST APPEARANCE*/
.link {
	padding: 15px;
	border-bottom: 1px solid #E1E1E1; /*LINE SPACING BETWEEN POSTS*/
	margin-bottom: 0px;
 }

.comments-page .link {padding: 20px;}

/*IMAGE SIDEBAR SUB TITLE*/
.res h1.redditname {overflow: visible;}

/*LINK SCORES TYPE*/
.link .score.likes {color: #5d3ce9;}

.link .score.dislikes {color: #88c800;}

/*USER BAR TOGGLE*/
#userbarToggle {
	background: none !important;
	border: 0px !important;
	color: #FFF !important;
 }

/*NO SELECT BACKGROUND*/
.entry.RES-keyNav-activeElement, .entry.RES-keyNav-activeElement div.md, .entry.RES-keyNav-activeElement .usertext-body, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed {background: none repeat scroll 0% 0% transparent !important;}

/*BODY BACKGROUND*/
body {background: #f2f2f2;}

/*EXPANDO NO OUTLINE*/
.entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md {
	outline: medium none !important;
	border: 0px none !important;
 }

/*RES NEVER ENDING REDDIT*/
.NERPageMarker, #progressIndicator {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align:left !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px !important;
    text-transform:uppercase;
    margin-left:20px;
}

#progressIndicator {
	font-size: 12px !important;
	text-align: center;
	text-transform: uppercase;
	color: #666;
 }

	#progressIndicator a#NERStaticLink {color: #08c;}

	#progressIndicator h2 {
		text-align: center;
		font-size: 16px !important;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 5px;
	 }

/*RES-NAVTOP*/
div#header-bottom-right.res-navTop {
	position: absolute;
	top: 215px;
	background: none;
 }

.user, .user a {
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
 }

.pref-lang, .pref-lang a {
	color: #FFF !important;
	font-weight: normal !important;
	text-transform: capitalize !important;
	font-weight: normal !important;
	font-size: 13px !important;
 }

a[href="javascript:void(0)"] {
	color: #999;
	font-weight: normal;
	font-size: 13px;
 }

/*NO-RES HEADER-BOTTOM-RIGHT*/
#header-bottom-right {
	background: none repeat scroll 0% 0% transparent !important;
	margin-right: 20px;
	position: abolute;
	top: 216px;
	padding-top: 5px;
	padding-right: 10px;
	right: -2px;
 }

/*Sub Selector*/
#sr-header-area {
	background: #FFF;
	border: none;
	color: #666 !important;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: 400;
	font-size: 9px;
 }

#srList {
	position: absolute;
	top: 24px !important;
	left: 20px !important;
	z-index: 9999;
	border: none;
	background-color: #000 !important;
	width: auto;
	overflow-y: auto;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2em;
	border-radius: 0 0 10px 10px;
	padding-bottom: 6px;
	opacity: 0.85;
 }

	#srList tr {border-bottom: none !important;}

		#srList tr:hover {background-color: #333 !important;}

#sr-header-area .drop-choices.srdrop {
	margin-top: 3px;
	margin-left: 5px;
	background: rgb(0, 0, 0) none repeat scroll 0% 0%;
	border: medium none;
	opacity: 0.85;
	line-height: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-radius: 0px 0px 10px 10px;
 }

body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #444!important; /*COLOR OF SUB SELECTOR, ACTIVE*/}

#sr-header-area a {font-size: 9px;}

	#sr-header-area a:hover {font-weight: bold;}

.sr-bar a {color: #666;}

.titlebox h1 {
	font-family: inherit;
	font-weight: normal;
 }

div.score {
	font-weight: 500;
	color: #999;
 }

.linkinfo .date {
	font-weight: 500;
	font-size: 12px;
 }

.md p, .md h1 {line-height: 20px;}

.md ul {line-height: 20px;}

h2 {
	color: #252525;
	font-size: 18px;
	font-weight: normal;
 }

.linkinfo .shortlink input {
	box-shadow: none!important;
	font-family: monospace !important;
	border: 1px solid #e5e5e5!important;
	transition: all .15s ease!important;
 }

.linkinfo .shortlink {
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
 }

.comment .collapsed {
	padding-left: 24px;
	padding-bottom: 10px;
	padding-top: 2px;
 }

.comment .midcol {width: 20px !important;}

.gadget .midcol {width: 20px !important;}

/*Sub Selector*/
/*HEADER*/
#header {
	background: #0079A3;
	border-bottom: 1px solid transparent;
	height: 249px;
 }

.pagename a {
	height: 100px;
	width: 200px;
	display: inline-block;
	text-indent: -99999px;
	background-repeat: no-repeat;
 }

span.pagename.redditname a {
	color: transparent;
	display: block;
	width: 100%;
	height: 85px;
	background-image: url(%%sublogo%%);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 600;
	top: 60px;
 }

	span.pagename.redditname a:hover {opacity: 0.8}

.pagename {font-size: 0px;}

.subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;}

/*DISABLE CSS STYLE TOGGLE*/
.res .titlebox>div:first-of-type, .titlebox form.toggle {
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
 }

/*SUBSCRIBE+SIDEBAR TOGGLES*/
.fancy-toggle-button .add {
	font-size: 9px;
	background-color: #80d04b !important;
	background: none;
	border: none !important;
	padding: 5px 10px;
	text-transform: uppercase;
 }

.fancy-toggle-button .remove {
	background: none;
	border: none !important;
	background-color: #5d3ce9 !important;
	padding: 5px 8px !important;
	text-transform: uppercase;
	font-size: 9px;
 }

.RESshortcutside {
	font-size: 9px !important;
	background-color: #80d04b !important;
	background: none;
	border: none !important;
	padding: 5px 10px !important;
	text-transform: uppercase;
	background-image: none !important;
 }

	.RESshortcutside.remove {
		background: none !important;
		border: none !important;
		background-color: #5d3ce9 !important;
		padding: 5px 10px !important;
		text-transform: uppercase;
		font-size: 9px;
	 }

.RESDashboardToggle {
	font-size: 9px !important;
	background-color: #80d04b !important;
	background: none;
	border: none !important;
	padding: 5px 10px !important;
	text-transform: uppercase;
	background-image: none !important;
 }

	.RESDashboardToggle.remove {
		background: none !important;
		border: none !important;
		background-color: #5d3ce9 !important;
		padding: 5px 10px !important;
		text-transform: uppercase;
		font-size: 9px;
	 }

/*END SIDEBAR TOGGLES*/
.linkinfo .date {
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
 }

.linkinfo .score .number {
	font-size: 14px;
	text-align: left;
 }

div.score {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500 !important;
	color: #777;
 }

.linkinfo .totalvotes {font-size: 100%;}

span.totalvotes {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #999;
 }

/* reddit name on sidebar below search box */
.titlebox h1.redditname {
	width: 100%;
	text-align: center;
 }

.titlebox .redditname {height: 25px}

.titlebox h1.redditname a::before {
	font-size: 20px;
	font-weight: 300;
 }

.res .titlebox .fancy-toggle-button {
	display: inline-block;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 0
 }

.titlebox .fancy-toggle-button {
	display: inline-block;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 4px;
 }

.thing .title {
	color: #00F;
	outline: medium none;
	margin-right: 0.4em;
	padding: 0px;
	overflow: hidden;
 }

.flat-list {
	list-style-type: none;
	display: inline;
 }

/*COMMENTTS BUTTON COLOR*/
.entry .buttons .may-blank {
	font-weight: 400;
	color: #0F93CB !important;
 }

.entry .buttons li a, .entry .buttons li + li {
	font-weight: normal;
	background: none repeat scroll 0% 0% !important;
	color: black !important;
	text-transform: none !important;
	margin-top: 0px !important;
 }

/*COMMENTS AND EVERYTHING ELSE BUTTONS*/
button {
	background: #5d3ce9;
	border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	line-height: 2.16;
	text-align: center;
	white-space: nowrap;
	border: 0px none;
	padding: 0px 1.06667em;
	text-transform: capitalize;
 }

	button:hover {background: #37248b;}

#header-img {
	position: relative;
	height: 25px !important;
	width: 70px;
	margin-top: 190px;
	margin-left: 35px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	z-index: 1;
 }

/*BODY MARGINS AND SETTINGS */
body:not(.submit-page) .tabmenu::after {
	position: absolute;
	height: 49px;
	content: '';
	z-index: -1;
	left: 0px;
	right: 0px;
	background: #666; /*TABMENU BACKGROUND SELECT*/
 }

/* TAB BAR SETTINGS */
#sr-header-area {
	width: 100%;
	z-index: 9999;
 }

/* THIS CODE CENTERS THE TAB MENU*/
#header-bottom-left .tabmenu {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 179px;
 }

/*END*/
/*TABMENU*/
.tabmenu {
	margin-top: 22px;
	background-color: #444;
 }

	.tabmenu li {
		background-color: transparent;
		margin: 0 !important;
		height: 36px;
		width: 102px;
	 }

.selected, .choice.primary {font-weight: 600;}

a {
	text-decoration: none;
	color: #999;
 }

.tabmenu li a {
	padding: 0px 20px!important;
	background-color: transparent;
	border-left: none;
	border-right: none;
	display: inline-block;
	line-height: 48px;
	text-align: center;
	text-transform: Uppercase;
	transition: .4s color ease;
	font-weight: normal;
	color: #ccc !important;
 }

.tabmenu li:hover a {
	background-color: transparent;
	color: #FFF !important;
	font-weight: bold !important;
 }

.tabmenu li.selected a {
	color: #FFF !important;
	background-color: transparent;
	font-weight: bold !important;
	border: none !important;
 }

/* BODY MARGINS */
div.content {
	border-radius: 8px;
	margin: 20px 350px 10px 25px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	font-size: 12px;
 }

.content h1 {
	padding: 10px 20px;
	text-transform: capitalize;
 }

.midcol {margin-left: 0;}

body >.content .link .rank, .rank-spacer {display: none;}

body >.content .link .midcol, .midcol-spacer {width: 40px !important;}

.thing .title {color: black;}

	.thing .title:visited {color: #7f7f7f;}

.link .title {font-weight: normal;}

	.link .title .domain {
		color: #999;
		font-size: 0;
		font-weight: normal
	 }

		.link .title .domain::before {font-size: 12px}

		.link .title .domain a {
			font-size: 12px;
			margin-left: 1px;
			margin-top: -10px;
		 }

.link .tagline {
	color: #999;
	font-size: 12px;
	margin-top: 3px;
 }

/*SIDEBAR*/
.side {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 0px;
	margin: 163px 25px 100px;
	width: 300px;
	background: #ffffff;
 }

/*SEARCH*/
body:not(.search-page) #search input[type=text] {
	padding: 9px;
	border-radius: 1px; /*makes it look cleaner in some browsers*/
	border: 1px solid #ccc;
	font: 200 16px;
	text-align: center;
	width: 300px !important;
	background: #FFF;
 }

#searchexpando {
	border-radius: 0px 0px 4px 4px;
	text-align: center;
	width: 280px;
	background: black none repeat scroll 0% 0%;
	border: medium none;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
	color: white;
	opacity: 0.85;
	margin-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 2.5em;
	height: 65px;
 }

.res #searchexpando {height: 88px;}

.infobar {border: 0px}

.side #search {
	top: 270px;
	position: absolute;
	margin-right: 25px;
	z-index: 4;
	width: 317px;
 }

/*SPECIAL SEARCH ANIMATION*/
body:not(.search-page) #search input[type=text] {
	border-radius: 6px;
	text-align: left;
	padding-left: 125px;
	-webkit-transition: 0.4s padding-left;
	-moz-transition: 0.4s padding-left;
	-ms-transition: 0.4s padding-left;
	-o-transition: 0.4s padding-left;
	transition: 0.4s padding-left;
 }

	body:not(.search-page) #search input[type=text]:focus {
		border-color: #aaa;
		padding-left: 8px;
		outline: 0;
	 }

/*SUBMIT LINKS */
.morelink {
	background: #444;
	border: none;
	letter-spacing: 0;
	font-size: 14px !important;
	border-radius: 3.5px;
	padding: 3px;
	text-transform: uppercase;
 }

	.morelink:hover {background: #666;}

	.morelink a, .morelink a:hover, .morelink a:visited {color: #fff;}

.side .submit-link {
	position: absolute;
	width: 300px;
	top: 318px;
	right: 25px;
 }

.side .submit-text {
	position: absolute;
	width: 300px;
	top: 365px;
	right: 25px;
 }

.morelink .nub {display: none;}

/*TITLEBOX PADDING*/
.titlebox {padding: 12px;}

.side .titlebox .md h3 a {margin-left: 5px;}

.side md {
	padding-left: 5px;
	padding-right: 5px;
 }

.side #moderation_tools {
	padding-left: 15px;
	margin-bottom: 15px;
 }

.sidecontentbox {padding: 15px;}

.infobar {
	background: #f2f2f2;
	border: 1px solid #ebebeb;
 }

.user .userkarma {font-weight: normal;}

.message-count {
	position: relative;
	top: -2px;
 }

.commentarea {padding: 0 10px 10px;}

.users-online {color: #535353;}

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

.flair, .linkflairlabel {
	margin-right: 0.8em;
	margin-bottom: -2px;
	padding: 2px 4px;
 }

.nextprev, .next-suggestions {
	margin: 10px !important;
	padding: 10px !important;
	display: block;
 }

.nextprev a, .next-suggestions a {font-weight: normal !important;}

.link .usertext .md {border: 1px solid #e1e1e1;}

.link .usertext-body .md {
	border: none !important;
	background: none !important;
 }

.link.last-clicked {
	border: none;
	border-bottom: 1px solid #e1e1e1;
 }

.arrow.downmod {
	background-image: url(%%downvoted%%);
	background-size: contain;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
 }

.arrow.upmod {
	background-image: url(%%upvoted%%);
	background-size: contain;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
 }

.arrow.up {
	background-image: url(%%upvote%%);
	background-size: contain;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
 }

.arrow.down {
	background-image: url(%%downvote%%);
	background-size: contain;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
 }

div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;}

#header-img.default-header:hover, #header-img:hover {opacity: .7;}


.users-online {margin-bottom: 2em;}

.titlebox span.subscribers,.titlebox .number {
	font-size: 12px;
	position: relative;
 }

.titlebox span.subscribers, .titlebox .users-online {color: #999; position: relative; top: 7px;}

div.leavemoderator {
	margin-left: 18px;
	background: none;
 }

.titlebox .users-online {
	font-size: 12px;
	position: relative;
	top: 15px;
 }

.titlebox h1 {
	color: #4d5763;
	margin-bottom: 6px
 }

.titlebox .users-online {}

	.titlebox .users-online:before {display: none}

	.titlebox .users-online .number {font-style: italic}

		.titlebox .users-online .number:before {content: ""}

.titlelebox .word {display: none}

.titlebox .users-online,.titlebox .number {cursor: text}

.titlebox .tagline {
	font-size: 12px;
	margin: 0
 }

/* Text */
.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {
	margin-top: 15px;
	color: #000;
	font-size: 13px;
	font-weight: normal;
 }

/*BUTTONS ON SIDEBAR - Buttonstyle one */
.side .titlebox .md h3 a {
	border-radius: 3.5px;
	padding: 8px 0px;
	background: #444;
	border: none;
	color: #fff;
	letter-spacing: 0;
	font-weight: bold;
	text-align: center;
	transition: .3s background ease;
	font-size: 12px !important;
	width: 276px;
	margin: 1.5em 0;
	display: block;
 }

	.side .titlebox .md h3 a:hover {background: #666;}

.md hr {border: solid 1px #e5e5e5}

.titlebox .bottom {display: none}

/* Mod Box */
.side #moderation_tools {}

	.side #moderation_tools .title {}

.sidecontentbox .collapse-button {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 10px;
	text-align: center;
	font-size: 10px;
	margin: 1px 8px;
	background-color: transparent;
	color: #00bfa5;
	vertical-align: middle;
	border-radius: 2px;
	border: 1px solid #00bfa5
 }

	.sidecontentbox .collapse-button:hover {
		background-color: transparent;
		color: #009884;
		vertical-align: middle;
		border-radius: 2px;
		border: 1px solid #009884
	 }

.side .sidecontentbox .content {
	border: none;
	padding: 8px 0
 }

/* Recently viewed links */
.gadget .midcol {width: 38px}

/* Body Content - Frontpage */
.content {
	margin: 96px 16px 0;
	padding: 0
 }

	.content:before {
		height: 166px;
		top: 0;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		background: #66B880;
		content: "";
		text-indent: -9999px;
		z-index: -1
	 }

.entry .buttons li a, .entry .buttons li + li {font-weight: normal;}


/*EXPANDO BUTTONS*/
expando-button, .expando-button.image {
	height: 20px;
	width: 20px;
	margin: 5px 7px 2px 3px;
	background-repeat: no-repeat !important;
	background-size: contain;
 }

.expando-button {
	background: url(%%expand%%) !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
 }

	.expando-button:hover {
		background: url(%%expand-h%%) !important;
		background-size: 20px 20px !important;
		background-repeat: no-repeat !important;
	 }

	.expando-button.expanded:hover {
		background: url(%%collapse-h%%) !important;
		background-size: 20px 20px !important;
		background-repeat: no-repeat !important;
	 }

	.expando-button.expanded {
		background: url(%%collapse%%) !important;
		background-size: 20px 20px !important;
		background-repeat: no-repeat !important;
	 }

/*FLAIRS*/
/*Redflair*/
.flair-redflair[title]:before {
    background: #fe506e;
    font-weight: Bold;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
 }

.flair-redflair[title] {
    background: #c41959;
    color: white;
    font-size: 0;
    padding: 0 5px 0 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
 }

    .flair-redflair[title]:hover {font-size: 10px;}

        .flair-redflair[title]:hover:before {margin-right: 8px;}

/*purpleflair*/
.flair-purpleflair[title]:before {
    background: #a05be5;
    font-weight: Bold;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
 }

.flair-purpleflair[title] {
    background: #6600cc;
    color: white;
    font-size: 0;
    padding: 0 5px 0 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
 }

    .flair-purpleflair[title]:hover {font-size: 10px;}

        .flair-purpleflair[title]:hover:before {margin-right: 8px;}

/*greenflair*/
.flair-greenflair[title]:before {
    background: #2B8B27;
    font-weight: Bold;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
 }

.flair-greenflair[title] {
    background: #1A4B17;
    color: white;
    font-size: 0;
    padding: 0 5px 0 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
 }

    .flair-greenflair[title]:hover {font-size: 10px;}

        .flair-greenflair[title]:hover:before {margin-right: 8px;}

/*orangeflair*/
.flair-orangeflair[title]:before {
    background: #f26200;
    font-weight: Bold;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
 }

.flair-orangeflair[title] {
    background: #c94700;
    color: white;
    font-size: 0;
    padding: 0 5px 0 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
 }

    .flair-orangeflair[title]:hover {font-size: 10px;}

        .flair-orangeflair[title]:hover:before {margin-right: 8px;}

/*blueflair*/
.flair-blueflair[title]:before {
    background: #4099ff;
    font-weight: Bold;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
 }

.flair-blueflair[title] {
    background: #1E5790;
    color: white;
    font-size: 0;
    padding: 0 5px 0 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
 }

    .flair-blueflair[title]:hover {font-size: 10px;}

        .flair-blueflair[title]:hover:before {margin-right: 8px;}

div .thing .tagline .author.submitter:before {
	background: #4099ff;
	font-weight: Bold;
	line-height: 20px;
	padding: 0 4px;
	color: #FFF;
	display: inline-block;
	border-radius: 3px;
	font-size: 10px;
	content: "OP ";
	margin-right: .4em;
 }

div .thing .tagline .author.submitter {
	background: #1E5790;
	font-weight: Bold;
	line-height: 20px;
	padding: 0 4px;
	color: #FFF;
	display: inline-block;
	border-radius: 3px;
	font-size: 10px;
 }

.titlebox form.toggle {background: none;}

form.toggle.sr_style_toggle, form.toggle.flairtoggle {font-size: 0px;}

form.toggle.sr_style_toggle:after {
	content: "Use subreddit theme";
	font-size: 12px;
 }

form.toggle.flairtoggle:after {
	content: "ENABLE YOUR FLAIR";
	font-size: 12px;
	font-weight: 500;
 }

/*FLAIR TOGGLE*/
form.toggle.flairtoggle {
	background: #5d3ce9;
	border-radius: 5px 5px 0px 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	color: white;
	text-transform: uppercase;
	text-align: center;
 }

.titlebox .tagline {
	background: #f4f4f4;
	border-radius: 0px 0px 5px 5px;
	border: none;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 20px;
	font-family: sans-serif;
	font-size: 12px;
 }

a.flairselectbtn {
	text-transform: uppercase;
	display: inline-block;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	background: #5d3ce9!important;
	border-radius: 4px;
	color: #FFF!important;
	font-weight: bold;
	padding: 5px;
 }

	a.flairselectbtn:hover {text-decoration: none;}

.titlebox .tagline {
	text-align: center;
	max-height: 50px;
 }

.side .tagline {color: transparent;}

/*NO PRESET DEFAULT FLAIR*/
.linkflairlabel {
	background: #888;
	color: #fff;
	font-weight: bold;
 }

/*Colorful Link Flairs*/
/*This adds a colorful little tag to posts*/
/*Flairs*/
.linkflairlabel {
	max-width: none;
	border: 0px none;
 }

.linkflair-red .linkflairlabel {
	background: #fe506e;
	color: white;
	font-weight: Bold;
	border-radius: 2.5px;
 }

.linkflair-purple .linkflairlabel {
	background: #5d3ce9;
	color: white;
	font-weight: Bold;
	border-radius: 2.5px;
 }

.linkflair-orange .linkflairlabel {
	background: #f37735;
	color: white;
	font-weight: Bold;
	border-radius: 2.5px;
 }

.linkflair-green .linkflairlabel {
	background: #228b22;
	color: white;
	font-weight: Bold;
	border-radius: 2.5px;
 }

.linkflair-blue .linkflairlabel {
	background: #00aedb;
	color: white;
	font-weight: Bold;
	border-radius: 2.5px;
 }

/* Flair Selector */
.flairselector.drop-choices.active {
	border: 1px solid #D8D8D8;
	border-radius: 8px !important;
	visibility: visible;
	background-color: #FFF;
	padding: 20px !important;
 }

.flairselector .flairselection {margin-bottom: 17px;}

.flairselector .customizer {
	display: inline-block;
	vertical-align: middle;
 }

.side .flairselector {
	position: fixed;
	top: 150px!important;
	left: 50%!important;
	margin-left: -162px;
	width: 250px!important;
	border: none;
	border-radius: 2px;
	box-shadow: 0 0 16px rgba(0,0,0,0.64);
 }

.flairselector h2 {
	margin-bottom: 4px;
	background-color: transparent;
	color: #555 !important;
	text-align: left;
	text-transform: uppercase !important;
	font-weight: bold;
	font-size: 12px !important;
 }

.flairselector form button {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
 }

.side .flairselector:before {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -2;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
	content: "";
	cursor: default;
	transition: all 0.25s ease;
	pointer-events: none;
 }

.flairselector.drop-choices.active {
	visibility: visible !important;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
 }

.flairselector h2 {
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	text-transform: capitalize;
 }

.flairoptionpane {text-align: left;}

	.flairoptionpane ul {visibility: visible !important;}

		.flairoptionpane ul a.title {font-size: 100% !important;}

.flairselector li {
	padding: 3px 0px 3px 0px;
	width: 182px;
 }

	.flairselector li:hover {background-color: #efefef;}

.flairselector form {border-top: 1px solid #e5e5e5;}

.flairsample-left {text-align: left !important;}

.flairselector ul {overflow: visible;}

.flairselector li.selected {
	background-color: #e5ebf8;
	border: none;
 }

/*LOGIN FORM*/
.login-form-side {
	border: medium none;
	padding: 16px;
	margin-top: -10px;
 }

	.login-form-side input[type="text"], .login-form-side input[type="password"] {
		font-size: 11px;
		box-sizing: border-box;
		border: 1px solid #999;
		width: 258px;
	 }

	.login-form-side #remember-me * {vertical-align: middle;}

	.login-form-side .submit {
		float: right;
		margin-top: 5px;
		margin-right: 5px;
	 }

/*THUMBNAILS*/
.thumbnail {border-radius: 5px;}

.stickied .thumbnail {
	background: url(%%Sticky%%) !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-size: 70px !important;
	padding-bottom: 18px !important;
	margin-top: -5 !important;
 }

.thumbnail.nsfw {
	background: url(%%NSFW%%);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 70px;
	padding-bottom: 18px;
	margin-top: -5;
 }

.thumbnail.self {
	background: url(%%SelfPost%%);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 70px;
	padding-bottom: 18px;
	margin-top: -5;
 }

body:not(.loggedin) .thumbnail.self {padding-bottom: 20px;}

body:not(.loggedin) .thumbnail.default {padding-bottom: 20px;}

/*STICKIED*/
body:not(.comments-page) .stickied a.title:link, 
body:not(.comments-page) .stickied a.title:visited, 
body:not(.comments-page) .stickied .link .tagline,
body:not(.comments-page) .stickied .tagline, 
body:not(.comments-page) .stickied .entry .buttons li a,
body:not(.comments-page) .stickied .entry .buttons li + li,
body:not(.comments-page) .stickied .md p {color: #2B8B27 !important;}

/*NSFW*/
body:not(.comments-page) .over18 a.title:link, 
body:not(.comments-page) .over18 a.title:visited, 
body:not(.comments-page) .over18 .link .tagline,
body:not(.comments-page) .over18 .tagline, 
body:not(.comments-page) .over18 .entry .buttons li a,
body:not(.comments-page) .over18 .entry .buttons li + li,
body:not(.comments-page) .over18 .md p {color: #d11141 !important;}

/*UPPER RIGHT RES THINGY*/
.res #RESShortcutsEditContainer, .res #sr-more-link {
	height: 23px!important;
	max-height: 23px!important;
	line-height: 23px;
	padding-left: 8px;
	background: none !important;
	border: 0px;
	font-weight: normal;
	margin-right: 10px;
 }

#sr-more-link {
	position: absolute;
	top: -3px;
 }

#RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
	height: 25px;
	line-height: 25px!important;
	margin-right: 4px;
	background: transparent!important;
	color: #000;
 }

.link .flat-list {
	display: block;
	padding: 1px 0px;
	margin-top: 3px;
 }

.flaircell, .flairlist .header {
	display: inline-block;
	text-align: center;
	width: 30ex;
	margin-right: 100px;
 }

li.searchfacet {width: 20em}

/*LOADING MESSAGE AND ERROR FORMAT*/
.error {
	color: #5d3ce9;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
 }

/*STYLESHEET EDITING PAGE FIX*/
.pretty-form {
	font-size: larger;
	margin-left: 25px;
 }

#preview-table > table {
	border-width: 0.2em;
	border-style: dashed;
	border-color: #D3D3D3;
	padding: 5px;
	margin: 5px;
	width: 900px;
	margin-left: 25px;
 }

form#image-upload.image-upload {margin-left: 25px;}

.footer-parent {
	position: relative;
	overflow: hidden;
	padding: 0;
	background: #333;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	margin-top: 300px;
 }

.footer {
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	margin: 0 0 5px 25px;
	padding: 0;
	width: 100%;
	border: 0 none;
	text-transform: uppercase;
 }

	.footer a {color: #b2b2b2 !important;}

	.footer .col {
		margin: 10px;
		border: 0 none
	 }

	.footer .flat-vert.title {
		margin: 0 0 15px;
		color: white;
		font-weight: bold;
		font-size: 12px;
	 }

.bottommenu,.bottommenu a {font-size: 10px}

.bottommenu {
	margin: 0 0 0 25px;
	margin: -5px 0;
	padding: 5px 50px;
	color: #444;
	background-color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
 }

	.bottommenu:before {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 37px;
		border-width: 0px 2000px;
		border-style: solid;
		content: " "
	 }


/*NEW MAIL ANIMATION*/
/*TAKEN FROM /R/APPLE*/
#mail.havemail:before {
	position: fixed;
	bottom: 24px;
	z-index: 100;
	padding: 45px 0px 10px 0px;
	background-color: #000;
	border-radius: 6px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	color: #fff;
	width: 210px;
	height: 15px;
	left: 0px;
	right: 0px;
	content: "YOU HAVE NEW MESSAGES";
	text-indent: 30px;
	font-size: 11px;
	line-height: 1;
	-webkit-transform: translateY(112px);
	transform: translateY(112px);
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
	background-image: url(%%mail%%);
	background-position: 85px 14px;
	margin: 0px auto;
	background-size: 32px;
	font-weight: bold;
	background-repeat: no-repeat;
	opacity: 0.8;
 }
 
 
	/*Animation */
		#mail.havemail:before {
			animation-name: toast;
			animation-duration: 8s;
			animation-iteration-count: 1;
			animation-timing-function: ease;

			-webkit-animation-name: toast;
			-webkit-animation-duration: 8s;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease;
		}

			#mail.havemail:hover:before {
				-webkit-animation-play-state: paused;
				 -moz-animation-play-state: paused;
				 -o-animation-play-state: paused;
				  animation-play-state: paused;
			}


			@-webkit-keyframes toast {
			  0%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  20%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  25%	{transform:translateY(-8px);	-webkit-transform:translateY(-8px);	opacity: 0.8;}
			  27%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  92%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  97%	{transform:translateY(16px);	-webkit-transform:translateY(16px);	opacity: 0.8;}
			  100%	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			}

			@-o-keyframes toast {
			  0%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  20%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  25%	{transform:translateY(-8px);	-webkit-transform:translateY(-8px);	opacity: 0.8;}
			  27%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  92%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  97%	{transform:translateY(16px);	-webkit-transform:translateY(16px);	opacity: 0.8;}
			  100%	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			}


			@-moz-keyframes toast {
			  0%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  20%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  25%	{transform:translateY(-8px);	-webkit-transform:translateY(-8px);	opacity: 0.8;}
			  27%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  92%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  97%	{transform:translateY(16px);	-webkit-transform:translateY(16px);	opacity: 0.8;}
			  100%	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			}


			@keyframes toast {
			  0%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  20%  	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			  25%	{transform:translateY(-8px);	-webkit-transform:translateY(-8px);	opacity: 0.8;}
			  27%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  92%	{transform:translateY(00px);	-webkit-transform:translateY(00px);	opacity: 0.8;}
			  97%	{transform:translateY(16px);	-webkit-transform:translateY(16px);	opacity: 0.8;}
			  100%	{transform:translateY(76px);	-webkit-transform:translateY(76px);	opacity: 0;}
			}

/*Dark mode*/
/*COMMENTS PAGE*/
html[lang="dm"] .combined-search-page .search-result-group .search-header-label, 
html[lang="dm"] .combined-search-page .search-result .search-result-body,
html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,
html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,
html[lang="dm"] .combined-search-page .search-result .search-result-meta, 
html[lang="dm"] .combined-search-page .search-result .search-score,
html[lang="dm"] .combined-search-page .search-result .search-comments,
html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff;}

html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #444 100%) repeat scroll 0% 0%}

html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B;}

/*STICKIED*/
html[lang="dm"] body:not(.comments-page) .stickied a.title:link, 
html[lang="dm"] body:not(.comments-page) .stickied a.title:visited, 
html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,
html[lang="dm"] body:not(.comments-page) .stickied .tagline, 
html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,
html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,
html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f !important;}

/*NSFW*/
html[lang="dm"] body:not(.comments-page) .over18 a.title:link, 
html[lang="dm"] body:not(.comments-page) .over18 a.title:visited, 
html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,
html[lang="dm"] body:not(.comments-page) .over18 .tagline, 
html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,
html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,
html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b !important;}

html[lang="dm"] body {background: #323232;}

html[lang="dm"] div.content {
	background-color: #444;
	border: 1px solid #4c4c4c;
 }

html[lang="dm"] .arrow.upmod {
	background-image: url(%%upvoted-nm%%);
	background-size: contain;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
 }

html[lang="dm"] .entry .buttons li a {color: #ccc !important;}

html[lang="dm"] .thing .title:visited {color: #ccc;}

html[lang="dm"] .thing .title {color: white;}

html[lang="dm"] input[name="uh"] ~ a:after {display: none;}

html[lang="dm"] .entry .buttons .may-blank {color: white;}

html[lang="dm"] a.comments::after {color: #ccc !important;}

html[lang="dm"] .flair {border: none;}

html[lang="dm"] .side {
	border: #4c4c4c;
	background: #444;
 }

html[lang="dm"] div.leavemoderator {color: #ccc;}

html[lang="dm"] .side .usertext-body {
	background-image: none;
	padding: 0;
 }

html[lang="dm"] .side .md p {color: white;}

html[lang="dm"] .icon-menu a {color: white;}

html[lang="dm"] .sidecontentbox .title h1 {
	color: white;
	font-weight: bold;
 }

html[lang="dm"] .side .titlebox .md h3 a {background: #323232;}

html[lang="dm"] .titlebox span.subscribers, html[lang="dm"] .titlebox .users-online {color: white !important;}

html[lang="dm"] #sr-header-area {background: #323232;}

	html[lang="dm"] #sr-header-area a,
html[lang="dm"] h2 {color: white;}

html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: white !important;}

html[lang="dm"] .side .md h4 a {color: white !important;}

html[lang="dm"] .side .md h4 {background: #323232;}

html[lang="dm"] .link {border-bottom: 1px solid #888;}

html[lang="dm"] .md a {color: #a4d11b;}

html[lang="dm"] textarea {
	background-color: #222 !important;
	color: white !important;
 }

html[lang="dm"] .link.promotedlink.promoted {background-color: #565656;}

html[lang="dm"] .link .score.likes {color: #FF5F3F !important;}

html[lang="dm"] .titlebox .tagline {background-color: #323232;}

html[lang="dm"] .expando-button.video,
html[lang="dm"] .expando-button.image,
html[lang="dm"] .expando-button.selftext,
html[lang="dm"] .expanded-button.video-muted {
	background: url(%%expand-h%%) !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
 }

html[lang="dm"] .expando-button.video.expanded,
html[lang="dm"] .expando-button.image.expanded,
html[lang="dm"] .expando-button.selftext.expanded,
html[lang="dm"] .expanded-button.video-muted.expanded {
	background: url(%%collapse-h%%) !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
 }

html[lang="dm"] span.score, html[lang="dm"] .sidecontentbox .more a {color: #ccc !important;}

html[lang="dm"] #progressIndicator, 
html[lang="dm"] .commentarea .panestack-title .title,
html[lang="dm"] .commentingAs, 
html[lang="dm"] .md,
html[lang="dm"] .linkinfo .date,
html[lang="dm"] div.score,
html[lang="dm"] span.totalvotes,
html[lang="dm"] .linkinfo .shortlink {color: white !important;}

html[lang="dm"] form.toggle.flairtoggle {background-color: #222;}

html[lang="dm"] body.comments-page .link {background: #4c4c4c;}

html[lang="dm"] .commentarea > .usertext {background-color: #444;}

html[lang="dm"] .commentarea .thing, html[lang="dm"] .commentarea .child .thing.comment {
	background-color: #444 !important;
	border: 1px solid #666 !important;
 }

html[lang="dm"] button {
	background-color: #999;
	color: #000;
 }

html[lang="dm"] .tagline a,
html[lang="dm"] #RESShortcutsSort,
html[lang="dm"] #RESShortcutsRight,
html[lang="dm"] #RESShortcutsLeft,
html[lang="dm"] #RESShortcutsAdd,
html[lang="dm"] #RESShortcutsTrash {color: #fff;}

html[lang="dm"] .shortlink .input {
	background-color: #222;
	color: #fff;
	border: 1px solid #666 !important;
 }

html[lang="dm"] .side .titlebox .md h1,
html[lang="dm"] .side .md ol,
html[lang="dm"] .error,
html[lang="dm"] .md del,
html[lang="dm"] .dropdown.srdrop span.selected.title,
html[lang="dm"] .menuarea,
html[lang="dm"] #previoussearch label,
html[lang="dm"] .search-page .searchfacets,
html[lang="dm"] .searchfacet a,
html[lang="dm"] .wiki-page-content .md h1,
html[lang="dm"] .titlebox h1 a,
html[lang="dm"]  .wiki-page .wikititle,
html[lang="dm"]  .wiki-page .pageactions .wikiaction-current,
html[lang="dm"]  .generic-table,
html[lang="dm"]  .md pre code,
html[lang="dm"]  .formtabs-content .infobar,
html[lang="dm"]  .roundfield,
html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,
html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2 {color: #fff !important;}

html[lang="dm"] .search-page .searchfacets {background: #555;}

html[lang="dm"] .roundfield,
html[lang="dm"] .formtabs-content .infobar {background-color: #444;}

html[lang="dm"]  .md code {
	background-color: #222;
	border: 1px solid #666 !important;
 }

html[lang="dm"]  .md pre {
	padding: 0px;
	background-color: transparent !important;
 }

html[lang="dm"]  .footer-parent {background: #222;}

html[lang="dm"] .wiki-page div.content {
	background-color: transparent;
	border: none;
 }

html[lang="dm"] .livePreview .md p {color: #000;}

html[lang="dm"] .wiki-page .infobar {
	background: none;
	border: none;
 }

html[lang="dm"]  .wiki-page .wiki-page-content,
html[lang="dm"]  .wiki-page .pageactions,
html[lang="dm"]  .wiki-page .wikititle,
html[lang="dm"] .content.submit .info-notice {background-color: #444 !important;}

html[lang="dm"]  body:not(.search-page) #search input[type="text"] {
	background: #222 !important;
	border: 1px solid #444;
	color: white;
 }

html[lang="dm"]  .submit-page a {color: #999;}

html[lang="dm"] .submit-page div.content {
	background: none;
	border: 1px solid #666;
 }

html[lang="dm"] .md table,html[lang="dm"]  .md ul {color: #fff !important;}

html[lang="dm"] .side .titlebox {color: #fff;}

html[lang="dm"] *::-moz-selection {
	background: #666;
	color: #fff;
 }

html[lang="dm"] .linkinfo {background-color: #444;}

html[lang="dm"] .gold-accent.comment-visits-box {color: white;}

html[lang="dm"] ul#image-preview-list li {
	background: #444;
	border: 1px solid #666;
	color: #fff;
 }

html[lang="dm"]  .flairselector h2,
html[lang="dm"]  .flairselector .tagline a {color: #000 !important;}

html[lang="dm"]   .wiki-page .wiki-page-content .md.wiki h4 {
	color: #fff !important;
 }

/* ===============================================================================================================================


ADD SNIPPETS BELOW THIS LINE


==================================================================================================================================*/