body {
    background-color: #f1f1f1;
    color: #3b3b3b;
    font-family: verdana, sans-serif;
}

/* Spoiler tag within comments */

a[href$="/spoiler"] {
  background: #000 !important;
  color: #000 !important
}
a[href$="/spoiler"]:hover {
  color: #FFF !important
}

a[href$="#spoiler"] {
  background: #000 !important;
  color: #000 !important
}
a[href$="#spoiler"]:hover {
  color: #FFF !important
}

/* End Spoiler Tag*/

/* Change NSFW to Spoiler */

.marknsfw-button, .unmarknsfw-button  {
    font-size:0;
    }
.marknsfw-button .togglebutton:after {
    content:'spoiler';
    font-size:10px;
    color: #0669ab;
    }
.unmarknsfw-button .togglebutton:after {
    content:'un-spoiler';
    color: #0669ab;
    font-size:10px;
    }
.nsfw-stamp acronym{
    border: #ed453f 1px solid!important;
    display:inline-block;
    font-size:0px!important;
    letter-spacing:0px;
    overflow:hidden;
    vertical-align:bottom;
    margin-bottom:-1px;content:""
    }
.entry .buttons li.nsfw-stamp{
    line-height:.4em
    }
.nsfw-stamp acronym:after{
    content:"SPOILERS!"!important;
    font-size:x-small!important;
    text-decoration:none;
    line-height:1em
    }
.thumbnail.nsfw {
    background:url(%%LinkFlairThumbnails%%)!important;
    background-position: 0px -500px!important;
    width:70px;
    height:70px!important;
    z-index: 1000;
    }

/* End change NSFW to Spoiler */

/* Change vote arrows*/

.arrow.up {
  background-image: url(%%votes%%);
  background-position: 0px -75px;
  height: 20px;
  width: 20px;
}

.arrow.upmod {
  background-image: url(%%votes%%);
  background-position: 0px -50px;
  height: 20px;
  width: 20px;
}

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

.arrow.downmod {
  background-image: url(%%votes%%);
  background-position: 0px 0px;
  height: 20px;
  width: 20px;
}

.normallink .midcol{
  width:30px;
}

.likes .score.likes {
  color:#ce1700
}
.dislikes .score.dislikes {
  color:#02a915
}*/

.midcol{
  width:30px!important;
}

/* Upvote animation */

.thing .upmod:focus::after{
    content:"";
    font-size:12px;
    margin-left:1px;
    position:relative;
    color:#FF4500;
    bottom:18px;
    opacity:0.0;
    -webkit-animation-name:dcupmod;
    -moz-animation-name:dcupmod;
    -webkit-animation-duration:2.0s;
    -moz-animation-duration:2.0s;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    animation-name:dcupmod;
    animation-duration:2.0s;
    animation-timing-function:ease-out;
    animation-iteration-count:1;
    animation-play-state:running;
    z-index:9000;
}

