the_don

.link {
margin-right: 312px;
}

.commentarea {
margin-right: 312px;
}

.promoted {
margin-right: 0px !important;
}

/*COMMENT UPRANDOM TEXT START*/
.comment {
 overflow: visible !important;
}
.entry {
 overflow: hidden !important;
}
.midcol {
 overflow: visible !important;
}
.thing.comment .upmod:focus:after{
 content: "";
 width: 60px;
 height: 43px;
 font-size: 9px;
 font-weight: normal;
 text-shadow: 0px 0px 1px #333333;
 position: relative;
 pointer-events: none;
 color: #e50000;
 bottom: 0px;
 opacity: 0.0;
 animation-name: BattleCry;
 animation-duration: 2s;
 animation-timing-function: ease-out;
 animation-delay: 0.2s;
 animation-iteration-count: 1;
 -webkit-animation-name: BattleCry;
 -webkit-animation-duration: 2s;
 -webkit-animation-timing-function: ease-out;
 -webkit-animation-delay: 0.2s;
 -webkit-animation-iteration-count: 1;
 -moz-animation-name: BattleCry;
 -moz-animation-duration: 2s;
 -moz-animation-timing-function: ease-out;
 -moz-animation-delay: 0.2s;
 -moz-animation-iteration-count: 1;
 -o-animation-name: BattleCry;
 -o-animation-duration: 2s;
 -o-animation-timing-function: ease-out;
 -o-animation-delay: 0.2s;
 -o-animation-iteration-count: 1;
 -ms-animation-name: BattleCry;
 -ms-animation-duration: 2s;
 -ms-animation-timing-function: ease-out;
 -ms-animation-delay: 0.2s;
 -ms-animation-iteration-count: 1;
}

@keyframes BattleCry {
 8% {bottom: 5px; opacity: 1;}
 15% {bottom: 10px;}
 40% {opacity: 1;}
 50% {bottom: 15px;}
 100% {bottom: 20px; opacity: 0;}
}

@-webkit-keyframes BattleCry {
 8% {bottom: 5px; opacity: 1;}
 15% {bottom: 10px;}
 40% {opacity: 1;}
 50% {bottom: 15px;}
 100% {bottom: 20px; opacity: 0;}
}

@-moz-keyframes BattleCry {
 8% {bottom: 5px; opacity: 1;}
 15% {bottom: 10px;}
 40% {opacity: 1;}
 50% {bottom: 15px;}
 100% {bottom: 20px; opacity: 0;}
}

@-o-keyframes BattleCry {
 8% {bottom: 5px; opacity: 1;}
 15% {bottom: 10px;}
 40% {opacity: 1;}
 50% {bottom: 15px;}
 100% {bottom: 20px; opacity: 0;}
}

