/* ---customized--- */

p {
color: #FFFFFF;
}
label {
color: #FFFFFF;
}
div {
color: #FFFFFF;
}
p.intro span.subject {
color: #2DDE13;
}
a {
color: #D84AEC;
}

/* ---fringe css--- */
/* Puts a nice border around the banner */

img.banner, img.board_image {
    border: 3px ridge #014396;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

/* Makes the banner border change colour when being hovered over */

img.banner:hover, img.board_image:hover {
    border: 3px ridge #0e70ea;-webkit-border-radius3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

/* Rainbow Color Rotation Script that makes the Board Title and Subtitle changes colours constantly */

h1,div.subtitle{
    -webkit-animation:colorRotate 3s linear 0s infinite;
    -moz-animation:colorRotate 3s linear 0s infinite;
    -o-animation:colorRotate 3s linear 0s infinite;
    animation:colorRotate 3s linear 0s infinite;
}

@-webkit-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    } 16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-moz-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-o-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

/* Buzz Script that makes the board banner buzz when you hover over it. */

div#op_13763.post.op, img.banner, img.board_image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

div#op_13763.post.op:hover, img.banner:hover, img.board_image:hover {
    -webkit-animation-name: buzz;
    animation-name: buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@-webkit-keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

/* ---kc css--- */
body {
background: #EEEEEE;
background-image: url('https://i.imgur.com/aW12BSXm.jpg');
background-repeat: repeat;
background-position: center; 
font-family: sans-serif;
font-size: 90%;
}
table {
font-family: sans-serif;
font-size: 90%;
color: #EEEEEE;
}
form table {
background-image: url('https://i.imgur.com/EbnYeyd.gif');
background-size: contain;
background-repeat: no-repeat;
background-position: right;
margin:0 auto;
}
.board-owners-feel-free-to-hide-this {
display: none;

}
form table tr th {
background: #313272;
}

div.post.reply {
background: #AAAACC;
}
div.post_modified div.content-status {
display: none;
}
p.intro span.name {
color: #3333CC;
font-weight: bold;
}