@-webkit-keyframes dcupmod {
    0%{color:#FF8C69}
    8%{bottom:23px;opacity:1.0}
    15%{bottom:28px}
    30%{color:#FF0000}
    50%{color:red;bottom:33px}
    60%{color:#FF4500}
    100%{bottom:38px;opacity:0.0}
}

@-moz-keyframes dcupmod {
    0%{color:#FF8C69}
    8%{bottom:23px;opacity:1.0}
    15%{bottom:28px}
    30%{color:#FF0000}
    50%{color:red;bottom:33px}
    60%{color:#FF4500}
    100%{bottom:38px;opacity:0.0}
}

@keyframes dcupmod {
    0%{color:#FF8C69}
    8%{bottom:23px;opacity:1.0}
    15%{bottom:28px}
    30%{color:#FF0000}
    50%{color:red;bottom:33px}
    60%{color:#FF4500}
    100%{bottom:38px;opacity:0.0}
}

.thing[data-fullname$="a"]>.midcol>.upmod:focus::after{content:"Join them in the Sun!"}
.thing[data-fullname$="b"]>.midcol>.upmod:focus::after{content:"In Brightest Day!"}
.thing[data-fullname$="c"]>.midcol>.upmod:focus::after{content:"All will be well!"}
.thing[data-fullname$="d"]>.midcol>.upmod:focus::after{content:"Darkseid is!"}
.thing[data-fullname$="e"]>.midcol>.upmod:focus::after{content:"Boosterrific!"}
.thing[data-fullname$="f"]>.midcol>.upmod:focus::after{content:"SHAZAM!"}
.thing[data-fullname$="g"]>.midcol>.upmod:focus::after{content:"X'Hal!"}
.thing[data-fullname$="h"]>.midcol>.upmod:focus::after{content:"Solomon Grundy wants pants too!"}
.thing[data-fullname$="i"]>.midcol>.upmod:focus::after{content:"Schway!"}
.thing[data-fullname$="j"]>.midcol>.upmod:focus::after{content:"Athena guides us!"}
.thing[data-fullname$="k"]>.midcol>.upmod:focus::after{content:"Cheese it, Ted!"}
.thing[data-fullname$="l"]>.midcol>.upmod:focus::after{content:"Kneel before Zod!"}
.thing[data-fullname$="m"]>.midcol>.upmod:focus::after{content:"Titans together!"}
.thing[data-fullname$="n"]>.midcol>.upmod:focus::after{content:"Flash fact!"}
.thing[data-fullname$="o"]>.midcol>.upmod:focus::after{content:"Outrageous tale, ol chum!"}
.thing[data-fullname$="p"]>.midcol>.upmod:focus::after{content:"The brave and the bold!"}
.thing[data-fullname$="q"]>.midcol>.upmod:focus::after{content:"All-Star!"}
.thing[data-fullname$="r"]>.midcol>.upmod:focus::after{content:"Are you Green Lantern?"}
.thing[data-fullname$="s"]>.midcol>.upmod:focus::after{content:"In Blackest Night!"}
.thing[data-fullname$="t"]>.midcol>.upmod:focus::after{content:"Me am hate you!"}
.thing[data-fullname$="u"]>.midcol>.upmod:focus::after{content:"The hero Gotham deserves!"}
.thing[data-fullname$="v"]>.midcol>.upmod:focus::after{content:"Hero of the beach!"}
.thing[data-fullname$="w"]>.midcol>.upmod:focus::after{content:"Third smartest person in the world!"}
.thing[data-fullname$="x"]>.midcol>.upmod:focus::after{content:"Show those Poozers!"}
.thing[data-fullname$="y"]>.midcol>.upmod:focus::after{content:"Holy sardine, Batman!"}
.thing[data-fullname$="z"]>.midcol>.upmod:focus::after{content:"Find a quiver for this arrow!"}
.thing[data-fullname$="1"]>.midcol>.upmod:focus::after{content:"Annataz Setovpu!"}
.thing[data-fullname$="2"]>.midcol>.upmod:focus::after{content:"Riddle me this!"}
.thing[data-fullname$="3"]>.midcol>.upmod:focus::after{content:"Rise, the Demon Etrigan!"}
.thing[data-fullname$="4"]>.midcol>.upmod:focus::after{content:"Hotter than Oliver's chili!"}
.thing[data-fullname$="5"]>.midcol>.upmod:focus::after{content:"Booyah!"}
.thing[data-fullname$="6"]>.midcol>.upmod:focus::after{content:"Nok!"}
.thing[data-fullname$="7"]>.midcol>.upmod:focus::after{content:"Khaji Da!"}
.thing[data-fullname$="8"]>.midcol>.upmod:focus::after{content:"Whelming!!"}
.thing[data-fullname$="9"]>.midcol>.upmod:focus::after{content:"Rise!"}
.thing[data-fullname$="0"]>.midcol>.upmod:focus::after{content:"Ace the cloak!"}

.thing .upmod:focus:after{
    white-space:nowrap
}

.midcol, .last-clicked.midcol {
    overflow: visible!important;
}

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

.rank{
    padding-left:10px;
}

.single-page .midcol{
    padding-left:15px!important;
}

/* Downvote message on hover */

.arrow.down:hover:before{
    position:fixed;
    display:block;
    z-index:1000;
    padding:6px 10px;
    content:"Downvoting says: This does not contribute to the discussion. Are you sure?";
    content:"Downvote because content does not contribute to ANYONE in the community, not because you personally dislike like it.";
    text-align:center;
    bottom:0;
    width:100%;
    left:0;
    color:white;
    font-size:18px;
    background-color:#990000;
    }


/* End Downvote message on hover */

/*Replace subreddit readers with something else*/

.subscribers .word, .users-online .word{
    display:none;
}
.subscribers .number:after {
    content: " Justice League members"
}
.users-online .number:after {
    content: " now on patrol";
}


/*Elements at the top of the page*/

/*Header Background*/

#header{
  height: 200px;
  padding: 0px 0 0;
  background-image: url(%%Head-Banner-47%%);
  background-color:#003f5e;
  border-bottom: 1px #002a3e;
  background-repeat: no-repeat;
  box-shadow: 0px -0px 6px #555;
}

/*Necessary spacer for page content*/

.content {
  z-index:1;
  margin:20px 5px 0px 5px;
}

/*End changes your reddit's name at the top of the page to an image*/

/*Hides the default alien image*/

#header-img {
  height: 0px;
  width: 250px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

/*End hides the default alien image*/

/*Align everything nicely*/

#header-img-a,
  .redditname a,
  .tabmenu {
  display: inline;
  float: left;
}

/*End align everything nicely*/

/*End Elements at the top of the page*/

/*Tab Menu Customization*/

.tabmenu{
  background-color: #012d41;
  position: absolute;
  font-size: 12px;
  margin-left: -575px;
  margin-top: 140px;
  border-radius: 2px;
  vertical-align:bottom;
  list-style-type:none;
  white-space:nowrap;
  display:inline-block;
  height: 30px!important;
}

.tabmenu li{
  padding: 4px 0px;
  display: block;
  float: left;
  margin: 0px 3px;
}

.tabmenu li a{
  color: #ffffff;
  font-weight: normal;
  background-color: transparent;
  border: 0pt none;
  text-shadow: 0pt 1px 0pt #000000;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

.tabmenu li.selected a{
  color: #00a9d9;
  font-weight: normal;
  background-color: transparent;
  border: 0pt none;
  text-shadow: 0pt 1px 0pt #000000;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

/*End Tab Menu Customization*/

/*Fixes the Tab Menu on the submitting links page*/

.tabmenu.formtab {
  display:block;
  margin-left: 375px;
  margin-top: -45px;
  vertical-align:bottom;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px!important;
}
.tabmenu.formtab li a{
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  background-color: transparent;
  border: 0pt none;
  text-shadow: 0pt 1px 0pt #000000;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}
.tabmenu.formtab li.selected a{
  color: #00a9d9;
  font-size: 12px;
  font-weight: normal;
  background-color: transparent;
  border: 0pt none;
  text-shadow: 0pt 1px 0pt #000000;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

/* Fixes the Tab Menu on the submitting links page*/

/* Sidebar customization */

div.side {
    padding: 0px;
    padding-top: 475px!important;
    margin-top: 45px;
    background: url(%%CotM29-Zatanna%%)no-repeat
    }

.side .md [href="//redd.it/2ktqrp"] {
    position: absolute;
    top: 218px;
    right: 0%;
    margin-right: 5px;
    width: 300px;
    height: 476px;
}

.sidecontentbox ul.content{
    background-color: #fff;
    border: 0px!important;
}

.side a[href*="/r/DCcomics/wiki/flair"]{
    padding: 6px;
    padding-left: 10px;
    line-height: 8px;
    font-weight: normal;
    font-size: 10px;
    color: black;
    width: 235px!important;
    text-align: center;
    background-color: #f1f1f1;
    display: inline-block;
    margin: 5px;
    margin-left: 10px;
}

.side a[href*="/r/DCcomics/wiki/flair"]:hover {
    padding: 6px;
    padding-left: 10px;
    line-height: 8px;
    font-weight: normal;
    font-size: 10px;
    color: white;
    width: 235px!important;
    text-align: center;
    background-color: #696969;
    display: inline-block;
    margin: 5px;
    margin-left: 10px;
}

/* End sidebar customization */

/*Announcement Box*/

.titlebox .md h3:last-of-type {
    display: block;
    position:absolute;
    min-width: 200px;
    top: 210px;
    left: 41px;
    background-color: #e5e5e5;
    border: 1px;
    border-color: #696969;
    border-radius: 3px;
    z-index: 300;
    padding: 4px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    vertical-align: text-bottom;
    height: 18px;
    }
.titlebox .md h3:last-of-type a{
    font-weight: bold;
    }
.titlebox .md h3:last-of-type a:hover{
    text-decoration:underline
    }
div.content {margin-top: 45px;}     /* <--- THIS IS THE LINE TO EDIT */

/*End Announcement Box*/

/* Link flair classification*/

.flat-list.buttons a.flairselectbtn{
    font-size:0;
    }
.flat-list.buttons a.flairselectbtn:after {
    content: " assign category";
    font-size:10px;
    color: #0669ab;
    }

/* End link flair classification*/

/* Numbered list edit for sidebar */

.titlebox .md ol{
    counter-reset:li;
}

.titlebox .md ol>li{
    position:relative;
    margin:0 0 6px 0px;
    padding:4px 8px;
    list-style:none;
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    background:#fdfdfd;
}

.titlebox .md ol>li:before{
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:-1px;
    left:-26px;
    bottom:-1px;
    width:26px;
    border-right:1px solid #eee;
    margin-right:4px;
    padding:4px 0;
    border-top:2px solid #f1f1f1;
    color:#666;
    background:#f1f1f1;
    font-weight:bold;
    text-align:center;font-size:12px
}

/*Hides the default alien image*/

#header-img {
  height: 121px;
  width: 225px;
  position: absolute;
  left: 40px;
  margin-top:10px;
}

/* Changes your reddit's name at the top of the page to an image*/
.pagename a {
  display: inline-block;
  background-repeat: no-repeat;
  margin-top: 83px;
  margin-left: 265px;
  padding-bottom:0px;
}
.hover.pagename.redditname{
  color: white;
  position: relative;
  top: 110px;
}
.redditname a{
  background:url(%%rDCcomics%%);
  height: 42px;
  width: 342px;
  padding-bottom:10px;
  background-repeat: no-repeat;
  text-indent: -9000px;
}
.side .redditname a{
    height: -0px;
    max-width: 0px;
}

/* End Changes your reddit's name at the top of the page to an image*/

/* Move searchbar to top of page */

body:not(.search-page) #search{
  position:absolute;
  top: 43px;
  height: 30px;
  z-index: 300;
}
#search input[type=text] {
  border:1px solid rgb(170, 170, 170);
  border-radius: 5px;
  background-image: url(%%tabmenu%%);
  background-repeat: repeat-x;
  font-size:12px;
  width:290px;
  padding:4px;
}

.sidecontentbox .helplink + .title h1 {
    font-size: 0 !important;
    content: '';
}
.sidecontentbox .helplink + .title h1:before {
    font-size: 11px !important;
    padding-bottom: 2px;
    line-height: 15px;
    vertical-align: text-bottom;
    content: 'Mod Team';
}

/* Move searchbar to top of page */

#header-bottom-right {
    top:208px!important;
    background-color: #f1f1f1;
    margin-right: 8px;
}


/*-------------------*/


/* Autowikibot hover to display by /u/Dropping_fruits */
/* Code updates and discussion: http://redd.it/1vr0r2 */

.comment .md h5+h6+h4+p,.comment .md h5+h6+h4+p+hr,.comment .md h5+h6+h4+p+hr+blockquote,.comment .md h5+h6+h4+p+hr+blockquote+hr,.comment .md h5+h6+h4+p+hr+blockquote+hr+p,.comment .md h5+h6+h4+p+hr+blockquote+hr+p+p {
    display: none;
}

.comment .md:hover h5+h6+h4+p,.comment .md:hover h5+h6+h4+p+hr,.comment .md:hover h5+h6+h4+p+hr+blockquote,.comment .md:hover h5+h6+h4+p+hr+blockquote+hr,.comment .md:hover h5+h6+h4+p+hr+blockquote+hr+p,.comment .md:hover h5+h6+h4+p+hr+blockquote+hr+p+p {
    display: block;
}

.comment .md h5+h6+h4:after {
    content: "Autowikibot post - hover to view";
}

.comment .md:hover h5+h6+h4:after {
content: ""
}

/* Automoderator Force Namechange */

.author[href$="/AutoModerator"]:after {
    content: "Brother EYE";
    visibility: visible !important;
    font-size: 10px;
    color: #369;
    position: relative;
    }

.side .author[href$="/AutoModerator"]:after {
    content: "Brother EYE";
    visibility: visible !important;
    font-size: 12px;
    position: relative;
    }

.author[href$="/AutoModerator"] {
    font-size: 0px;
    visibility: hidden;
    }

.comments-page .usertext-edit .bottom-area::before {
    content: 'Please adhere to the few rules in the sidebar when participating';
    color: #003300;
    display: block;
    background-color: #00cc33;
    padding: 6px;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    margin: 2px 0;
    border-radius: 3px;
    border: 1px solid #339900;
    }

.link[data-ups="2"][data-downs="0"] .down,
.link[data-ups="1"][data-downs="0"] .down,
.link[data-ups="1"][data-downs="1"] .down,
.link[data-ups="0"][data-downs="1"] .down,
.link[data-ups="0"][data-downs="2"] .down,
.link[data-ups="0"][data-downs="0"] .down{
  position:relative;
  z-index:-1;
  opacity:0.3;
}

.morelink{
    font-weight:normal;
    letter-spacing:0;
    background:#003f5e;
    border: none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: white;
}

.morelink:hover{
    background:#696969;
    background-color: #696969;
    border-color: #8D8D8D;
}

.morelink .nub{
    display: none;
}

.morelink{
    color:#FFF;
    font-family:Verdana, Arial, sans-serif;
    font-size:16px;
    width: 145px;
}

.sidebox.create{
    display:none!important;
}

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

.sidebox.submit-link .morelink::before{
    display: block;
    clear: none;
    content: "Submit a Link";
    font-size: 95%;
}

.sidebox.submit-text .morelink::before{
    display: block;
    clear: none;
    content: "Or a Self Post";
    font-size: 90%;
}

.sidebox.submit .morelink a{
    position: absolute;
    top: 0;
    padding-left: 1000px;
    font-size: 0px;
    text-align: right;
    color: #56a6f7;
}

.sidebox.submit.submit-link {
    width: 150px;
}

.sidebox.submit.submit-text
{
    margin-top: -42px;
    margin-left: 153px;
}


.sidebox.submit:hover:before{
    position:fixed;
    display:block;
    z-index:1000;
    padding:6px 10px;
    content:"Have a question? Try asking in the weekly Ask the Veterans post every Sunday!";
    text-align:center;
    bottom:0;
    width:100%;
    left:0;
    color:#ffffff!important;
    text-shadow: 0px 0px;
    border: 0px!important;
    font-size:12px;
    background-color:#009900;
}

.report-button .option:not(.error):hover:before{
    position:fixed;
    display:block;
    z-index:1000;
    padding:6px 10px;
    content:"Message the moderators to ensure a swift response.";
    text-align:center;
    bottom:0;
    width:100%;
    left:0;
    color:white;
    font-size:12px;
    background-color:#009900;
}

.comments-page #noresults:after {
    content: "... so go ahead and tell us what you think!";
}

.titlebox{
    padding:7px;
    background-color:#fff;
    color:#000
}
.titlebox .bottom{
    border:0
}
.titlebox form.toggle{
    background-color:transparent}
.titlebox .usertext{margin:15px 0;line-height:120%;font-size:small}
.titlebox .usertext .md{margin:0;padding:0;overflow:visible}

.titlebox .usertext .md>h1{
    background-color:#012d41;
    color:#FFF;
    text-shadow: 1px 1px 4px #000;
    padding:15px 15px;
    border-top:1px solid #77daf5!important;
    border-bottom:1px solid #000!important;
    margin-bottom:15px;
    margin-top:20px;
    margin-right:-7px;
    margin-left:-12px;
    z-index:100;
    font: Arial;
    font-size:16px;
    font-weight: bold;
    box-shadow: 2px 2px 5px #000;
    }

.sitetable{font-family:verdana,sans-serif;clear:left}
.infobar{overflow:hidden;margin:4 4 10px}
.content{margin-left: 10px}
.link, .link.last-clicked{position:relative;margin-right:320px;padding:8px;background-color:#fff}
.link.promotedlink{margin-right:0px}


/* Link Flair */

.link .flair {
margin-top: 0px!important;
}

.flairoptionpane li {
    position: relative;
}
.flairoptionpane .linkflairlabel {
    text-indent: 0;
    width: auto;
}

.linkflairlabel {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height:20px;
    border:none!important;
    width:25px;
    padding:0!important;
    text-indent:-100px;
    z-index: 9000;
    background: transparent;
    -webkit-transition:background-position .2s ease-in-out,width .5s ease-in-out,padding .5s ease-out,height .5s ease-in-out;
    -moz-transition:background-position .2s ease-in-out,width .5s ease-in-out,padding .5s ease-out,height .5s ease-in-out;
    -ms-transition:background-position .2s ease-in-out,width .5s ease-in-out,padding .5s ease-out,height .5s ease-in-out;
    -o-transition:background-position .2s ease-in-out,width .5s ease-in-out,padding .5s ease-out,height .5s ease-in-out;
    transition:background-position .2s ease-in-out,width .5s ease-in-out,padding .5s ease-out,height .5s ease-in-out;
}

.linkflair-art .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px 0px;
    width: 70px;
    height: 50px;
}
.linkflair-art div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px 0px;
    background-repeat:no-repeat;
}
.linkflair-art div.entry p .linkflairlabel:hover{
    background-position:0px 0px;
}

.linkflair-comics .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -50px;
    width: 70px;
    height: 50px;
}
.linkflair-comics div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -60px;
    background-repeat:no-repeat;
}
.linkflair-comics div.entry p .linkflairlabel:hover{
    background-position:0px -60px;
}

.linkflair-general .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -200px;
    width: 70px;
    height: 50px;
}
.linkflair-general div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -240px;
    background-repeat:no-repeat;
}
.linkflair-general div.entry p .linkflairlabel:hover{
    background-position:0px -240px;
}

.linkflair-fan .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -100px;
    width: 70px;
    height: 50px;
}
.linkflair-fan div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -120px;
    background-repeat:no-repeat;
}
.linkflair-fan div.entry p .linkflairlabel:hover{
    background-position:0px -120px;
}