.thing[data-fullname$="a"].comment .upmod:focus:after {content: "MAGA!";}
.thing[data-fullname$="b"].comment .upmod:focus:after {content: "America First!";}
.thing[data-fullname$="c"].comment .upmod:focus:after {content: "10 Feet Taller!";}
.thing[data-fullname$="d"].comment .upmod:focus:after {content: "Bring Back Jobs!";}
.thing[data-fullname$="e"].comment .upmod:focus:after {content: "Yuge!";}
.thing[data-fullname$="f"].comment .upmod:focus:after {content: "Winning!";}
.thing[data-fullname$="g"].comment .upmod:focus:after {content: "High Energy!";}
.thing[data-fullname$="h"].comment .upmod:focus:after {content: "Build the Wall!";}
.thing[data-fullname$="i"].comment .upmod:focus:after {content: "Unstumpable!";}
.thing[data-fullname$="j"].comment .upmod:focus:after {content: "Self-Funded!";}
.thing[data-fullname$="k"].comment .upmod:focus:after {content: "No Brakes!";}
.thing[data-fullname$="l"].comment .upmod:focus:after {content: "Strong Military!";}
.thing[data-fullname$="m"].comment .upmod:focus:after {content: "MAGA!";}
.thing[data-fullname$="n"].comment .upmod:focus:after {content: "America First!";}
.thing[data-fullname$="o"].comment .upmod:focus:after {content: "10 Feet Taller!";}
.thing[data-fullname$="p"].comment .upmod:focus:after {content: "Bring Back Jobs!";}
.thing[data-fullname$="q"].comment .upmod:focus:after {content: "Yuge!";}
.thing[data-fullname$="r"].comment .upmod:focus:after {content: "Winning!";}
.thing[data-fullname$="s"].comment .upmod:focus:after {content: "High Energy!";}
.thing[data-fullname$="t"].comment .upmod:focus:after {content: "Build the Wall!";}
.thing[data-fullname$="u"].comment .upmod:focus:after {content: "Unstumpable!";}
.thing[data-fullname$="v"].comment .upmod:focus:after {content: "Self-Funded!";}
.thing[data-fullname$="w"].comment .upmod:focus:after {content: "No Brakes!";}
.thing[data-fullname$="x"].comment .upmod:focus:after {content: "Strong Military!";}
.thing[data-fullname$="y"].comment .upmod:focus:after {content: "MAGA!";}
.thing[data-fullname$="z"].comment .upmod:focus:after {content: "America First!";}
.thing[data-fullname$="1"].comment .upmod:focus:after {content: "10 Feet Taller!";}
.thing[data-fullname$="2"].comment .upmod:focus:after {content: "Bring Back Jobs!";}
.thing[data-fullname$="3"].comment .upmod:focus:after {content: "Yuge!";}
.thing[data-fullname$="4"].comment .upmod:focus:after {content: "Winning!";}
.thing[data-fullname$="5"].comment .upmod:focus:after {content: "High Energy!";}
.thing[data-fullname$="6"].comment .upmod:focus:after {content: "Build the Wall!";}
.thing[data-fullname$="7"].comment .upmod:focus:after {content: "Unstumpable!";}
.thing[data-fullname$="8"].comment .upmod:focus:after {content: "Self-Funded!";}
.thing[data-fullname$="9"].comment .upmod:focus:after {content: "No Brakes!";}
.thing[data-fullname$="0"].comment .upmod:focus:after {content: "Strong Military!";}

.thing.comment .upmod:focus:after {white-space:nowrap}
/*COMMENT UPVOTE RANDOM TEXT END*/

/*COMMENT DOWNVOTE RANDOM TEXT START*/
.thing.comment .downmod:focus:after{
 content: "";
 width: 60px;
 height: 43px;
 font-size: 9px;
 font-weight: normal;
 text-shadow: 0px 0px 1px #333333;
 position: relative;
 color: #0000e5;
 top: 0px;
 opacity: 0;
 animation-name: DeathKnell;
 animation-duration: 2s;
 animation-timing-function: ease-out;
 animation-delay: 0.2s;
 animation-iteration-count: 1;
 -webkit-animation-name: DeathKnell;
 -webkit-animation-duration: 2s;
 -webkit-animation-timing-function: ease-out;
 -webkit-animation-delay: 0.2s;
 -webkit-animation-iteration-count: 1;
 -moz-animation-name: DeathKnell;
 -moz-animation-duration: 2s;
 -moz-animation-timing-function: ease-out;
 -moz-animation-delay: 0.2s;
 -moz-animation-iteration-count: 1;
 -o-animation-name: DeathKnell;
 -o-animation-duration: 2s;
 -o-animation-timing-function: ease-out;
 -o-animation-delay: 0.2s;
 -o-animation-iteration-count: 1;
 -ms-animation-name: DeathKnell;
 -ms-animation-duration: 2s;
 -ms-animation-timing-function: ease-out;
 -ms-animation-delay: 0.2s;
 -ms-animation-iteration-count: 1;
}

@keyframes DeathKnell {
 8% {top: 5px; opacity: 1;}
 15% {top: 10px;}
 40% {opacity: 1;}
 50% {top: 15px;}
 100% {top: 20px; opacity: 0;}
}

@-webkit-keyframes DeathKnell {
 8% {top: 5px; opacity: 1;}
 15% {top: 10px;}
 40% {opacity: 1;}
 50% {top: 15px;}
 100% {top: 20px; opacity: 0;}
}

