/* 
940707

Hello, I see you've found my CSS.
Feel free to use anything, as I've just hacked this shh together with trial-and-error.
I hope it saves you some time.
Also, please drop a 'hello' in the comments.

940707
*/

body {
    background-color: transparent;
    font-family: small fonts !important;
    font-size: 9px !important;
    text-transform: lowercase !important; 
    border: 1px dotted #e9f68b;
    padding: 16px;
    border: 64px dotted #000000;
    filter: grayscale(100%) !important;
    text-align: center !important;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAXklEQVR42rWQAQbAMBAEDyoPyv8/FupaVYxjnCDDSmDWJnGKRD7mnNeWOMZgibPWyiLz7gX5InJfkD8+GyninYAFniqDAI3slH9AgIjylILNdrkpENnhZJ6xQ4I4wQNzbv5sd6J2PwAAAABJRU5ErkJggg==),auto;
}

p {
}

p:hover {
    font-weight: bold;
}

#header {
    background-color: black;
}

h2 {
    background-color: black;
    color: white;
}

h2:hover {
}

.topLeft {
    width: 200px;
    float: right;
    max-width: 200px;
}

.boxButton {
    background-color: black;
}

.boxButton:hover {
    filter: invert(1);
}

.topRight {

}

.extended {
    border: 0;
}

#rufflePlayer {
    scale: 80%;
    filter: invert(1);
    height: 400px;
}

#rufflePlayer:hover {
    filter: invert(0);
}

.boxHead {
    background-color: black;
    background: black;
    color: white;
    background-color: white;
    background: white;
    color: black;
    padding: 0px;
    padding-left: 0px;
}

#hSub {
    background-color: #000000;
}

#hSub.a:hover {
    filter: invert(1);
}

.boxInfo {
    background-color: #000000;
    border: 0px;
}

.boxButton {
    padding-left: 0px;

    button {
        background: #000000;
        color: #ffffff;
    }
}

#sMsg {
    color: #ffffff;
    font-size: 9px;
    width: 100%;
    background-image: none;
    text-align: center;
}

#add {
    color: #ffffff;
    font-size: 9px;
    width: 100%;
    background-image: none;
    text-align: center;
}

#report {
    color: #ffffff;
    font-size: 9px;
    width: 100%;
    background-image: none;
    text-align: center;
}

#block {
    color: #ffffff;
    font-size: 9px;
    width: 100%;
    background-image: none;
    text-align: center;
}

.url {
    border: 0px;
    background-color: white;
    color: black;
    filter: invert(1);
}

.url:hover {
    filter: invert(0);
}

.songName {
    font-size: 9px;
    
width: 200px;
}

.player.box.embeddedPlayer {
    margin: auto !important;
}

.player {
    width: 200px;
    max-height: 100%;
    background: black;
    color: white;
    max-width: 200px;
    padding: 0px;
    border: 0px;
}

.player:hover {
    filter: invert(1);
}

audio {
    width: 200px;
    background: transparent;
    background: black;
    filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(0%);    
}

.background-tint {
    background-color: #000000;
}

.background-tint > .blur {
    background-color: black;
    -webkit-backdrop-filter: none;
}

.background-tint > .tint {
    background-color: black;
}

.placard {
    background-color: black;
}

.media-controls.inline.ios:not(.audio) {
    background-color: black; 
}

h3 {
    max-width 50%;
}

.rightHead {
    background: #ffffff;
    color: #000000;
    padding-left: 0px;
}

button {
    background: #000000;
    color: #ffffff;
}

#viewFriends {
    text-align: center !important;
}

.fwiendFace {
    max-width: 64px;
    max-height: 64px;
}

.fwiendCount {
    font-size: 0px;
}

.fwiendCount::after {
    font-size: 9px;
    content: "69";
    color: black;
}

.blogs:hover {
    font-weight: bold;
}

form {
    text-align: center;
}

.comments {
    text-align: center !important;
}

#commentInput {
    background: #000000;
    color: #ffffff;
    width: 50%;
    max-height: 64px;
}

#commentInput:hover {
    filter: invert(1);
}

input[type="submit"] {
    background: #000000;
    color: #ffffff;
    width: 51%;
}


input[type="submit"]:hover {
    filter: invert(1);
}

h4 {
    color: #000000;
    background-color: white;
}

h4:hover {
}

#userWall {
    width: auto;
    text-align: center !important;
}

td {
    font-size: 9px;
}

tr {
    width: 100%
}

.tableLeft {
    background: #ffffff;
    color: #000000;
    max-width: 64px;
    max-height: 64px;
    width: 30%;
}

.tableLeft:hover {
    filter: invert(1);
}

img {
    filter: grayscale(100%);
    max-height: 64px;
    max-width: 64px;
}

.tableRight {
    background: #ffffff;
    color: #000000;
    width: 70%;
}

.tableRight:hover {
    font-weight: bold;
}

td.tableRight {

}

tbody {
    width: 100%
}

.blinkViolet {
    color: #000000;
}

.blinkRed {
    color: #000000;
}

.blinkYellow {
    color: #000000;
}

.blinkGreen {
    color: #000000;
}

.blinkOrange {
    color: #000000;
}

.blinkCyan {
    color: #000000;
}

#footer {
    visibility: hidden;
}

:root {
    --primary-glyph-color: rgba(0, 0, 0, 1);
    --secondary-glyph-color: rgba(0, 0, 0, 1);
    --scrubber-margin: 5px; 
}

.blogPost {
    width: calc( 60% - 20px );
}

.blog {
    background-color: white;
}

.tableLeft img {
    max-height: 64px;
}

span#lastLogin {
}

#lastLogin {
}

#lastLogin::after {
}

.short{
    background-color: black;
}

.short:hover {
    filter: invert(1);
}

td.shortRight {
    display: none;
    color: transparent; 
    position: relative; 
}

td {
    width: 1337px;
}

.avatar {
    margin-right: 0px;
    width:auto;
    image-rendering: auto;
}

img:hover {
    filter: invert(1); 
}

a:any-link:hover {
    font-weight: bold;
}


/*
Yours sincerely,
940707
*/