.linkflair-movies .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -150px;
    width: 70px;
    height: 50px;
}
.linkflair-movies div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -180px;
    background-repeat:no-repeat;
}
.linkflair-movies div.entry p .linkflairlabel:hover{
    background-position:0px -180px;
}

.linkflair-toys .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -250px;
    width: 70px;
    height: 50px;
}
.linkflair-toys div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -300px;
    background-repeat:no-repeat;
}
.linkflair-toys div.entry p .linkflairlabel:hover{
    background-position:0px -300px;
}

.linkflair-games .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -300px;
    width: 70px;
    height: 50px;
}
.linkflair-games div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -360px;
    background-repeat:no-repeat;
}
.linkflair-games div.entry p .linkflairlabel:hover{
    background-position:0px -360px;
}

.linkflair-web .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -350px;
    width: 70px;
    height: 50px;
}
.linkflair-web div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -420px;
    background-repeat:no-repeat;
}
.linkflair-web div.entry p .linkflairlabel:hover{
    background-position:0px -420px;
}

.linkflair-other .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -400px;
    width: 70px;
    height: 50px;
}
.linkflair-other div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -480px;
    background-repeat:no-repeat;
}
.linkflair-other div.entry p .linkflairlabel:hover{
    background-position:0px -480px;
}

.linkflair-rdccomics .thumbnail {
    background-image: url(%%LinkFlairThumbnails%%);
    background-position: 0px -450px;
    width: 70px;
    height: 50px;
}
.linkflair-rdccomics div.entry p .linkflairlabel {
    background:url(%%LinkCategoryLabelSheet%%);
    background-position:-280px -540px;
    background-repeat:no-repeat;
}
.linkflair-rdccomics div.entry p .linkflairlabel:hover{
    background-position:0px -540px;
}

.linkflair-art div.entry p .linkflairlabel:hover,
.linkflair-comics div.entry p .linkflairlabel:hover,
.linkflair-fan div.entry p .linkflairlabel:hover,
.linkflair-movies div.entry p .linkflairlabel:hover,
.linkflair-general div.entry p .linkflairlabel:hover,
.linkflair-games div.entry p .linkflairlabel:hover,
.linkflair-toys div.entry p .linkflairlabel:hover,
.linkflair-web div.entry p .linkflairlabel:hover,
.linkflair-other div.entry p .linkflairlabel:hover,
.linkflair-rdccomics div.entry p .linkflairlabel:hover{
    height:60px;
    text-indent:0px;
    line-height:60px;
    text-indent:20px;
    letter-spacing:2px;
    color:#fff;
    text-shadow:-1px 1px 10px #000;
    font-size:10px;
    padding-right:275px!important;
    opacity:1;
    -webkit-transition:background-position .1s ease-in,text-indent .2s ease-in;
    -moz-transition:background-position .1s ease-in,text-indent .2s ease-in;
    -o-transition:background-position .1s ease-in,text-indent .2s ease-in;
    transition:background-position .1s ease-in,text-indent .2s ease-in
}

