body {
     background: url("https://media.8ch.net/thewrongstuff/src/1422065142795.png") repeat fixed 0px 0px #020314;
     color: #33CC33;
     font-family: courier;
     font-size: 10pt;
     margin: 0px 4px;
     padding-left: 4px;
     padding-right: 4px;
}


a, a:visited {
     color: #FFFFFF;
}

a:hover, p.intro a.post_no:hover {
     color: #FF0000;
}

a.post_no {
     margin: 0px;
     padding: 0px;
     text-decoration: none;
}

p.intro a.post_no {
     color: inherit;
}

p.intro a.post_no, p.intro a.email, p.intro a.post_anchor {
     margin: 0px;
}

p.intro a.email span.name {
     color: #8632E6;
}

p.intro a.email:hover span.name {
     color: #FF0000;
}

p.intro label {
     display: inline;
}

p.intro time, p.intro a.ip-link, p.intro a.capcode {
     color: #B332E6;
     direction: ltr;
     unicode-bidi: embed;
}

h2 {
     color: #AF0A0F;
     font-size: 11pt;
     margin: 0px;
     padding: 0px;
}

header {
     margin: 1em 0px;
}

h1 {
     font-family: tahoma;
     font-size: 28pt;
     letter-spacing: -2px;
     margin: 0px;
     color:#F20D20;
     text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000, 2px 2px 0px 
}

header div.subtitle, h1 {
color:#0EB52F;
-webkit-animation:colorRotate 6s linear 0s infinite;
-moz-animation:colorRotate 6s linear 0s infinite;
-o-animation:colorRotate 6s linear 0s infinite;
animation:colorRotate 6s linear 0s infinite;
}


 @-webkit-keyframes colorRotate {
        from {
            color: rgb(255, 255, 255);
        }
        33% {
            color: rgb(117, 170, 219);
        }
		66% {
			color: rgb(252, 191, 73);
		}
        to {
            color: rgb(255, 255, 255);
        }
    }
     
     
    @-moz-keyframes colorRotate {
        from {
            color: rgb(255, 255, 255);
        }
        33% {
            color: rgb(110, 220, 40);
        }
		66% {
			color: rgb(252, 191, 73);
		}
        to {
            color: rgb(255, 255, 255);
        }
    }
     
    @-o-keyframes colorRotate {
           from {
            color: rgb(255, 255, 255);
        }
        33% {
            color: rgb(117, 170, 219);
        }
		66% {
			color: rgb(252, 191, 73);
		}
        to {
            color: rgb(255, 255, 255);
        }
    }
     
     
    @keyframes colorRotate {
            from {
            color: rgb(255, 255, 255);
        }
        33% {
            color: rgb(117, 170, 219);
        }
		66% {
			color: rgb(252, 191, 73);
		}
        to {
            color: rgb(255, 255, 255);
        }
    }

form {
     margin-bottom: 4em;
}

form table {
     margin: auto;
}



   /*gives posting table its border/shadow*/
    form table {
        width: 100%;
        minimum-width: 960px;
        min-height: 250px;
        display: inline-block;
        margin: 5px auto;
        background-color: #2b2b2b;
        border: solid 1px #458B00;
        color: #61CE3C;
        padding: 5px;
        box-shadow: 3px 3px #989898 !important;
    }

input[type="submit"] {
     background: none repeat scroll 0px 0px #00080C;
     color: #33CC33;
}

input[name="post"] {
     width: auto;
}

textarea, input:not([type="file"]) {
     -moz-box-sizing: border-box ! important;
     background-color: #242425;
     border: 1px solid #33CC33;
     padding: 2px 4px 3px;
}

input:not([type="checkbox"]) {
     height: 22px;
}

[name="post"] * {
     -moz-appearance: none ! important;
}

tr * {
     padding: 0px;
}

table * {
     margin: 0px;
}

input[type="text"], textarea {
     background-color: #242425;
     border: 1px solid #33CC33;
     color: #33CC33;
     font-family: courier;
     min-width: 100%;
     text-indent: 0px;
     text-shadow: none;
     text-transform: none;
     word-spacing: normal;
}

