body {
        margin: 0px;
        background: #101010;
        font-family: arial,sans-serif,helvetica;
        color:#ffffff;
        font-size: 10pt;
      }
      /*table {
        font-size: 10pt;
      }*/
      a {
        color: #f7acb1;
      }
      hr {
        color: #363636;
        width: 98%;
        height: 0px;
        border-top: 1px solid;
        border-bottom: none;
      }
      .sitetitle {
        text-align: center;
        color: #ABABAB;
        margin: 10px 20px 20px 20px;
      }
      .sitetitle h2 {
        margin: 0px;
      }
      .sitetitle a {
        color: #ABABAB;
        text-decoration: none;
      }
      .filedescription {
        font-style: italic;
      }
      .messageroot .highlightroot{
        margin-bottom: 1px;
        border: none;
        background:  #101010;
        padding: 9px 9px 1em;
      }
      .message, .highlight {
        margin-left: 25px;
        margin-bottom: 1em;
        border: 1px solid #363636;
        background: #1c1c1c;
        border-radius: 0px;
        padding: 9px 9px 1.5em;
      }
      .highlight .highlightroot {
        background: #EEDACB;
        padding: 10px;
        color: #333333;
        border: 2px dashed #EE6600;
      }
      .image_link {
        float: left;
        padding-right: 5px;
        position: relative;
      }
      .image_root {
        border-radius: 0px;
        border: 1px solid #363636;
      }
      .image {
        border-radius: 0px;
        border: 1px solid #363636;
        max-width: 250px;
      }
      .thread {
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 20px;
      }
      .message_span {
        white-space: pre-wrap;
        word-wrap: break-word;
      }
     .topicline b{
        color:#ff1493;
     }
      .postform th {
        background: #1c1c1c;
        border: 1px solid #363636;
        text-align: left;
        padding-left: 4px;
        padding-right: 5px;
      }
      .posttext {
        width: 400px;
        height: 20px;
        border: 1px solid #363636;
        background-color:#111;
        color:#ddd;
      }
      .postbutton {
        width: 100px;
        border: 1px solid #363636;
        background: #ffffff;
      }
      #newthread {
        background: #F7ACB1;
      }
      .postarea {
        width: 400px;
        height: 48px;
        border: 1px solid #363636;
        background-color:#111;
        color:#ddd;
        padding: 0px;
        margin: 0px;
      }
      .postfile {
      }
      .boards {
        padding: 0px 2.5em 0px 10px;
      }
      .boards a,
      .pagelist a{
        text-decoration: none;
      }
      .evilstuff {
        background-color: #333333;
        border: 1px solid #666666;
        border-radius: 30px;
        padding: 10px;
        margin-right: 10px;
        position: fixed;
        right: 0px;
        top: 20px;
        display: none;
      }
      .stillevil {
        display: none;
      }
      .evilmod {
        position: fixed;
        right: 20px;
        top: 0px;
      }
      .evilmod:checked ~ form .evilstuff {
        display: block;
      }
      .evilmod:checked ~ form .stillevil {
        display: inline;
      }
      .stillevil input {
        margin: 0px;
      }
      .warning {
        color: #FF0000;
        display: none;
      }
      .purge_root:checked ~ .warning {
        display: inline;
      }
      .sig_label {
        color: #00FF00;
        cursor: pointer;
        font-weight: bold;
      }
      .sig_chk {
        position: absolute;
        opacity: 0;
        z-index: -1;
      }
      .sig_key {
        padding-left: 5px;
        display: none;
      }
      .sig_chk:checked ~ .sig_key {
        display: inline;
      }
      .lblhelp {
        position: fixed;
        top: 0px;
        right: 10px;
        cursor: pointer;
        font-weight: bold;
      }
      a.lblhelp, a.lblhelp:hover {
        color: #C5C8C6;
        padding: 0px;
        text-decoration: none;
      }
      .memearrows, .quote {
        color: #00AA00;
      }
      .code {
        background-color: #303030;
        border: 1px solid #404040;
        clear: right;
        font-family: monospace;
        font-size: 9pt;
        overflow: auto;
        width: 80%;
        display: block;
        margin: 0;
      }
      .datatable {
        background: #141414;
        border: 1px solid #3B3B3B;
        border-collapse: collapse;
        width: 100%;
      }
      .datatable th {
        background: #1C1C1C;
      }
      .datatable td, .datatable th {
        border: 1px dotted #3B3B3B;
        padding: 1px 4px;
        vertical-align: top;
      }
      .mod {
        font-family: monospace;
        font-size: 9pt;
        margin: 20px 10px 10px;
      }
      .mod tr:hover {
        background-color: #282828 !important;
      }
      .mod table {
        border-collapse: collapse;
        font-size: 9pt; /* damn you chromium */
      }
      .dontwrap {
        white-space: nowrap;
      }
      .right {
        text-align: right;
      }
      .spoiler, .spoiler a:link, .spoiler a:visited {
        color: black;
        background: black;
      }

      .spoiler:hover {
        color: white;
      }

      .spoiler:hover a:link {
        color: #FF6600;
      }

      .spoiler:hover a:visited {
        color: #FF6600;
      }

      .spoiler:hover a:hover {
        color: #0066FF;
      }
      .zoi {
        color: purple;
      }
      .op-kyn {
        color: skyblue;
      }
      .menu-footer {
        font-size: 0.7em;
        text-align: center;
        margin: 0.3em;
        bottom: 5em;
        position: fixed
      }
      .published {
        font-size: 0.85em;
        color: #898E93;
      }
      .menu-left {
        font-size: 0.9em;
      }
      .board_description {
        width: 400px;
        padding: 10px;
        font-size: 0.75em;
        font-family: sans-serif;
        white-space: pre-wrap;
        word-wrap: break-word;
      }
      /*
      .play_button {
        background-image: url("/static/playbutton.png");
        height: 53px;
        width: 70px;
        position: absolute;
        top: calc(50% - 26px);
        left: calc(50% - 35px);
      }
*/
      .news {
        border: 1px solid #3b3b3b;
        background: #141414;
        margin: 10px 20px 10px 20px;
      }
      .news .header {
        background: #1c1c1c;
        font-style: italic;
        padding: 3px 5px 0px 5px;
        text-align: right;
        border-bottom: 1px dotted #3b3b3b;
      }
      .news .author {
        font-style: italic;
        font-weight: bold;
      }
      .news .header .topicline .subject {
        font-style: normal;
        float: left;
      }
      .news .message_span {
        padding: 10px 5px 0px 5px;
      }
      .news .footer {
        text-align: right;
        font-style: italic;
        padding: 0px 5px 5px;
      }
      .activity {
        padding: 10px 20px;
      }
      .activity td, .activity th {
        vertical-align: top;
        white-space: nowrap;
      }
      .post_td {
        width: 100%;
        padding: 0px 10px;
      }
      .post_td td {
        text-align: right;
      }
      .post_td .subject {
        text-align: left;
        white-space: normal;
        padding-left: 10px;
      }
      .aa {
        font-family: "IPAMonaPGothic","Monapo","Mona","MS PGothic";
        overflow: auto;
        display: block;
        margin: 0;
      }

      .thread {
          margin-left: 5em;
          display: inline-block;
      }

      footer {
          text-align: center;
      }


      @keyframes rotate {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }

      #logo:hover {
          animation-name: rotate;
          animation-duration: 2s;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
      }

      #paginator {
          margin-left: 4em;
      }

      [data-subject="None"] { display: none; }
      [data-sage="1"] { filter: saturate(0); }

      .overboard, .threadpage, .boardpage {
          background-image: url('/static/changolia-logo.png');
          background-repeat: no-repeat;
          background-position: right top;
          background-attachment: fixed;
          background-size: 128px;
      }

      .message {
          float: left;
          clear: left;
      }

      .hider {
          float: right;
      }

      .messageroot > .hider {
          float: left;
      }

      #faq {
          margin-left: 3em;
          width: 75%;
      }

      .topicline {
          padding-right: 30px;
      }

      [data-origin="tor"] {
          background-image: url('/static/tor.png');
          background-repeat: no-repeat;
          background-position: top right;
      }

      [data-origin="i2p"] {
          background-image: url('/static/i2p.png');
          background-repeat: no-repeat;

          background-position: top right;
      }

      [data-origin="clearnet"] {
          background-image: url('/static/clearnet.png');
          background-repeat: no-repeat;
          background-position: top right;
      }