body:not(.moderator) .flairsample-left .linkflair-rdccomics {
    display: none;
}

.linkflair .thumbnail img {
    height: auto;
    min-height: 50px;
    max-height: 70px;
    width: auto;
    min-width: 70px;
}

.linkflair-none{
    border-left: 5px solid #ffffff;
}

.linkflair-none .flat-list.buttons a.flairselectbtn:after{
    content: "please assign a category";
    font-size:10px;
    color: #0669ab;
    }

.linkflair-none .flat-list.buttons a.flairselectbtn:before   {
    content: "";
    background: url(%%plzflair%%) no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: transparent;
    margin-right: 5px;
    margin-left: 3px;
}

.linkflair-none .flat-list.buttons .flairselectbtn:before{
    animation: animationFrames linear 1s;
    animation-iteration-count: 99999;
    -webkit-animation: animationFrames linear 1s;
    -webkit-animation-iteration-count: 99999;
    -moz-animation: animationFrames linear 1s;
    -moz-animation-iteration-count: 99999;
    -o-animation: animationFrames linear 1s;
    -o-animation-iteration-count: 99999;
    -ms-animation: animationFrames linear 1s;
    -ms-animation-iteration-count: 99999;
}

@keyframes animationFrames{0%{left:0;top:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}100%{left:0;top:0;opacity:1;transform:rotate(360deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}}@-moz-keyframes animationFrames{0%{left:0;top:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}100%{left:0;top:0;opacity:1;-moz-transform:rotate(360deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}}@-webkit-keyframes animationFrames{0%{left:0;top:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}100%{left:0;top:0;opacity:1;-webkit-transform:rotate(360deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}}@-o-keyframes animationFrames{0%{left:0;top:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}100%{left:0;top:0;opacity:1;-o-transform:rotate(360deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}}@-ms-keyframes animationFrames{0%{left:0;top:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}100%{left:0;top:0;opacity:1;-ms-transform:rotate(360deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}}

/* End Link Flair */

/* Link flair classification*/

.flat-list.buttons a.flairselectbtn{
    font-size:0;
    }
.flat-list.buttons a.flairselectbtn:after {
    content: " assign category";
    font-size:10px;
    color: #0669ab;
    }

/* End link flair classification*/

/* Link flair customization in sidebar*/

html:lang(ic) .link:not(.linkflair-art),
html:lang(co) .link:not(.linkflair-comics),
html:lang(gn) .link:not(.linkflair-general),
html:lang(fm) .link:not(.linkflair-fan),
html:lang(mo) .link:not(.linkflair-movies),
html:lang(me) .link:not(.linkflair-toys),
html:lang(vg) .link:not(.linkflair-games),
html:lang(wc) .link:not(.linkflair-web),
html:lang(dc) .link:not(.linkflair-rdccomics),
html:lang(un) .link:not(.linkflair-other) {
    display: none;
}
[href$="#un"],
[href$="#dc"],
[href$="#wc"],
[href$="#vg"],
[href$="#me"],
[href$="#mo"],
[href$="#fm"],
[href$="#gn"],
[href$="#co"],
[href$="#ic"],
[href*="ccomics+nsfw%3Ano+-spoiler"],
[href$="/r/dccomics#"] {
    background: #f1f1f1;
    border-left: 5px solid;
    color: #000;
    width: 100px;
    padding: 6px 6px 6px 10px;
    line-height: 8px;
    font-weight: normal;
    font-size: 10px;
    display: inline-block;
    margin: 5px 5px 5px 10px;
}
[href$="#un"]:hover,
[href$="#dc"]:hover,
[href$="#wc"]:hover,
[href$="#vg"]:hover,
[href$="#me"]:hover,
[href$="#mo"]:hover,
[href$="#fm"]:hover,
[href$="#gn"]:hover,
[href$="#co"]:hover,
[href$="#ic"]:hover,
[href*="ccomics+nsfw%3Ano+-spoiler"]:hover,
[href$="/r/dccomics#"]:hover {
    background: #696969;
}
/* Art & Illustration */
[href$="#ic"] { border-left-color: #ed193a; }
/* Comic Books */
[href$="#co"] { border-left-color: #965ba5; }
/* General */
[href$="#gn"] { border-left-color: #8fd03e; }
/* Fan-made */
[href$="#fm"] { border-left-color: #f0c318; }
/* Film + Animation */
[href$="#mo"] { border-left-color: #00b8de; }
/* Merchandise */
[href$="#me"] { border-left-color: #004db7; }
/* Video Games */
[href$="#vg"] { border-left-color: #ff7d00; }
/* Web Comics */
[href$="#wc"] { border-left-color: #ee4d9b; }
/* r/DCcomics */
[href$="#dc"] { border-left-color: #069948; }
/* Other */
[href$="#un"] { border-left-color: #000; }
/* Spoiler Free */
[href*="ccomics+nsfw%3Ano+-spoiler"],
[href$="/r/dccomics#"] {
    width: 235px;
}

/* Userflair 3.0 */

.comment .expand{
    float:left
}
.flairoptionpane{
    max-height:600px
}
.side.flairselector.drop-choices.active{
    margin-left:-205px!important;
    margin-top:-368px!important;
    z-index:9000;
}
.flairselector .customizer{
    display:none!important
}
.flair:hover::after{
    position:absolute;display:block
}

.listing-page.link, .sitetable.linklisting .flair{
    display:none;
}

.commentarea form.usertext, ul.flat-list.buttons{
    margin-left:20px;
}

.markdownEditor-wrapper {
    overflow: hidden;
}

/* Bot Force Namechange */

.author[href$="/G4MBot"]:after {
    content: "A.L.F.R.E.D";
    visibility: visible !important;
    font-size: 10px;
    color: #369;
    position: relative;
    }

.side .author[href$="/G4MBot"]:after {
    content: "A.L.F.R.E.D";
    visibility: visible !important;
    font-size: 12px;
    position: relative;
    }

.author[href$="/G4MBot"] {
    font-size: 0px;
    visibility: hidden;
    }

/*FLAIR STUFF*/

a[href*="/message/compose/?to=G4MBot&subject=DCflair"]:before, .flair{
border: none !important;
background: url(%%spritesheet%%) no-repeat -9999px -9999px;
display:inline-block;
height: 30px;
min-width: 60px;
line-height: 30px;
text-indent: 62px;
vertical-align: middle;
font-weight: bold;
content: ""
}

a[href$="amethyst"]:before, .flair-amethyst{ background-position: 0 0;  }
a[href$="animalman"]:before, .flair-animalman{ background-position: 0 -80px;  }
a[href$="aquaman"]:before, .flair-aquaman{ background-position: 0 -160px;  }
a[href$="arsenal"]:before, .flair-arsenal{ background-position: 0 -240px;  }
a[href$="azrael"]:before, .flair-azrael{ background-position: 0 -320px;  }
a[href$="batfleck"]:before, .flair-batfleck{ background-position: 0 -400px;  }
a[href$="batgirl-01"]:before, .flair-batgirl-01{ background-position: 0 -480px;  }
a[href$="batgirl-02"]:before, .flair-batgirl-02{ background-position: 0 -560px;  }
a[href$="batgirl-cassandra"]:before, .flair-batgirl-cassandra{ background-position: 0 -640px;  }
a[href$="batgirl-stephanie"]:before, .flair-batgirl-stephanie{ background-position: 0 -720px;  }
a[href$="batman"]:before, .flair-batman{ background-position: 0 -800px;  }
a[href$="batman66"]:before, .flair-batman66{ background-position: 0 -880px;  }
a[href$="batwing"]:before, .flair-batwing{ background-position: 0 -960px;  }
a[href$="batwoman"]:before, .flair-batwoman{ background-position: 0 -1040px;  }
a[href$="beyond"]:before, .flair-beyond{ background-position: 0 -1120px;  }
a[href$="birdsofprey"]:before, .flair-birdsofprey{ background-position: 0 -1200px;  }
a[href$="bizarro"]:before, .flair-bizarro{ background-position: 0 -1280px;  }
a[href$="blacklantern"]:before, .flair-blacklantern{ background-position: 0 -1360px;  }
a[href$="bludhaven"]:before, .flair-bludhaven{ background-position: 0 -1440px;  }
a[href$="bluebeetle"]:before, .flair-bluebeetle{ background-position: 0 -1520px;  }
a[href$="bluebird"]:before, .flair-bluebird{ background-position: 0 -1600px;  }
a[href$="bluelantern"]:before, .flair-bluelantern{ background-position: 0 -1680px;  }
a[href$="boostergold"]:before, .flair-boostergold{ background-position: 0 -1760px;  }
a[href$="brainiac-tas"]:before, .flair-brainiac-tas{ background-position: 0 -1840px;  }
a[href$="captaincarrot"]:before, .flair-captaincarrot{ background-position: 0 -1920px;  }
a[href$="captaincold"]:before, .flair-captaincold{ background-position: 0 -2000px;  }
a[href$="carriekelly"]:before, .flair-carriekelly{ background-position: 0 -2080px;  }
a[href$="catwoman01"]:before, .flair-catwoman01{ background-position: 0 -2160px;  }
a[href$="comedian"]:before, .flair-comedian{ background-position: 0 -2240px;  }
a[href$="constantine01"]:before, .flair-constantine01{ background-position: 0 -2320px;  }
a[href$="courtofowls"]:before, .flair-courtofowls{ background-position: 0 -2400px;  }
a[href$="cyborg01"]:before, .flair-cyborg01{ background-position: 0 -2480px;  }
a[href$="cyborg52"]:before, .flair-cyborg52{ background-position: 0 -2560px;  }
a[href$="deadman"]:before, .flair-deadman{ background-position: 0 -2640px;  }
a[href$="deadshot01"]:before, .flair-deadshot01{ background-position: 0 -2720px;  }
a[href$="deadshot02"]:before, .flair-deadshot02{ background-position: 0 -2800px;  }
a[href$="deadshot03"]:before, .flair-deadshot03{ background-position: 0 -2880px;  }
a[href$="deathstroke01"]:before, .flair-deathstroke01{ background-position: 0 -2960px;  }
a[href$="deathstroke02"]:before, .flair-deathstroke02{ background-position: 0 -3040px;  }
a[href$="doctorfate01"]:before, .flair-doctorfate01{ background-position: 0 -3120px;  }
a[href$="dream"]:before, .flair-dream{ background-position: 0 -3200px;  }
a[href$="drmanhattan"]:before, .flair-drmanhattan{ background-position: 0 -3280px;  }
a[href$="firestorm01"]:before, .flair-firestorm01{ background-position: 0 -3360px;  }
a[href$="firestorm02"]:before, .flair-firestorm02{ background-position: 0 -3440px;  }
a[href$="flash"]:before, .flair-flash{ background-position: 0 -3520px;  }
a[href$="gcpd01"]:before, .flair-gcpd01{ background-position: 0 -3600px;  }
a[href$="gcpd02"]:before, .flair-gcpd02{ background-position: 0 -3680px;  }
a[href$="gordon01"]:before, .flair-gordon01{ background-position: 0 -3760px;  }
a[href$="gordon02"]:before, .flair-gordon02{ background-position: 0 -3840px;  }
a[href$="greenarrow"]:before, .flair-greenarrow{ background-position: 0 -3920px;  }
a[href$="greenarrow52"]:before, .flair-greenarrow52{ background-position: 0 -4000px;  }
a[href$="greenlantern"]:before, .flair-greenlantern{ background-position: 0 -4080px;  }
a[href$="grifter"]:before, .flair-grifter{ background-position: 0 -4160px;  }
a[href$="harleyquinn01"]:before, .flair-harleyquinn01{ background-position: 0 -4240px;  }
a[href$="hawkman"]:before, .flair-hawkman{ background-position: 0 -4320px;  }
a[href$="hollis"]:before, .flair-hollis{ background-position: 0 -4400px;  }
a[href$="huntress"]:before, .flair-huntress{ background-position: 0 -4480px;  }
a[href$="indigotribe"]:before, .flair-indigotribe{ background-position: 0 -4560px;  }
a[href$="joker01"]:before, .flair-joker01{ background-position: 0 -4640px;  }
a[href$="joker02"]:before, .flair-joker02{ background-position: 0 -4720px;  }
a[href$="justice"]:before, .flair-justice{ background-position: 0 -4800px;  }
a[href$="kid-flash"]:before, .flair-kid-flash{ background-position: 0 -4880px;  }
a[href$="knightfall"]:before, .flair-knightfall{ background-position: 0 -4960px;  }
a[href$="legionofsuperheroes"]:before, .flair-legionofsuperheroes{ background-position: 0 -5040px;  }
a[href$="lexcorp01"]:before, .flair-lexcorp01{ background-position: 0 -5120px;  }
a[href$="lexcorp02"]:before, .flair-lexcorp02{ background-position: 0 -5200px;  }
a[href$="lexluthor01"]:before, .flair-lexluthor01{ background-position: 0 -5280px;  }
a[href$="lexluthor02"]:before, .flair-lexluthor02{ background-position: 0 -5360px;  }
a[href$="lexpresident"]:before, .flair-lexpresident{ background-position: 0 -5440px;  }
a[href$="lobo"]:before, .flair-lobo{ background-position: 0 -5520px;  }
a[href$="lucifermorningstar"]:before, .flair-lucifermorningstar{ background-position: 0 -5600px;  }
a[href$="madamexanadu"]:before, .flair-madamexanadu{ background-position: 0 -5680px;  }
a[href$="martianmanhunter"]:before, .flair-martianmanhunter{ background-position: 0 -5760px;  }
a[href$="martianmanhunter01"]:before, .flair-martianmanhunter01{ background-position: 0 -5840px;  }
a[href$="maul"]:before, .flair-maul{ background-position: 0 -5920px;  }
a[href$="mm-copper"]:before, .flair-mm-copper{ background-position: 0 -6000px;  }
a[href$="mm-gold"]:before, .flair-mm-gold{ background-position: 0 -6080px;  }
a[href$="mm-iron"]:before, .flair-mm-iron{ background-position: 0 -6160px;  }
a[href$="mm-lead"]:before, .flair-mm-lead{ background-position: 0 -6240px;  }
a[href$="mm-mercury"]:before, .flair-mm-mercury{ background-position: 0 -6320px;  }
a[href$="mm-platinum"]:before, .flair-mm-platinum{ background-position: 0 -6400px;  }
a[href$="mm-tin"]:before, .flair-mm-tin{ background-position: 0 -6480px;  }
a[href$="mrterrific"]:before, .flair-mrterrific{ background-position: 0 -6560px;  }
a[href$="nightwing"]:before, .flair-nightwing{ background-position: 0 -6640px;  }
a[href$="nightwing52"]:before, .flair-nightwing52{ background-position: 0 -6720px;  }
a[href$="omac"]:before, .flair-omac{ background-position: 0 -6800px;  }
a[href$="orangelantern"]:before, .flair-orangelantern{ background-position: 0 -6880px;  }
a[href$="owlman01"]:before, .flair-owlman01{ background-position: 0 -6960px;  }
a[href$="ozymandias"]:before, .flair-ozymandias{ background-position: 0 -7040px;  }
a[href$="penguinumbrella"]:before, .flair-penguinumbrella{ background-position: 0 -7120px;  }
a[href$="powergirl01"]:before, .flair-powergirl01{ background-position: 0 -7200px;  }
a[href$="powerring"]:before, .flair-powerring{ background-position: 0 -7280px;  }
a[href$="question"]:before, .flair-question{ background-position: 0 -7360px;  }
a[href$="raven"]:before, .flair-raven{ background-position: 0 -7440px;  }
a[href$="redhood"]:before, .flair-redhood{ background-position: 0 -7520px;  }
a[href$="redhood01"]:before, .flair-redhood01{ background-position: 0 -7600px;  }
a[href$="redlantern"]:before, .flair-redlantern{ background-position: 0 -7680px;  }
a[href$="redrobin01"]:before, .flair-redrobin01{ background-position: 0 -7760px;  }
a[href$="redson"]:before, .flair-redson{ background-position: 0 -7840px;  }
a[href$="redtornado"]:before, .flair-redtornado{ background-position: 0 -7920px;  }
a[href$="reverse-flash"]:before, .flair-reverse-flash{ background-position: 0 -8000px;  }
a[href$="riddler"]:before, .flair-riddler{ background-position: 0 -8080px;  }
a[href$="robin"]:before, .flair-robin{ background-position: 0 -8160px;  }
a[href$="robin02"]:before, .flair-robin02{ background-position: 0 -8240px;  }
a[href$="rorschach"]:before, .flair-rorschach{ background-position: 0 -8320px;  }
a[href$="shazam"]:before, .flair-shazam{ background-position: 0 -8400px;  }
a[href$="silkspectre"]:before, .flair-silkspectre{ background-position: 0 -8480px;  }
a[href$="sinestro"]:before, .flair-sinestro{ background-position: 0 -8560px;  }
a[href$="sodercola"]:before, .flair-sodercola{ background-position: 0 -8640px;  }
a[href$="spartan"]:before, .flair-spartan{ background-position: 0 -8720px;  }
a[href$="spoiler"]:before, .flair-spoiler{ background-position: 0 -8800px;  }
a[href$="static01"]:before, .flair-static01{ background-position: 0 -8880px;  }
a[href$="static02"]:before, .flair-static02{ background-position: 0 -8960px;  }
a[href$="superboy-prime"]:before, .flair-superboy-prime{ background-position: 0 -9040px;  }
a[href$="supergirl"]:before, .flair-supergirl{ background-position: 0 -9120px;  }
a[href$="supergirl52"]:before, .flair-supergirl52{ background-position: 0 -9200px;  }
a[href$="superman-mos"]:before, .flair-superman-mos{ background-position: 0 -9280px;  }
a[href$="superman"]:before, .flair-superman{ background-position: 0 -9360px;  }
a[href$="swampthing01"]:before, .flair-swampthing01{ background-position: 0 -9440px;  }
a[href$="swampthing02"]:before, .flair-swampthing02{ background-position: 0 -9520px;  }
a[href$="talon"]:before, .flair-talon{ background-position: 0 -9600px;  }
a[href$="tdkr"]:before, .flair-tdkr{ background-position: 0 -9680px;  }
a[href$="teentitans"]:before, .flair-teentitans{ background-position: 0 -9760px;  }
a[href$="thespectre"]:before, .flair-thespectre{ background-position: 0 -9840px;  }
a[href$="transmetropolitan"]:before, .flair-transmetropolitan{ background-position: 0 -9920px;  }
a[href$="twoface01"]:before, .flair-twoface01{ background-position: 0 -10000px;  }
a[href$="ultraman"]:before, .flair-ultraman{ background-position: 0 -10080px;  }
a[href$="v"]:before, .flair-v{ background-position: 0 -10160px;  }
a[href$="violetlantern"]:before, .flair-violetlantern{ background-position: 0 -10240px;  }
a[href$="void"]:before, .flair-void{ background-position: 0 -10320px;  }
a[href$="voodoo"]:before, .flair-voodoo{ background-position: 0 -10400px;  }
a[href$="warblade"]:before, .flair-warblade{ background-position: 0 -10480px;  }
a[href$="watchmen"]:before, .flair-watchmen{ background-position: 0 -10560px;  }
a[href$="whitelanterns"]:before, .flair-whitelanterns{ background-position: 0 -10640px;  }
a[href$="wildcats"]:before, .flair-wildcats{ background-position: 0 -10720px;  }
a[href$="wonderwoman"]:before, .flair-wonderwoman{ background-position: 0 -10800px;  }
a[href$="wonderwoman52"]:before, .flair-wonderwoman52{ background-position: 0 -10880px;  }
a[href$="y-lastman"]:before, .flair-y{ background-position: 0 -10960px;  }
a[href$="zatana"]:before, .flair-zatana{ background-position: 0 -11040px;  }
a[href$="zealot"]:before, .flair-zealot{ background-position: 0 -11120px;  }
a[href$="zod-mos"]:before, .flair-zod-mos{ background-position: 0 -11200px;  }

/*Flairlist 2*/
a[href$="amethyst02"]:before, .flair-amethyst02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 0;  }
a[href$="anarchy01"]:before, .flair-anarchy01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -80px;  }
a[href$="aqualad01"]:before, .flair-aqualad01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -160px;  }
a[href$="aquaman02"]:before, .flair-aquaman02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -240px;  }
a[href$="arsenal02"]:before, .flair-arsenal02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -320px;  }
a[href$="artemis01"]:before, .flair-artemis01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -400px;  }
a[href$="atom01"]:before, .flair-atom01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -480px;  }
a[href$="batman02"]:before, .flair-batman02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -560px;  }
a[href$="batmite01"]:before, .flair-batmite01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -640px;  }
a[href$="batswarm"]:before, .flair-batswarm{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -720px;  }
a[href$="bigbarda01"]:before, .flair-bigbarda01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -800px;  }
a[href$="bluelanternflash01"]:before, .flair-bluelanternflash01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -880px;  }
a[href$="cassandra01"]:before, .flair-cassandra01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -960px;  }
a[href$="darkseid01"]:before, .flair-darkseid01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1040px;  }
a[href$="dawnofjustice01"]:before, .flair-dawnofjustice01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1120px;  }
a[href$="dc01"]:before, .flair-dc01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1200px;  }
a[href$="dc02"]:before, .flair-dc02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1280px;  }
a[href$="dc03"]:before, .flair-dc03{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1360px;  }
a[href$="dc04"]:before, .flair-dc04{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1440px;  }
a[href$="dc05"]:before, .flair-dc05{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1520px;  }
a[href$="diggle01"]:before, .flair-diggle01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1600px;  }
a[href$="doompatrol01"]:before, .flair-doompatrol01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1680px;  }
a[href$="dream02"]:before, .flair-dream02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1760px;  }
a[href$="fables"]:before, .flair-fables{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1840px;  }
a[href$="flash02"]:before, .flair-flash02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -1920px;  }
a[href$="fp-abinsur"]:before, .flair-fp-abinsur{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2000px;  }
a[href$="fp-batman"]:before, .flair-fp-batman{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2080px;  }
a[href$="fp-outsider"]:before, .flair-fp-outsider{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2160px;  }
a[href$="fp-secretseven"]:before, .flair-fp-secretseven{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2240px;  }
a[href$="generalzod01"]:before, .flair-generalzod01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2320px;  }
a[href$="gordon03"]:before, .flair-gordon03{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2400px;  }
a[href$="grayson01"]:before, .flair-grayson01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2480px;  }
a[href$="greenlantern02"]:before, .flair-greenlantern02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2560px;  }
a[href$="grodd01"]:before, .flair-grodd01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2640px;  }
a[href$="heatwave"]:before, .flair-heatwave{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2720px;  }
a[href$="hive"]:before, .flair-hive{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2800px;  }
a[href$="hush01"]:before, .flair-hush01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2880px;  }
a[href$="joker03"]:before, .flair-joker03{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -2960px;  }
a[href$="lobo02"]:before, .flair-lobo02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3040px;  }
a[href$="madamexanadu01"]:before, .flair-madamexanadu01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3120px;  }
a[href$="mayorhundred"]:before, .flair-mayorhundred{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3200px;  }
a[href$="mmh-gold"]:before, .flair-mmh-gold{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3280px;  }
a[href$="mmh-iron"]:before, .flair-mmh-iron{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3360px;  }
a[href$="mmh-lead"]:before, .flair-mmh-lead{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3440px;  }
a[href$="mmh-mercury"]:before, .flair-mmh-mercury{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3520px;  }
a[href$="mmh-platinum"]:before, .flair-mmh-platinum{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3600px;  }
a[href$="mmh-tin"]:before, .flair-mmh-tin{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3680px;  }
a[href$="mrmxy"]:before, .flair-mrmxy{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3760px;  }
a[href$="nightlantern"]:before, .flair-nightlantern{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3840px;  }
a[href$="phantomstranger01"]:before, .flair-phantomstranger01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -3920px;  }
a[href$="plasticman"]:before, .flair-plasticman{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4000px;  }
a[href$="ras01"]:before, .flair-ras01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4080px;  }
a[href$="ravager"]:before, .flair-ravager{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4160px;  }
a[href$="red01"]:before, .flair-red01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4240px;  }
a[href$="reddaughter"]:before, .flair-reddaughter{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4320px;  }
a[href$="spiderjerusalem01"]:before, .flair-spiderjerusalem01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4400px;  }
a[href$="spiderjerusalem02"]:before, .flair-spiderjerusalem02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4480px;  }
a[href$="spiderjerusalem03"]:before, .flair-spiderjerusalem03{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4560px;  }
a[href$="spiderjerusalem04"]:before, .flair-spiderjerusalem04{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4640px;  }
a[href$="spoiler02"]:before, .flair-spoiler02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4720px;  }
a[href$="steel"]:before, .flair-steel{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4800px;  }
a[href$="superboyprime02"]:before, .flair-superboyprime02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4880px;  }
a[href$="superman02"]:before, .flair-superman02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -4960px;  }
a[href$="superman52"]:before, .flair-superman52{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5040px;  }
a[href$="superwoman"]:before, .flair-superwoman{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5120px;  }
a[href$="vengeancemoth01"]:before, .flair-vengeancemoth01{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5200px;  }
a[href$="waffles"]:before, .flair-waffles{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5280px;  }
a[href$="wayne-corp"]:before, .flair-wayne-corp{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5360px;  }
a[href$="wayne-tech"]:before, .flair-wayne-tech{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5440px;  }
a[href$="yj-aqualad"]:before, .flair-yj-aqualad{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5520px;  }
a[href$="yj-artemis"]:before, .flair-yj-artemis{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5600px;  }
a[href$="yj-bluebeetle"]:before, .flair-yj-bluebeetle{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5680px;  }
a[href$="yj-cyborg"]:before, .flair-yj-cyborg{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5760px;  }
a[href$="yj-inertia"]:before, .flair-yj-inertia{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5840px;  }
a[href$="yj-lobo"]:before, .flair-yj-lobo{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -5920px;  }
a[href$="yj-milestone"]:before, .flair-yj-milestone{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6000px;  }
a[href$="yj-missmartian"]:before, .flair-yj-missmartian{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6080px;  }
a[href$="yj-redarrow"]:before, .flair-yj-redarrow{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6160px;  }
a[href$="yj-slade"]:before, .flair-yj-slade{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6240px;  }
a[href$="yj-supermanblue"]:before, .flair-yj-supermanblue{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6320px;  }
a[href$="yj-wolf"]:before, .flair-yj-wolf{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6400px;  }
a[href$="yj-wondergirl"]:before, .flair-yj-wondergirl{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6480px;  }
a[href$="yj-zatanna"]:before, .flair-yj-zatanna{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6560px;  }
a[href$="zatanna02"]:before, .flair-zatanna02{ background: url(%%spritesheetb%%) no-repeat; background-position: 0 -6640px;  }