@-moz-keyframes DeathKnell {
 8% {top: 5px; opacity: 1;}
 15% {top: 10px;}
 40% {opacity: 1;}
 50% {top: 15px;}
 100% {top: 20px; opacity: 0;}
}

@-o-keyframes DeathKnell {
 8% {top: 5px; opacity: 1;}
 15% {top: 10px;}
 40% {opacity: 1;}
 50% {top: 15px;}
 100% {top: 20px; opacity: 0;}
}

.thing[data-fullname$="a"].comment .downmod:focus:after {content: "Crooked!";}
.thing[data-fullname$="b"].comment .downmod:focus:after {content: "Low Energy!";}
.thing[data-fullname$="c"].comment .downmod:focus:after {content: "Sad!";}
.thing[data-fullname$="d"].comment .downmod:focus:after {content: "Dishonest!";}
.thing[data-fullname$="e"].comment .downmod:focus:after {content: "Biased!";}
.thing[data-fullname$="f"].comment .downmod:focus:after {content: "Failure!";}
.thing[data-fullname$="g"].comment .downmod:focus:after {content: "Desperate!";}
.thing[data-fullname$="h"].comment .downmod:focus:after {content: "Rigged!";}
.thing[data-fullname$="i"].comment .downmod:focus:after {content: "Loser!";}
.thing[data-fullname$="j"].comment .downmod:focus:after {content: "Unhinged!";}
.thing[data-fullname$="k"].comment .downmod:focus:after {content: "Heartless!";}
.thing[data-fullname$="l"].comment .downmod:focus:after {content: "Corrupt!";}
.thing[data-fullname$="m"].comment .downmod:focus:after {content: "Crooked!";}
.thing[data-fullname$="n"].comment .downmod:focus:after {content: "Low Energy!";}
.thing[data-fullname$="o"].comment .downmod:focus:after {content: "Sad!";}
.thing[data-fullname$="p"].comment .downmod:focus:after {content: "Dishonest!";}
.thing[data-fullname$="q"].comment .downmod:focus:after {content: "Biased!";}
.thing[data-fullname$="r"].comment .downmod:focus:after {content: "Failure!";}
.thing[data-fullname$="s"].comment .downmod:focus:after {content: "Desperate!";}
.thing[data-fullname$="t"].comment .downmod:focus:after {content: "Rigged!";}
.thing[data-fullname$="u"].comment .downmod:focus:after {content: "Loser!";}
.thing[data-fullname$="v"].comment .downmod:focus:after {content: "Unhinged!";}
.thing[data-fullname$="w"].comment .downmod:focus:after {content: "Heartless!";}
.thing[data-fullname$="x"].comment .downmod:focus:after {content: "Corrupt!";}
.thing[data-fullname$="y"].comment .downmod:focus:after {content: "Crooked!";}
.thing[data-fullname$="z"].comment .downmod:focus:after {content: "Low Energy!";}
.thing[data-fullname$="1"].comment .downmod:focus:after {content: "Sad!";}
.thing[data-fullname$="2"].comment .downmod:focus:after {content: "Dishonest!";}
.thing[data-fullname$="3"].comment .downmod:focus:after {content: "Biased!";}
.thing[data-fullname$="4"].comment .downmod:focus:after {content: "Failure!";}
.thing[data-fullname$="5"].comment .downmod:focus:after {content: "Desperate!";}
.thing[data-fullname$="6"].comment .downmod:focus:after {content: "Rigged!";}
.thing[data-fullname$="7"].comment .downmod:focus:after {content: "Loser!";}
.thing[data-fullname$="8"].comment .downmod:focus:after {content: "Unhinged!";}
.thing[data-fullname$="9"].comment .downmod:focus:after {content: "Heartless!";}
.thing[data-fullname$="0"].comment .downmod:focus:after {content: "Corrupt!";}

.thing.comment .downmod:focus:after {white-space:nowrap}
/*COMMENT DOWNVOTE RANDOM TEXT END*/

/* 1) Frequently Used Selectors
############################################################################################################################################################################################*/

