rreads

.arrow {
 margin:2px 0px 0px 0px;
 width:100%;
 height:14px;
 display:block;
 cursor:pointer;
 background-position:center center;
 background-repeat:no-repeat;
 width:15px;
 margin-left:auto;
 margin-right:auto;
}

/* ----- ----- ----- ====== ----- ----- ----- */
/* ----- ----- ----- HEADER ----- ----- ----- */
/* ----- ----- ----- ====== ----- ----- ----- */
#header-bottom-left {
  background: url(%%woodbanner%%);;
  height: 70px;
}

.tagline .author.moderator::after {
  content: ", as a moderator";
  background-color: transparent !important;
}


/* ----- ----- ----- ======= ----- ----- ----- */
/* ----- ----- ----- SIDEBAR ----- ----- ----- */
/* ----- ----- ----- ======= ----- ----- ----- */
.side h6+blockquote {
  display: block;
  background-color: #FEF0F0;
  border: 1px solid #FF9185!important;
  padding: 6px 12px 6px 12px;
}

.subscribers .word, .users-online .word{
  display:none;
}
.subscribers .number:after {
  content: " readers"
}
.users-online .number:after {
  content: " redditors reading now"
}

body > .content {
  margin-top: 50px;
}

.side .usertext h4 {
  display: block;
  position: absolute;
  top: 150px;
  left: 5px;
  font-size: 13px;
  text-align: center;
  padding: 8px 13px 8px 13px;
  margin-left: 10px;
  color: #003366;
  background-color: #EEFFFF;
  border: solid 1px #99CCFF;
  font-weight: normal;
}



/* ----- ----- ----- =========== ----- ----- ----- */
/* ----- ----- ----- SUBMIT PAGE ----- ----- ----- */
/* ----- ----- ----- =========== ----- ----- ----- */
.submit_text.enabled {
  background-color: #FEF0F0;
  border: 1px solid #FF9185;
  animation: flash_box 4s linear infinite;
  -webkit-animation: flash_box 4s linear infinite;
}

.submit_text.enabled .content {
  color: #000000 !important;
}

.submit_text.enabled h1 {
  color: #AA0000;
  animation: flash_title 1s linear infinite;
  -webkit-animation: flash_title 1s linear infinite;
}