/* Wiki Headers */

a[href="#Batman"]{
    display:inline-block;
    width: 120px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 0px;
    pointer-events: none;
}

a[href="#Green_Lantern"]{
    display:inline-block;
    width: 145px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -50px;
    pointer-events: none;
}

a[href="#Justice_League"]{
    display:inline-block;
    width: 145px;
    height: 60px;
    background:url(%%headers%%);
    background-position: 0 -100px;
    pointer-events: none;
}

a[href="#Justice_League_Dark"]{
    display:inline-block;
    width: 145px;
    height: 60px;
    background:url(%%headers%%);
    background-position: 0 -165px;
    pointer-events: none;
}

a[href="#Metal_Men"]{
    display:inline-block;
    width: 185px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -230px;
    pointer-events: none;
}

a[href="#Superman"]{
    display:inline-block;
    width: 120px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -280px;
    pointer-events: none;
}

a[href="#Vertigo"]{
    display:inline-block;
    width: 140px;
    height: 65px;
    background:url(%%headers%%);
    background-position: 0 -330px;
    pointer-events: none;
}

a[href="#Watchmen"]{
    display:inline-block;
    width: 195px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -400px;
    pointer-events: none;
}

a[href="#Wildcats"]{
    display:inline-block;
    width: 120px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -450px;
    pointer-events: none;
}