[data-name~="nigger"] {
background-image: url('/static/blackface.png');
background-size: 25%;
background-repeat: repeat;
}

/** change me as needed, admin's pubkey */
[data-pubkey~="039a876792db66966241e63140e7df79df488033360064b67d890635814e925e"] {
    background-image: url('/static/admin.png');
    background-size: 25%;
    background-repeat: repeat;
}

/** another mod */
[data-pubkey~="f59602a8497d21c0bda92c01cf33d1d0b2e41d5065eebcafdcbf99f973d1c105"]{
    background-image: url('/static/mgs_mod.png');
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.fagarrows {
    color: #E0727F;
}

.message_span {
    white-space: pre-line;
    word-break: break-word;
}

#captcha_img {
    background-color: white;
}


@keyframes ebin {
    0% {transform: rotate(-10deg);}
    50% {transform: rotate(10deg);}
    100% {transform: rotate(-10deg);}
}

.wobble {
    animation: ebin 0.25s infinite;
    animation-timing-function: linear;
    text-align: center;
}

@keyframes expl {
        0% { transform: scale(1,1); }
        50% { transform: scale(1.5,1.5); }
        100% { transform: scale(1,1); }
}

.explode {
    animation: expl 0.5s infinite;
    text-align: center;
}

@keyframes flash {
    0% { opacity: 1;}
    49% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}

.flashy {
    animation: flash 1s infinite;
    animation-timing-function: linear;
}


.tripcode {
    color: #de04ef;
}

@keyframes psych
{
    0%   {background-color: red; color: blue; }
    10%  {background-color: yellow; color: red; }
    20%  {background-color: blue; color: green; }
    30% {background-color: green; color: yellow; }
    40%   {background-color: red; color: blue; }
    50%  {background-color: yellow; color: green; }
    60%  {background-color: blue; color: yellow; }
    70% {background-color: green; color: blue; }
    80%   {background-color: red; color: green; }
    90%  {background-color: yellow; color: red; }
    95%  {background-color: blue; color: yellow; }
    100% {background-color: green; color: white; }
}

.psy {
    animation: psych 2s linear infinite;
    display: inline-block;
}

.memearrows {
    color: #789922;
    margin-left: none;
}

.redtext {
    color: #AF0A0F;
    font-size: 12pt;
    font-weight: bold;
    margin-left: none;
}

.bumplock {
    background-image: url('/static/sage.png');
    filter: saturate(0.15);
}

.post {
    max-width: 90%;
}

.messageroot {
    border: solid #333 1px;
    padding-left: 1em;
}



:target {
    background-color: #493769;
}

.mod {
    color: red;
}

.post-link {
    float: right;
}