@keyframes flash_title {
  0% {color:#AA0000;} 50% {color:#FF0000;}
}

@-webkit-keyframes flash_title {
  0% {color:#AA0000;} 50% {color:#FF0000;}
}

@keyframes flash_box {
  0%, 100% {background-color:#FEF0F0;} 50% {background-color:#EEE0E0;}
}

@-webkit-keyframes flash_box {
  0%, 100% {background-color:#FEF0F0;} 50% {background-color:#EEE0E0;}
}



/* ----- ----- ----- =========== ----- ----- ----- */
/* ----- ----- ----- SHIRT SHAPE ----- ----- ----- */
/* ----- ----- ----- =========== ----- ----- ----- */
.listing-page .sitetable .thing.link,
.search-page .sitetable .thing.link,
.comments-page .sitetable .thing.link {
  margin: 50px !important;
  float: left !important;
  position: relative !important;
  padding: 0 !important;
  border: 2px solid #555555 !important;
  border-radius: 1px !important;
  overflow: visible !important;
  box-shadow: 2px 2px 2px #333333;
}

.listing-page .sitetable .thing.link,
.search-page .sitetable .thing.link {
  width: 120px;
  height: 200px;
}

.comments-page .sitetable .thing.link {
  width: 300px;
  height: 300px;
}

/*
.listing-page .sitetable .thing.link,
.search-page .sitetable .thing.link {
  background-image: url(%%shirt-cutout-160%%);
}

.comments-page .sitetable .thing.link {
  background-image: url(%%shirt-cutout-300%%);
}

.listing-page.res-nightmode .sitetable .thing.link,
.search-page.res-nightmode .sitetable .thing.link {
  background-image: url(%%shirt-cutout-dark-160%%);
}
*/


/* ----- ----- ----- =============== ----- ----- ----- */
/* ----- ----- ----- SHIRT PLACEMENT ----- ----- ----- */
/* ----- ----- ----- =============== ----- ----- ----- */
.listing-page .sitetable .clearleft,
.search-page .sitetable .clearleft {
  clear: none;
}


.sitetable .thing.link.stickied {
  background-image: none !important;
  border-color: #228822 !important;
}

.listing-page #siteTable,
.search-page #siteTable {
  margin-right: 300px;
}



/* ----- ----- ----- ======================= ----- ----- ----- */
/* ----- ----- ----- UNWANTED SHIRT ELEMENTS ----- ----- ----- */
/* ----- ----- ----- ======================= ----- ----- ----- */
/*
.sitetable .thing.link .thumbnail {
  display: none;
}
*/

.thumbnail {
  overflow: visible;
}
.thumbnail img {
  width: 120px;
  height: 200px;

}



.sitetable .thing.link .entry .tagline,
.sitetable .thing.link .entry .expando-button,
.sitetable .thing.link .entry .child {
  display: none;
}

.sitetable .thing.link .entry .title .domain {
  display: none;
}



/* ----- ----- ----- ======================== ----- ----- ----- */
/* ----- ----- ----- DESIRABLE SHIRT ELEMENTS ----- ----- ----- */
/* ----- ----- ----- ======================== ----- ----- ----- */
.listing-page .sitetable .thing.link .rank,
.search-page .sitetable .thing.link .rank {
  position: absolute;
  top: 15px;
  left: 5px
  margin: 0px;
  padding: 0px;
  color: #EEEEEE;
}

.listing-page .sitetable .thing.link .midcol,
.search-page .sitetable .thing.link .midcol {
  position: absolute;
  top: 70px;
  left: 5px;
  margin: 0px;
  padding: 0px;
}

.comments-page .sitetable .thing.link .midcol {
  position: absolute;
  top: 40px;
  left: 10px;
  margin: 0px;
  padding: 0px;
}

.comments-page .sitetable .thing.link .entry .tagline {
  display: block;
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 5px;
  background-color: #FFFFFF;
  width: 100%;
  margin-left: -10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.sitetable .thing.link .entry > .title .approval-checkmark {
  position: absolute;
  top: 5px;
  right: 5px;
}

.sitetable .thing.link .entry > .title .linkflairlabel {
  position: absolute;
  top: 5px;
  left: 5px;
}

.sitetable .thing.link .entry .buttons .first {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.sitetable .thing.link.over18 .nsfw-stamp {
  display: block !important;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: #FFBBBB;
}

.listing-page .sitetable .thing.link .entry > .title a.title,
.search-page .sitetable .thing.link .entry > .title a.title,
.comments-page .sitetable .thing.link .entry > .title a.title {
  text-shadow: 0.5px 0.5px #000000;
  text-align: center;
  color: #EEEEEE;
  display: block;
  position: absolute;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  background-color: transparent!important;
}

.listing-page .sitetable .thing.link .entry > .title a.title,
.search-page .sitetable .thing.link .entry > .title a.title {
  font-size: 10px;
  top: 40px;
  left: 36px;
  right: 36px;
  width: 90px;
  height: 100px;
}

.comments-page .sitetable .thing.link .entry > .title a.title {
  font-size: 18px;
  top: 75px;
  left: 67px;
  right: 67px;
  width: 170px;
  height: 190px;
}



/* ----- ----- ----- ============== ----- ----- ----- */
/* ----- ----- ----- SHIRT CONTROLS ----- ----- ----- */
/* ----- ----- ----- ============== ----- ----- ----- */
.listing-page .sitetable .thing.link .entry .buttons,
.search-page .sitetable .thing.link .entry .buttons {
  position: absolute;
  top: 125px;
  left: -26px;
  width: 200px;
  height: 70px;
  padding: 5px;
  background-color: #FFBBBB;
  border: 1px solid #555555 !important;
  border-radius: 1px !important;
  z-index: 500;
  display: none;
}

.listing-page .sitetable .thing.link:hover .entry .buttons,
.search-page .sitetable .thing.link:hover .entry .buttons {
  display: block;
}

.comments-page .sitetable .thing.link .entry .buttons {
  position: absolute;
  top: 10px;
  left: 320px;
  width: 320px;
  height: 70px;
  padding: 5px;
  background-color: #FFBBBB;
  border: 1px solid #555555 !important;
  border-radius: 20px !important;
}

.sitetable .thing.link .entry .buttons li a{
  color: #888888;
}



/* ----- ----- ----- ========= ----- ----- ----- */
/* ----- ----- ----- RES FIXES ----- ----- ----- */
/* ----- ----- ----- ========= ----- ----- ----- */
.listing-page .neverEndingReddit,
.search-page .neverEndingReddit,
.listing-page #NERFail,
.search-page #NERFail,
.listing-page .NERPageMarker,
.search-page .NERPageMarker {
  width: 160px !important;
  height: 160px !important;
  margin: 15px !important;
  float: left !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 2px solid #555555 !important;
  border-radius: 20px !important;
  box-shadow: 2px 2px 2px #333333;
}

#NERFail h3,
#NERFail .nextprev {
  margin: 5px;
}

.listing-page .thing.link .RES-keyNav-activeElement,
.search-page .thing.link .RES-keyNav-activeElement {
  width: 160px;
  height: 160px;
  margin: 0px;
}

.comments-page .thing.link .RES-keyNav-activeElement {
  width: 300px;
  height: 300px;
  margin: 0px;
}

.listing-page .sitetable .thing.link .entry,
.search-page .sitetable .thing.link .entry,
.comments-page .sitetable .thing.link .entry {
  background-color: transparent !important;
}



/* ----- ----- ----- ============ ----- ----- ----- */
/* ----- ----- ----- SHIRT COLORS ----- ----- ----- */
/* ----- ----- ----- ============ ----- ----- ----- */
/* value 50, saturation 80, hue steps by 10 from 0 */
/*
.sitetable .thing.link[data-fullname$='0'] { background-color: #801919 !important; }
.sitetable .thing.link[data-fullname$='1'] { background-color: #802A19 !important; }
.sitetable .thing.link[data-fullname$='2'] { background-color: #803B19 !important; }
.sitetable .thing.link[data-fullname$='3'] { background-color: #804D19 !important; }
.sitetable .thing.link[data-fullname$='4'] { background-color: #805E19 !important; }
.sitetable .thing.link[data-fullname$='5'] { background-color: #806F19 !important; }
.sitetable .thing.link[data-fullname$='6'] { background-color: #808019 !important; }
.sitetable .thing.link[data-fullname$='7'] { background-color: #6F8019 !important; }
.sitetable .thing.link[data-fullname$='8'] { background-color: #5E8019 !important; }
.sitetable .thing.link[data-fullname$='9'] { background-color: #4D8019 !important; }
.sitetable .thing.link[data-fullname$='a'] { background-color: #3B8019 !important; }
.sitetable .thing.link[data-fullname$='b'] { background-color: #2A8019 !important; }
.sitetable .thing.link[data-fullname$='c'] { background-color: #198019 !important; }
.sitetable .thing.link[data-fullname$='d'] { background-color: #19802A !important; }
.sitetable .thing.link[data-fullname$='e'] { background-color: #19803B !important; }
.sitetable .thing.link[data-fullname$='f'] { background-color: #19804D !important; }
.sitetable .thing.link[data-fullname$='g'] { background-color: #19805E !important; }
.sitetable .thing.link[data-fullname$='h'] { background-color: #19806F !important; }
.sitetable .thing.link[data-fullname$='i'] { background-color: #198080 !important; }
.sitetable .thing.link[data-fullname$='j'] { background-color: #196F80 !important; }
.sitetable .thing.link[data-fullname$='k'] { background-color: #195E80 !important; }
.sitetable .thing.link[data-fullname$='l'] { background-color: #194D80 !important; }
.sitetable .thing.link[data-fullname$='m'] { background-color: #193B80 !important; }
.sitetable .thing.link[data-fullname$='n'] { background-color: #192A80 !important; }
.sitetable .thing.link[data-fullname$='o'] { background-color: #191980 !important; }
.sitetable .thing.link[data-fullname$='p'] { background-color: #2A1980 !important; }
.sitetable .thing.link[data-fullname$='q'] { background-color: #3B1980 !important; }
.sitetable .thing.link[data-fullname$='r'] { background-color: #4D1980 !important; }
.sitetable .thing.link[data-fullname$='s'] { background-color: #5E1980 !important; }
.sitetable .thing.link[data-fullname$='t'] { background-color: #6F1980 !important; }
.sitetable .thing.link[data-fullname$='u'] { background-color: #801980 !important; }
.sitetable .thing.link[data-fullname$='v'] { background-color: #80196F !important; }
.sitetable .thing.link[data-fullname$='w'] { background-color: #80195E !important; }
.sitetable .thing.link[data-fullname$='x'] { background-color: #80194D !important; }
.sitetable .thing.link[data-fullname$='y'] { background-color: #80193B !important; }
.sitetable .thing.link[data-fullname$='z'] { background-color: #80192A !important; }