[name="post"] [type="text"][name="subject"] {
     min-width: 40px;
}

#quick-reply input[type="text"], input[type="password"], #quick-reply textarea {
     max-width: 100%;
}

form table tr td {
     margin: 0px;
     padding: 0px;
     text-align: left;
}

form table.mod tr td {
     padding: 2px;
}

form table tr th {
     padding: 4px;
     text-align: left;
}

form table tr th {
     background: none repeat scroll 0px 0px #242425;
}

form table tr td div.center {
     float: left;
     padding-left: 3px;
     text-align: center;
}

form table tr td div input {
     display: block;
     margin: 2px auto 0px;
}

form table tr td div label {
     font-size: 10px;
}

.unimportant, .unimportant * {
     font-size: 10px;
}

.file {
     float: left;
     margin-right: 2px;
}

.file:not(.multifile) .post-image {
     float: left;
}

.file:not(.multifile) {
     float: none;
}

p.fileinfo {
     display: block;
     margin: 0px 0px 0px 20px;
}

div.post p.fileinfo {
     padding-left: 5px;
}

div.banner {
     background-color: #AF0A0F;
     font-size: 12pt;
     font-weight: bold;
     margin: 1em 0px;
     text-align: center;
}

div.banner, div.banner a {
     color: #FFFFFF;
}

div.banner a:hover {
     color: #EEF2FF;
     text-decoration: none;
}

h1,div.subtitle{
 /* complete swag here */
}

img.banner, img.board_image {
     border: 1px solid #A9A9A9;
     display: block;
     margin: 12px auto 0px;
border: 5px ridge #FF0015;-webkit-border-    radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

}

img.banner:hover, img.board_image:hover {
        border: 6px ridge #00FF44;-webkit-border-           radius15px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
 }

.post-image {
     border: medium none;
     display: block;
     float: left;
     margin: 5px 20px 10px;
}

.full-image {
     float: left;
     margin: 0px 20px 0px 0px;
     max-width: 98%;
     padding: 5px;
}

div.post .post-image {
     margin: 0px 20px 0px 0px;
     padding: 5px;
}

div.post img.icon {
     display: inline;
     margin: 0px 5px;
     padding: 0px;
}

div.post i.fa {
     font-size: 16px;
     margin: 0px 4px;
}

div.post.op {
     margin-bottom: 5px;
     margin-right: 20px;
}

div.post.op hr {
     border-color: #D9BFB7;
}

p.intro {
     color: #FFFFFF;
     margin: 0.5em 0px;
     padding: 0px 0px 0.2em;
}

input.delete {
     float: left;
     margin: 1px 6px 0px 0px;
}

p.intro span.subject {
     color: #8632E6;
     font-weight: bold;
}

p.intro span.name {
     color: #B332E6;
}

p.intro span.capcode, p.intro a.capcode, p.intro a.nametag {
     color: #FFF000;
     margin-left: 0px;
}

p.intro a {
     margin-left: 8px;
}

div.delete {
     float: right;
}

div.post.reply p {
     margin: 0.3em 0px 0px;
}

div.post.reply div.body {
     margin-left: 1.8em;
     margin-top: 0.8em;
     padding-bottom: 0.3em;
     padding-right: 3em;
}

div.post.reply.highlighted {
     background: none repeat scroll 0px 0px #431973;
}

div.post.reply div.body a {
     color: #DD0000;
}

div.post {
     padding-left: 20px;
}

div.post div.body {
     white-space: pre-wrap;
     word-wrap: break-word;
}

div.post.reply {
     background: none repeat scroll 0px 0px #242425;
     border-color: #33CC33;
     border-radius: 0px 0px 10px 0px;
     border-style: solid;
     border-width: 1px;
     display: inline-block;
     margin: 0.2em 4px;
     max-width: 94% ! important;
     padding: 0.2em 0.3em 0.5em 0.6em;
}

div.post_modified {
     margin-left: 1.8em;
}

div.post_modified div.content-status {
     font-size: 72%;
     margin-top: 0.5em;
     padding-bottom: 0px;
}

div.post_modified div.content-status:first-child {
     margin-top: 1.3em;
}