/*Replace subscriber names in





*/
.subscribers .word {
  display: none
}
.subscribers .number::after {
  content: " Centipedes"
}
.users-online .word {
  display: none
}
.users-online .number::after {
  content: " Winners online"
}

/*Shifts up or down body.*/
.content {
  margin-top: 53px;
}

/*change scroll bar looks*/
::-webkit-scrollbar {
  width: 12px;
  background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background: #b3b3b3;
}



/* 2.1) Subreddit Shortcuts Bar at the top of the page
############################################################################################################################################################################################*/

#sr-header-area
{
  background: rgba(44,44,44,.5);
  border: none;
  z-index: 200;
  transition: all .2s ease-out;
  box-shadow: 0px 1px 1px rgba(00,00,00,.33);
}


/*font of subreddit links*/
#sr-header-area a,
#sr-header-area .srdrop.dropdown .selected
{
  font-family: Arial, Helvetica, sans-serif
  letter-spacing: 1px;
  color: #000;
  text-shadow: -1px 1px 3px #555;
  transition: all .2s ease-out;
  color: #eee;

}
.drop-choices.inuse
{
  background-color: #283681;
  border: none;
}
#sr-header-area a:hover {
 color: orangered;
 text-decoration: none;
}

#sr-header-area .dropdown.srdrop .selected.title:hover {
 color: orangered;
}

/*remove the more on the far righthand side for nonRES*/
#sr-more-link
{
  display: none;
}

/*edit the < + > RES shit*/
#RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsLeft, #sr-more-link, #RESShortcutsSort
{
  color: #ddd !important;
  background-color: transparent !important;
}

/*fix white bg on nonRES dropdown in top bar*/
.sr-header .drop-choices {
  background-color: #777;
}

.sr-header .flat-list .drop-choices{
  background-color: ##E3E3E3 !important;
}

.link .flat-list{
  display: inline;
  padding: 0 0;
}

/* 2.1) Header
############################################################################################################################################################################################*/

#header {
  position: relative;
  height: 222px;
  background-color: transparent !important;
  border-bottom: 0px;
}

#header:after {
  content: "";
  position: absolute;
  height: 222px;
  background-color: transparent !important;
  box-shadow: inset 0px 0px 60px #000;
  -moz-box-shadow: inset 0px 0px 60px #000;
  -webkit-box-shadow: inset 0px 0px 60px #000;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
}

#header-bottom-left {
  position: relative;
  height: 222px;
  overflow-x: hidden;
  top: -18px;
  pointer-events: none;
}

#header-bottom-left a{
  pointer-events: auto;
}

#header-bottom-left:before {
  content: "";
  position: absolute;
  background: #000 url(%%header-backdrop2%%) repeat-x center 15px;
  height: 222px;
  width: 300%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  background-color: #0A3DBD;
  border-bottom: 0px;

  animation: Slider 55s linear infinite;
  -moz-animation: Slider 55s linear infinite;
  -ms-animation: Slider 55s linear infinite;
  -o-animation: Slider 55s linear infinite;
  -webkit-animation: Slider 55s linear infinite;
}

@keyframes Slider {
0% {transform: translateX(0px);}
100% {transform: translateX(-1537px);}
}

@-moz-keyframes Slider {
0% {-moz-transform: translateX(0px);}
100% {-moz-transform: translateX(-1537px);}
}

@-ms-keyframes Slider {
0% {-ms-transform: translateX(0px);}
100% {-ms-transform: translateX(-1537px);}
}

@-o-keyframes Slider {
0% {-o-transform: translateX(0px);}
100% {-o-transform: translateX(-1537px);}
}

@-webkit-keyframes Slider {
0% {-webkit-transform: translateX(0px);}
100% {-webkit-transform: translateX(-1537px);}
}

/*subreddit logo*/
.pagename {
  font-size: 0;
}
.pagename a {
  display: block;
  width: 180px;
  height: 180px;
  background: url(%%MURICA%%) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 52%;
  margin-left: -150px;
  top: 50%;
  margin-top: -95px;
}