a[href="#Young_Justice"]{
    display:inline-block;
    width: 145px;
    height: 45px;
    background:url(%%headers%%);
    background-position: 0 -500px;
    pointer-events: none;
}

a[href="#Flashpoint"]{
    display:inline-block;
    width: 195px;
    height: 70px;
    background:url(%%flashpoint%%);
    pointer-events: none;
}

a[href="#Flash"]{
    display:inline-block;
    width: 195px;
    height: 70px;
    background:url(%%flash%%);
    pointer-events: none;
}

a[href="#Meta"]{
    display:inline-block;
    width: 195px;
    height: 70px;
    background:url(%%meta%%);
    pointer-events: none;
}

/*FLAIR SELECTOR*/

.side.flairselector ul { max-width: 400px !important; }
.side.flairselector h2 { font-size: 0px; background-color: #003f5e; color: #ffffff; }
.side.flairselector h2:after { content: 'Choose your Mask:'; font-size: 14px; }
/*.titlebox .flairselector { min-height: 550px!important; }
.titlebox .flairoptionpane { max-height: 500px!important; }*/

/***HEADERS AND TABLES***/

.wiki-page .content #wiki_dc_comics_flair_selection ~ table th {display:none;}
.wiki-page .content #wiki_dc_comics_flair_selection ~ table {border:none;}
.wiki-page .content #wiki_dc_comics_flair_selection ~ table td {
    border:none;
    padding-left:15px;
    padding-right:15px;
}