span.trip {
     color: #228854;
}

span.quote {
     color: #33CCCC;
}

span.omitted {
     display: block;
     margin-top: 1em;
}

br.clear {
     clear: left;
     display: block;
}

span.controls {
     float: right;
     font-size: 80%;
     margin: 0px;
     padding: 0px;
}

span.controls.op {
     float: none;
     margin-left: 10px;
}

span.controls a {
     margin: 0px;
}

div#wrap {
     margin: 0px auto;
     width: 900px;
}

div.module, div.ban {
     background: none repeat scroll 0px 0px #FFFFFF;
     border: 1px solid #9988EE;
     margin: 30px auto;
     max-width: 700px;
}

div.ban p, div.ban h2 {
     padding: 3px 7px;
}

div.ban h2 {
     background: none repeat scroll 0px 0px #9988EE;
     color: #000000;
     font-size: 12pt;
}

div.ban p {
     font-size: 12px;
     margin-bottom: 12px;
}

div.ban p.reason {
     font-weight: bold;
}

span.heading {
     color: #AF0A0F;
     font-size: 11pt;
     font-weight: bold;
}

span.spoiler {
     background: none repeat scroll 0px 0px #000000;
     color: #000000;
     padding: 0px 1px;
}

div.post.reply div.body span.spoiler a {
     color: #000000;
}

span.spoiler:hover, div.post.reply div.body span.spoiler:hover a {
     color: #FFFFFF;
}

div.styles {
     float: right;
     padding-bottom: 20px;
}

div.styles a {
     margin: 0px 10px;
}

div.styles a.selected {
     text-decoration: none;
}

table.test {
     width: 100%;
}

table.test td, table.test th {
     padding: 5px;
     text-align: left;
}

table.test tr.h th {
     background: none repeat scroll 0px 0px #9988EE;
}

table.test td img {
     margin: 0px;
}

fieldset label {
     display: block;
}

div.pages {
     background: none repeat scroll 0px 0px #242425;
     border: 1px solid #33CC33;
     color: #33CC33;
     display: inline;
     padding: 8px;
}

div.pages.top {
     display: block;
     margin-bottom: 5px;
     opacity: 0.9;
     padding: 5px 8px;
     position: fixed;
     right: 0px;
     top: 0px;
}

@media screen and (max-width: 800px) {
  div.pages.top { display: none ! important; }
}

div.pages a.selected {
     color: #000000;
     font-weight: bolder;
}

div.pages a {
     text-decoration: none;
}

div.pages form {
     display: inline;
     margin: 0px;
     padding: 0px;
}

div.pages form input {
     display: inline;
     margin: 0px 5px;
}

hr {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #33CCCC -moz-use-text-color -moz-use-text-color;
     border-image: none;
     border-style: double none none;
     border-width: 1px medium medium;
     clear: left;
     height: 0px;
}

   /*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/
    div.boardlist:not(.bottom) {
        background-color: #1A1A1A !important;
        text-align: center;
        padding: 5px 1px;
        letter-spacing: -2px;
        color: #989898;
        font-size: 17px;
        border-bottom: double 3px #989898 !important;
        position:fixed;
    }

div.boardlist.bottom {
     margin-top: 20px;
}

div.boardlist a {
     text-decoration: none;
}

div.report {
     color: #333333;
}

table.modlog {
     margin: auto;
     width: 100%;
}

table.modlog tr td {
     margin: 0px;
     padding: 4px 15px 0px 0px;
     text-align: left;
}

table.modlog tr th {
     padding: 4px 15px 5px 5px;
     text-align: left;
     white-space: nowrap;
}

table.modlog tr th {
     background: none repeat scroll 0px 0px #9988EE;
}

td.minimal, th.minimal {
     white-space: nowrap;
     width: 1%;
}

div.top_notice {
     margin: 5px auto;
     text-align: center;
}

span.public_ban {
     color: #FF0000;
     display: block;
     font-weight: bold;
     margin-top: 15px;
}

span.toolong {
     display: block;
     margin-top: 15px;
}

   /*announcement font and color*/