/*snoo*/
#header-img {
  position: absolute;
  top: 114px;
  left: 8px;
}

/*user karma bar font color*/
#header-bottom-right a, .user .userkarma, .user
{
  color: #e9e9e9;
  text-shadow: 0px 0px 4px #111;
}

/*fuck the gear*/
#RESMainGearOverlay .gearIcon
{
  display: none;
}

/*collapse button in RES user karma bar */
#userbarToggle
{
  color: #fff !important;
  background-color: transparent !important;
  border-right: none !important;
  line-height: 26px !important;
  bottom: -1px;
  top: -3px !important;

}


/*RES user karma bar, main field*/
.res #header-bottom-right
{
  background: transparent;
  color: #eee !important;
  line-height: 0em !important;

  margin: -1px 0px 0px 0px;
  top: 199px;
}

/*non RES user karma bar positioning*/
body:not(.res) #header-bottom-right
{
  position: absolute;
   background-color: transparent;
}
/* 3) Tabs
############################################################################################################################################################################################*/

#header .tabmenu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
#header .tabmenu li {
 margin: 0;
}

/*tab settings*/
#header .tabmenu li a
{
  color: #111;

  background: -ms-linear-gradient(#fefefe, #e5e5e5);
  background: -webkit-linear-gradient(#fefefe, #e5e5e5);
  background: -o-linear-gradient(#fefefe, #e5e5e5);
  background: -moz-linear-gradient(#fefefe, #e5e5e5);
  background: linear-gradient(#fefefe, #e5e5e5);

  margin: 0px 5px 0px 5px;
  border: none !important;
  display: inline-block;
  padding: 0px 7px;


  line-height: 2.1em;
  text-align: center;


  font-size: 10px;
  letter-spacing: .5px;
  text-transform: capitalize;
  position: relative;


  transition: all .3s ease-out;

  -webkit-border-top-right-radius: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -o-border-radius-topright: 3px !important;
  border-top-right-radius: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -moz-border-radius-topleft: 3px !important;
  -o-border-radius-topleft: 3px !important;
  border-top-left-radius: 3px !important;

   -moz-box-shadow:    inset 0px -8px 9px -6px #aaa, 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
   -webkit-box-shadow: inset 0px -8px 9px -6px #aaa, 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
   -o-box-shadow:      inset 0px -8px 9px -6px #aaa, 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
   box-shadow: inset 0px -8px 9px -6px #aaa, 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
}
#header .tabmenu li a:hover {
  color: orangered;
}

/*hide the shitty tabs*/
#header .tabmenu li a[href*="ads"],
#header .tabmenu li a[href*="controversial"],
#header .tabmenu li a[href*="javascript:;"]
{
  display: none !important;
}

/*highlight current tab*/
#header .tabmenu li.selected a
{
  color: orangered;
  z-index:0;
  -moz-box-shadow:    3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
  -webkit-box-shadow: 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
  -o-box-shadow:      3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
  box-shadow: 3px -2px 3px 0px rgba(00, 00, 00, 0.2), -3px -2px 3px 0px rgba(00, 00, 00, 0.2), 0px -3px 3px 0px rgba(00, 00, 00, 0.2);
  background: white;
}



/* 4) Body
############################################################################################################################################################################################*/

.reportbtn {
  font-size: 0; content: '';
}

.reportbtn::after {
  content: "deport";
  font-size: x-small;
}

.edit-usertext {
  font-size: 0; content: '';
}

.edit-usertext::after {
  content: "spez";
  font-size: x-small;
}

.report-header {
  font-size: 0; content: '';
}

.reason-prompt.report-header::after {
  content: "What law is this person breaking?";
  font-size: medium;
}

.reason-prompt.report-header::after {
    content: "What law is this person breaking?";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}

/*Hide rank numbers*/
.link .rank{
 display:none;
}
/*format link rows on front page*/
.entry{
  padding-top: 7px;
}

/*Stickied links effects*/
.thing.stickied a.title,
.thing.stickied a.title:visited,
.thing.stickied a.title.visited {
  font-weight: normal;
  padding: 0 8px 0 8px;
  background-image: -webkit-linear-gradient(top, #0000ff, #000080);
  background-image: -moz-linear-gradient(top, #000080, #000080);
  background-image: -ms-linear-gradient(top, #000080, #000080);
  background-image: -o-linear-gradient(top, #000080, #000080);
  color: #ffffff;
}
.stickied .title {
  color: white!important;
}
.stickied-tagline {
  color: orange!important;
}

.link .thumbnail {
  height: 59px;
  width: 55px;
  margin: 5px 5px 0px 0px !important;
  border-radius: 2px;
  background: url(%%SELF2%%) no-repeat;
}
.link .thumbnail img {
  height: 100%;
}
/* fix promoted link thumbnails */
.promotedlink .thumbnail {
  height: 70px !important;
  width: 70px !important;
  background: none !important;
  }

/*Comment warning*/
.commentarea .usertext .usertext-edit .bottom-area:before {
  margin-top: 3px;
  content: "Posts supporting other candidates will be removed. Please ask questions about Trump on /r/AskThe_Donald.";
  display: block;
  padding: 5px;
  background-color: #263982;
  border-bottom: 3px solid #8B181D !important;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 0px;
}

/*modify comments reply font*/
.link .entry li .comments
{
  visibility: visible;
  color: #5a78c4;
  font-weight: bold;
  font-size: 11px;

}
.entry .buttons a[onclick*="reply"]
{
  color: #5a78c4;
  font-size: 11px;
}

/*modify border around res comments*/
.res-commentBoxes .comment {
  padding-left: 0px !important;
  border-bottom: 0px solid #ddd !important;
  border-right: 0px solid #ddd !important;
  border-top: 1px solid #f5f5f5 !important;
  border-left: 2px solid #ddd !important;
  border-radius: 0px !important;
  margin-bottom: 5px !important;
}

.comment, .comment .showreplies{
  padding-left: 0px !important;
  border-bottom: 0px solid #ddd !important;
  border-right: 0px solid #ddd !important;
  border-top: 1px solid #f5f5f5 !important;
  border-left: 2px solid #ddd !important;
  border-radius: 0px !important;
  margin-bottom: 5px !important;

}
.comment .child, .comment .showreplies{
  border: none;
}

/* 5) Sidebar
############################################################################################################################################################################################*/

.side {
  padding-right:9px;
  width: 300px;
  margin: 0px;
  border: none;
  padding-top: 400px;
  background: url(%%dealwithit%%) top 10px left no-repeat;
}

.side a[href=""] {
    position: absolute;
    width: 300px;
    height: 400px;
    top: 232px;
    right: 9px;
    content: ".";
    z-index: 100!important;
}

/*width of search bar inside grey box*/
.side #search input[type=text] {
  box-shadow: 0px 1px 1px rgba(88,88,88,.84);
  border-style: none;
  width: 299px;
  margin-top: 13px;
  border-bottom: #aaa solid 1px;
}

/*search glass*/
#search input[type=submit]{
  margin-top: 13px;
}
/*remove box around login in sidebar*/
.login-form-side {
  border: none;
}


/*format submit link*/
.side .submit-link .morelink
{
  background-image: none;
  background: #314aa9 !important;
  border: none;
  font-size: 0;
  padding-top: 2px;
  border-bottom: 3px solid #263982 !important;
  border-radius: 1.5px;
  box-shadow: 0px 1px 1px rgba(88,88,88,.84);

}
.side .submit-link .morelink:hover
{
  background: #4560c9 !important;
  border-bottom: 3px solid #2c4295 !important;

}
.side .submit-link .morelink a:after
{
  content: "Submit a Link";
  font-size: 15px;
  color: #ddd;
  transition: all .3s ease;
}
.side .submit-link .morelink a:hover:after
{
  color: #fff;
}

/*format submit text*/
.side .submit-text .morelink
{
  background-image: none;
  background-color: #b62026 !important;
  border: none;
  font-size: 0;
  padding-top: 2px;
  border-bottom: 3px solid #8b181d!important;

  border-radius: 1.5px;
  box-shadow: 0px 1px 1px rgba(88,88,88,.84);

}
.side .submit-text .morelink:hover
{
  background-color: #cc232b !important;
  border-bottom: 3px solid #a11c22 !important;
}
.side .submit-text .morelink a:after
{
  content: "Submit a Text Post";
  font-size: 15px;
  color: #ddd;
  transition: all .3s ease;
}
.side .submit-text .morelink a:hover:after
{
  color: #fff;
}

/*get rid of nub in submit buttons*/
.morelink .nub
{
  display: none;
}



.morelink::after {
  content: "Post only if you support Trump!";
  padding: 10px;
  position: absolute;
  display: block;
  background-color: #087ED7;
  color: #FFF;
  z-index: 200;
  transition: 200ms;
  border-radius: 2px;
  pointer-events: none;
  font-size: 17px;
  width: 269px;
  top:0px;
  margin-right: 300px;
  opacity: 0;
  right: 0px;

  background: #263982!important;

  border-bottom: 3px solid #8B181D !important;
}

.morelink:hover:after {
  margin-right: 310px;
  opacity: 100;
}

.side .redditname, .side .leavemoderator{
  display: none;
}


/* Generated by the Reddit Stylesheet Generator v0.1, (c) 2014, JDMCreator */
/* Hide arrows for some people */
body:not(.subscriber) .arrow {
  visibility: hidden;
}

body:not(.loggedin) .arrow {
  visibility: visible !important;
}

/* Click to subscribe */
#tb-bottombar {
  z-index: 214748364!important
}
.listing-page.loggedin .option.add.login-required.active:after,
.comments-page.loggedin .option.add.login-required.active:after {
  position: fixed;
  display: block;
  padding: 15px;
  content: "Click here to subscribe and enable voting!";
  text-align: center;
  bottom: 0px;
  font-size: 39px;
  left: 0;
  width: 100%;
  background-color: #000144;
  font-weight: bold;
  z-index: 2147483647!important
}

.side .md h4 {
  position: absolute;
  font-size: 19px;
  display: block;
  top: 228px;
  /*Change this in relation to your header's height*/

  left: 6px;
  /*adjust this is well*/

  margin: 0;
  background: url(%%paper%%);
  text-indent: 32px;
  border: none;
  border-top: 3px solid #3C3B6E!important;
  border-bottom: 3px solid #B22234!important;
  box-shadow: 0 5px 5px -5px black;
  width: auto;
  padding: 6px 10px 6px 15px;
  white-space: nowrap;
  overflow: hidden;
}
.side .md h4:before {
  content: "";
  background-image: url(%%usa-flag-small%%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 37px; /*usually 37*/
  height: 23px; /*usually 23*/
  margin-top: -12px;
  margin-left: 5px;
}


.side .usertext-body ol {
  list-style-type: lower-roman !important;
}
.side .md h3 {
  position: relative;
  color: white;
  background: #263982!important;
  border: none;
  text-align: center;
  padding: 7px 40px;
  border-bottom: 3px solid #8B181D !important;
  border-radius: 1.5px;
  box-shadow: 0px 1px 1px rgba(88, 88, 88, .84);
}
.side .md h3+blockquote {
  background: url(%%paper%%) repeat transparent!important;
  background-color: transparent;
  border-style: none;
  box-shadow: 0 5px 5px -5px black;
  color: #000;
  margin-top: -9px;
  margin-right: 6px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left:6px;
}

/*Color links in h3s*/
.side .md h3 a {
  color: white !important;
}
/*Hack to center delegates chart*/
.side .md table {
  margin-left: 29px!important;
}

/*Add stars*/
.side .md h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 28px;
  margin-top: -10px;
  margin-left: 13px;
  background: url(%%star%%) left top no-repeat;
}
.side .md h3:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 28px;
  margin-top: -10px;
  margin-right: 3px;
  background: url(%%star%%) left top no-repeat;
}

.side .bottom{
  border: 0;
}

/*kills the community button and shit below it like "for your WoW guild"*/
.sidebox.create .morelink { display: none; }
.sidebox.create .morelink { display: none; }
.sidebox.submit .spacer a, .sidebox.create .spacer a { display: none; }
.sidebox.create .morelink { display: none; }
.sidebox.submit .spacer { display: none; }
.sidebox.create .spacer { display: none; }

.side .sidecontentbox .content {
  pointer-events: none;
}

.side .sidecontentbox .content .more {
  pointer-events: auto;
}

.side .sidecontentbox#moderation_tools .content {
  pointer-events: auto;
}


/*kills recently the recently viewed links box*/
ul.content:nth-child(2), div.title:nth-child(1) > h1:nth-child(1), .account-activity-box > p:nth-child(1)
{
  display: none;
}

/*Fancy flair selector*/
.flairselector {
  position: fixed;
  top: 10px!important;
  left: 50%!important;
  margin-left: -225px;
  padding: 32px!important;
  max-height: 500px;
  width: 540px!important;
  z-index: 9999999;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.64)
}
.flairselector.drop-choices.active {
  border: 1px solid #e2e2e2
}
.flairselector h2 {
  margin-bottom: 4px;
  background-color: transparent;
  color: #3F7CCB;
  text-align: left;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 18px
}
.flairoptionpane {
  max-height: 300px;
  text-align: left
}
.flairselector .flairoptionpane ul li {
  padding: 0!important
}


.flair{
    margin-right: 30px;
}


/* 7) No Participation
############################################################################################################################################################################################*/

/* "No Participation"-Mode, aka "Read Only"-Mode
 * by /u/KortoloB
 * /r/NoParticipation
 *
 * Link people to np.reddit.com/r/YourSubreddit to show them a read-only version.
 * Subscribers will see the full page, only non-subscribers will see the read-only version.
 * This is of course by no means fool-proof, but it should work for the average user.
 *  */

body:lang(np):not(.subscriber) .arrow {
  visibility: hidden !important;
}
body:lang(np):not(.subscriber) .usertext-edit,
body:lang(np):not(.subscriber) .sidebox.submit,
body:lang(np):not(.subscriber) .commentingAs,
body:lang(np):not(.subscriber) .markdownEditor,
body:lang(np):not(.subscriber) a[onclick*="return reply(this)"],
body:lang(np):not(.subscriber) .subButtons,
body:lang(np):not(.subscriber) .helplink,
body:lang(np):not(.subscriber) .titlebox .fancy-toggle-button.toggle > .option.add {
  display: none !important;
}
body:lang(np):not(.subscriber) #siteTable:before {
  content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting.";
  display: block;
  max-width: 800px;
  background-color: #F6E69F;
  padding: 5px 10px;
  margin: 5px 305px 5px 0px;
  border: 1px solid orange;
  font-size: small;
}
body:lang(np):not(.subscriber) .entry.likes:not(.reddit-entry):before,
body:lang(np):not(.subscriber) .entry.dislikes:not(.reddit-entry):before {
  content: "Please do not vote or comment when you come from external subreddits.";
  color: red;
  font-size: large;
  font-weight: bold;
}
/* Wiki protection */

body.wiki-page:lang(np):not(.subscriber) span.pageactions a.wikiaction-edit:not(.wikiaction-current),
body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform label[for='reason'],
body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input#wiki_revision_reason,
body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input[type='submit'] {
  display: none !important;
}
/* END COPY */


/* custom blockquotes */
.thing .md blockquote {
display:block;
background: #fff;
padding: 10px 20px 10px 35px;
margin: 20px 10px;
position: relative;
line-height: 1.2;
color: #444;
text-align: justify;
border-left: 5px solid #586698;
border-radius: 3px; }

.thing .md blockquote::before {
content: "“";
font-family: Georgia, serif;
font-size: 40px;
font-weight: bold;
color: #B93A43;
position: absolute;
left: 10px;
top:5px; }

.thing .md blockquote::after { content: ""; }
.thing .md blockquote a {
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c; }

.thing .md blockquote a:hover { color: #666; }
.thing .md blockquote em { font-style: italic; }

.commentarea .thing .md  blockquote { margin: 10px; background: #f3f9fe; }