#wiki_dc_comics_flair_selection ~ table {
  margin-left: auto;
  margin-right: auto;
  background-color: #f1f1f1!important ;
  border-left: 2px solid #323232;
  border-right: 2px solid #323232;
  border-top: 2px solid #323232;
  border-bottom: 2px solid #323232;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px
}
#wiki_dc_comics_flair_selection ~ table th {
  background-color: #323232;
  border-top: 1px solid #323232;
  border-left: 1px solid #323232;
  border-bottom: 2px solid #323232;
  border-right: 1px solid #323232;
  color: #f1f1f1;
  font-size: 100%;
  font-weight: bold;
  height: 20px;
  text-align: center;
  vertical-align: middle !important
}
#wiki_dc_comics_flair_selection ~ table td {
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  color: #000;
  height: 23px;
  vertical-align: middle !important
}

#wiki_dc_comics_flair_selection ~ h5 {
    font-size: 0px !important;
    color: #302217 !important;
    text-align: center !important;
    font-variant: small-caps !important;
    padding-top: 4px !important;
}

.wiki-page .content #wiki_book_club ~ table th {display:none;}
.wiki-page .content #wiki_book_club ~ table {border:none;}
.wiki-page .content #wiki_book_club ~ table td {
    border:none;
    padding-left:15px;
    padding-right:15px;
}

#wiki_book_club ~ table {
  margin-left: auto;
  margin-right: auto;
  background-color: #f1f1f1!important ;
  border-left: 2px solid #323232;
  border-right: 2px solid #323232;
  border-top: 2px solid #323232;
  border-bottom: 2px solid #323232;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px
}
#wiki_book_club ~ table th {
  background-color: #323232;
  border-top: 1px solid #323232;
  border-left: 1px solid #323232;
  border-bottom: 2px solid #323232;
  border-right: 1px solid #323232;
  color: #f1f1f1;
  font-size: 100%;
  font-weight: bold;
  height: 20px;
  text-align: center;
  vertical-align: middle !important
}
#wiki_book_club ~ table td {
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  color: #000;
  height: 23px;
  vertical-align: middle !important
}

#wiki_book_club ~ h5 {
    text-align: center !important;
    padding-top: 4px !important;
}

td a {
    background-color: rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #6f6f6f !important;
    font-weight: bold;
    font-size: 10px !important;
}