div.blotter {
        padding: 15px;
        color: #cc0000;
        font-family: "Lucida Console", Monaco, monospace;
    }


table.mod.config-editor {
     font-size: 9pt;
     width: 100%;
}

table.mod.config-editor td {
     border-bottom: 1px solid #9988EE;
     padding: 5px;
     text-align: left;
}

table.mod.config-editor input[type="text"] {
     width: 98%;
}

.desktop-style div.boardlist:nth-child(1) {
     background-color: #242425;
     border-bottom: 1px solid;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
     font-size: 6pt;
     left: 0px;
     margin-top: 0px;
     position: fixed;
     right: 0px;
     top: 0px;
     z-index: 30;
}

.desktop-style body {
     padding-top: 20px;
}

.desktop-style .sub {
     background: inherit;
}

.desktop-style .sub .sub {
     background: url("img/arrow.png") no-repeat scroll right center transparent;
     display: inline-block;
     text-indent: -9000px;
     width: 7px;
}

.desktop-style .sub .sub:hover, .desktop-style .sub .sub.hover {
     background: inherit;
     display: inline;
     text-indent: 0px;
}

#attention_bar {
     height: 1.5em;
     max-height: 1.5em;
     max-width: 100%;
     overflow: hidden;
     text-align: center;
     width: 100%;
}



#attention_bar_input {
     margin: 0px;
     padding: 0px;
     text-align: center;
     width: 100%;
}

#attention_bar:hover {
     background-color: rgba(255, 255, 255, 0.2);
}

p.intro.thread-hidden {
     margin: 0px;
     padding: 0px;
}

form.ban-appeal {
     margin: 9px 20px;
}

form.ban-appeal textarea {
     display: block;
}

.MathJax_Display {
     display: inline ! important;
}

pre {
    
}

.theme-catalog div.thread img {
     border: 2px solid rgba(153, 153, 153, 0);
     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
     float: none ! important;
     margin: auto;
     max-height: 150px;
     max-width: 200px;
}

.theme-catalog div.thread {
     background: #242425;
     border: 2px solid rgba(111, 111, 111, 0.34);
     display: inline-block;
     font-size: 11px;
     font-weight: normal;
     height: 300px;
     margin-bottom: 2px;
     margin-top: 2px;
     max-height: 300px;
     overflow: hidden;
     padding: 2px;
     position: relative;
     text-align: center;
     vertical-align: top;
     width: 205px;
}

.theme-catalog div.thread strong {
     display: block;
}

.theme-catalog div.threads {
     margin-left: -20px;
     text-align: center;
}

.theme-catalog div.thread:hover {
     background: none repeat scroll 0px 0px #431973;
     border-color: #B332E6;
}

.theme-catalog div.grid-size-vsmall img {
     max-height: 33%;
     max-width: 95%;
}

.theme-catalog div.grid-size-vsmall {
     max-height: 148px;
     max-width: 90px;
     min-width: 90px;
}

.theme-catalog div.grid-size-small img {
     max-height: 33%;
     max-width: 95%;
}

.theme-catalog div.grid-size-small {
     max-height: 192px;
     max-width: 140px;
     min-width: 140px;
}

.theme-catalog div.grid-size-large img {
     max-height: 40%;
     max-width: 95%;
}

.theme-catalog div.grid-size-large {
     max-height: 384px;
     max-width: 256px;
     min-width: 256px;
}

.theme-catalog img.thread-image {
     height: auto;
     max-width: 100%;
}

@media (max-width: 420px) {
  .theme-catalog ul#Grid { padding-left: 18px; }
  .theme-catalog div.thread { margin-left: 0px; margin-right: 0px; width: auto; }
  .theme-catalog div.threads { overflow: hidden; }
}

.compact-boardlist {
     padding: 3px 3px 0px;
}

.compact-boardlist .cb-item {
     display: inline-block;
     vertical-align: middle;
}

.compact-boardlist .cb-icon {
     padding-bottom: 1px;
}

.compact-boardlist .cb-fa {
     font-size: 21px;
     padding: 0px 2px 2px;
}

.compact-boardlist .cb-cat {
     padding: 5px 6px 8px;
}

.cb-menuitem {
     display: table-row;
}

.cb-menuitem span {
     border-top: 1px solid rgba(0, 0, 0, 0.5);
     display: table-cell;
     padding: 5px;
     text-align: left;
}

.cb-menuitem span.cb-uri {
     text-align: right;
}

.boardlist:not(.compact-boardlist) #watch-pinned:before {
     content: " [ ";
}

.boardlist:not(.compact-boardlist) #watch-pinned:after {
     content: " ] ";
}

.boardlist:not(.compact-boardlist) #watch-pinned {
     display: inline;
}

.boardlist:not(.compact-boardlist) #watch-pinned a {
     margin-left: 3pt;
}

.boardlist:not(.compact-boardlist) #watch-pinned a:first-child {
     margin-left: 0px;
}

.compact-boardlist #watch-pinned {
     display: inline-block;
     vertical-align: middle;
}

.new-posts {
     margin-top: 1em;
     opacity: 0.6;
}

.new-threads {
     text-align: center;
}

#options_handler, #alert_handler {
     bottom: 0px;
     height: 100%;
     left: 0px;
     position: fixed;
     right: 0px;
     text-align: center;
     top: 0px;
     width: 100%;
     z-index: 9900;
}

#options_background, #alert_background {
     background: none repeat scroll 0px 0px #000000;
     bottom: 0px;
     height: 100%;
     left: 0px;
     opacity: 0.5;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 100%;
     z-index: -1;
}

#options_div, #alert_div {
     background-color: #D6DAF0;
     border: 1px solid #000000;
     display: inline-block;
     margin-top: 20px;
     position: relative;
}

#options_div {
     height: 300px;
     width: 600px;
}

#alert_div {
     width: 500px;
}

#alert_message {
     font-size: 110%;
     margin: 13px;
     text-align: center;
}

.alert_button {
     margin-bottom: 13px;
}

#options_div textarea {
     max-width: 100%;
}

#options_close, #alert_close {
     font-size: 20px;
     margin-right: 3px;
     position: absolute;
     right: 0px;
     top: 0px;
     z-index: 100;
}

#options_tablist {
     border-right: 1px solid #000000;
     bottom: 0px;
     height: 100%;
     left: 0px;
     padding: 0px 5px;
     top: 0px;
     width: 70px;
}

.options_tab_icon {
     color: #000000;
     cursor: pointer;
     padding: 5px;
}

.options_tab_icon.active {
     color: #FF0000;
}

.options_tab_icon i {
     font-size: 20px;
}

.options_tab_icon div {
     font-size: 11px;
}

.options_tab {
     bottom: 0px;
     font-size: 12px;
     left: 81px;
     padding: 10px;
     position: absolute;
     right: 0px;
     text-align: left;
     top: 0px;
}

.options_tab h2 {
     margin-bottom: 5px;
     text-align: center;
}

.mobile-style #options_div, .mobile-style #alert_div {
     display: block;
     height: 100%;
     margin-top: 0px;
     width: 100%;
}

.mentioned {
     word-wrap: break-word;
}

.poster_id {
     cursor: pointer;
}

pre {
     display: block ! important;
     font-family: monospace;
     font-size: 9pt;
     max-width: inherit;
     overflow: auto;
     word-wrap: normal;
}

span.pln {
     color: #808080;
}

@media screen and (min-width: 768px) {
  p.intro { clear: none; }
  div.post div.body { clear: none; }
}

#watchlist {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: -moz-use-text-color;
     border-image: none;
     border-style: none solid solid none;
     border-width: 1px;
     display: none;
     margin: 0px auto 10px;
     max-height: 250px;
     overflow: auto;
     width: 50%;
}

#watchlist {
     bottom: 0px;
     font-size: 8pt;
     margin: 0px;
     padding: 0px;
     position: fixed;
     right: 0px;
     width: 15%;
}

.watchlist-inner, .watchlist-controls {
     margin: 0px;
     text-align: center;
}

#watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts {
     cursor: pointer;
}

.own_post {
     font-style: italic;
     font-weight: normal;
     opacity: 0.666;
}

div.mix {
     display: inline-block;
}