/* Sourloaf’s Sidebar Buttons */
/* Event Schedule */
.side a[href="/r/DCcomics/wiki/about#wiki_subreddit_events"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px 0px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/about#wiki_subreddit_events"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px 0px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* rDC Wiki */
.side a[href="/r/DCcomics/wiki/index"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -765px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/index"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -765px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/*DC Comics Official*/
.side a[href="http://www.dccomics.com"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -45px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="http://www.dccomics.com"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -45px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="/message/compose?to=%2Fr%2FDCcomics"]{display:block;height:45px;width:235px;background:url(%%Sidebar-Buttons%%) 0 -900px;margin:5px 5px 5px 25px}.side a[href="/message/compose?to=%2Fr%2FDCcomics"]:hover{display:block;height:45px;width:235px;background:url(%%Sidebar-Buttons%%) 0 -900px;margin:5px 5px 5px 25px;opacity:.8!important}.sidecontentbox a[href="/message/compose?to=%2Fr%2FDCcomics"]{display:none;}

/* rDC on Steam */
.side a[href="http://steamcommunity.com/groups/redditdccomics"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -90px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="http://steamcommunity.com/groups/redditdccomics"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -90px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Automoderator Config  */
.side a[href="/r/DCcomics/wiki/automoderator"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -810px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/automoderator"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -810px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}
body:not(.moderator) .side a[href*="/r/DCcomics/wiki/automoderator"] {
    display:none;
}

/* Sort New Submissions */
.side a[href="/r/DCcomics/search?q=flair%3Anone&sort=new&restrict_sr=on"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -135px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/search?q=flair%3Anone&sort=new&restrict_sr=on"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -135px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}
body:not(.moderator) .side a[href*="/r/DCcomics/search?q=flair%3Anone&sort=new&restrict_sr=on"] {
    display:none;
}

/* Batman Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_batman"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -180px;
    margin: 5px;
    margin-left: 25px;
    margin-top: 10px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_batman"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -180px;
    margin: 5px;
    margin-left: 25px;
    margin-top: 10px;
    opacity:.8!important;
}

/* Flash Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_the_flash"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -225px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_the_flash"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -225px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Green Arrow Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_green_arrow"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -270px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_green_arrow"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -270px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Green Lantern Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_green_lantern"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -315px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_green_lantern"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -315px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Superman Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_superman"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -360px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_superman"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -360px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Wonder Woman Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_wonder_woman"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -405px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_wonder_woman"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -405px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Justice League Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_justice_league"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -450px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_justice_league"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -450px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Watchmen Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_watchmen"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -495px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_watchmen"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -495px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Other Characters Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_other_characters"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -540px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_other_characters"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -540px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Major Events Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_major_events"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -585px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_major_events"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -585px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* New 52 Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_the_new_52"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -630px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_the_new_52"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -630px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Vertigo Wildstorm Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_vertigo_.26_wildstorm"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -675px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_vertigo_.26_wildstorm"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -675px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* DC for All Ages Reading */
.side a[href="/r/DCcomics/wiki/recommended#wiki_dc_for_all_ages"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -720px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/DCcomics/wiki/recommended#wiki_dc_for_all_ages"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%Sidebar-Buttons%%);
    background-position:0px -720px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Mod’s Pick Reading */
.side a[href*="/r/DCcomics/wiki/recommended#wiki_mod.27s_pick"]{
    padding: 6px;
    padding-left: 15px;
    line-height: 8px;
    font-weight: normal;
    font-size: 10px;
    color: black;
    text-align:center;
    width: 215px!important;
    background-color: #f1f1f1;
    display: inline-block;
    margin: 3px;
    margin-left: 25px;
}

.side a[href*="/r/DCcomics/wiki/recommended#wiki_mod.27s_pick"]:hover {
    padding: 6px;
    padding-left: 15px;
    line-height: 8px;
    font-weight: normal;
    font-size: 10px;
    color: white;
    text-align:center;
    width: 215px!important;
    background-color: #696969;
    display: inline-block;
    margin: 3px;
    margin-left: 25px;
}

/* Upcoming Events/Releases */

.side a[href="#Beware"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px 0px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Beware"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px 0px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Convergence"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -100px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Convergence"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -100px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Eternal"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -150px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Eternal"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -150px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Eternity"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -200px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Eternity"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -200px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#GAA"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -250px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#GAA"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -250px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#HQ"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -300px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#HQ"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -300px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Kitchen"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -350px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Kitchen"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -350px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Midnight"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -400px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Midnight"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -400px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#NW"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -450px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#NW"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -450px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="#Secret"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -50px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="#Secret"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -50px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Related Subreddits */

.side a[href="/u/blackmercury15/m/dccomics"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -500px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/u/blackmercury15/m/dccomics"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -500px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="/r/ImageComics+TheWalkingDead"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -550px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/r/ImageComics+TheWalkingDead"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -550px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

.side a[href="/u/blackmercury15/m/marvelcomics"]{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -600px;
    margin: 5px;
    margin-left: 25px;
}
.side a[href="/u/blackmercury15/m/marvelcomics"]:hover{
    display:block;
    height:45px;
    width:235px;
    background:url(%%events%%);
    background-position:0px -600px;
    margin: 5px;
    margin-left: 25px;
    opacity:.8!important;
}

/* Bookclub */

.wiki a[href*="2me89g"],
.wiki a[href*="2kzsoy"],
.wiki a[href*="2kay54"],
.wiki a[href*="2jngrq"],
.wiki a[href*="2iwygw"],
.wiki a[href*="2iaowb"],
.wiki a[href*="2hmk5b"],
.wiki a[href*="2gysgj"],
.wiki a[href*="2gat8k"],
.wiki a[href*="2fnawf"],
.wiki a[href*="2f0xl5"],
.wiki a[href*="2edh3z"],
.wiki a[href*="2dqfgl"],
.wiki a[href*="2d3a5m"],
.wiki a[href*="2cfqkn"],
.wiki a[href*="2b5bwh"],
.wiki a[href*="2b5bwh"],
.wiki a[href*="2airtb"],
.wiki a[href*="29wd5j"],
.wiki a[href*="29c2r6"],
.wiki a[href*="28qfyq"],
.wiki a[href*="27k59m"],
.wiki a[href*="26yun4"],
.wiki a[href*="26df6e"],
.wiki a[href*="25n5a7"],
.wiki a[href*="251rpo"],
.wiki a[href*="24h4g8"],
.wiki a[href*="23va41"],
.wiki a[href*="23b0vj"], {
    height:45px;
    width:235px;
    background:url(%%bookclub%%); display:inline-block;
    font-size: 0px !important;
}

.wiki a[href*="2me89g"]{
    background-position:0px 0px;
}
.wiki a[href*="2me89g"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2kzsoy"]{
    background-position:0px -50px;
}
.wiki a[href*="2kzsoy"]:hover{
    opacity:.8!important;
}
.wiki a[href*="2kay54"]{
    background-position:0px -100px;
}
.wiki a[href*="2kay54"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2jngrq"]{
    background-position:0px -150px;
}
.wiki a[href*="2jngrq"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2iwygw"]{
    background-position:0px -200px;
}
.wiki a[href*="2iwygw"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2iaowb"]{
    background-position:0px -250px;
}
.wiki a[href*="2iaowb"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2hmk5b"]{
    background-position:0px -300px;
}
.wiki a[href*="2hmk5b"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2gysgj"]{
    background-position:0px -350px;
}
.wiki a[href*="2gysgj"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2gat8k"]{
    background-position:0px -400px;
}
.wiki a[href*="2gat8k"]:hover{
    opacity:.8!important;
}
.wiki a[href*="2fnawf"]{
    background-position:0px -450px;
}
.wiki a[href*="2fnawf"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2f0xl5"]{
    background-position:0px -500px;
}
.wiki a[href*="2f0xl5"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2edh3z"]{
    background-position:0px -550px;
}
.wiki a[href*="2edh3z"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2dqfgl"]{
    background-position:0px -600px;
}
.wiki a[href*="2dqfgl"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2d3a5m"]{
    background-position:0px -650px;
}
.wiki a[href*="2d3a5m"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2cfqkn"]{
    background-position:0px -700px;
}
.wiki a[href*="2cfqkn"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2b5bwh"]{
    background-position:0px -750px;
}
.wiki a[href*="2b5bwh"]:hover{
    opacity:.8!important;
}

.wiki a[href*="2airtb"]{
    background-position:0px -800px;
}
.wiki a[href*="2airtb"]:hover{
    opacity:.8!important;
}

.wiki a[href*="29wd5j"]{
    background-position:0px -850px;
}
.wiki a[href*="29wd5j"]:hover{
    opacity:.8!important;
}

.wiki a[href*="29c2r6"]{
    background-position:0px -900px;
}
.wiki a[href*="29c2r6"]:hover{
    opacity:.8!important;
}

.wiki a[href*="28qfyq"]{
    background-position:0px -950px;
}
.wiki a[href*="28qfyq"]:hover{
    opacity:.8!important;
}

.wiki a[href*="27k59m"]{
    background-position:0px -1000px;
}
.wiki a[href*="27k59m"]:hover{
    opacity:.8!important;
}

.wiki a[href*="26yun4"]{
    background-position:0px -1050px;
}
.wiki a[href*="26yun4"]:hover{
    opacity:.8!important;
}

.wiki a[href*="26df6e"]{
    background-position:0px -1100px;
}
.wiki a[href*="26df6e"]:hover{
    opacity:.8!important;
}

.wiki a[href*="25n5a7"]{
    background-position:0px -1150px;
}
.wiki a[href*="25n5a7"]:hover{
    opacity:.8!important;
}

.wiki a[href*="251rpo"]{
    background-position:0px -1200px;
}
.wiki a[href*="251rpo"]:hover{
    opacity:.8!important;
}

.wiki a[href*="24h4g8"]{
    background-position:0px -1250px;
}
.wiki a[href*="24h4g8"]:hover{
    opacity:.8!important;
}

.wiki a[href*="23va41"]{
    background-position:0px -1300px;
}
.wiki a[href*="23va41"]:hover{
    opacity:.8!important;
}

.wiki a[href*="23b0vj"]{
    background-position:0px -1350px;
}
.wiki a[href*="23b0vj"]:hover{
    opacity:.8!important;
}