/* ALL */

table { table-layout: fixed; text-align: left; word-wrap: break-word; }
table th, td { padding-left: 30px; padding-right: 30px; }
table th:nth-child(1), td:nth-child(1) { width: 16% }
table th:nth-child(5), td:nth-child(5) { width: 4.5%; padding-right: 2px; padding-left: 2px; text-align: center; }
div { text-align: right; }
ul { padding-left: 0px; }

/* Shitty tooltip*/
.hover, .tooltip { font-weight:bold; }
.hover:hover .tooltip { opacity: 1; }
.tooltip-wrapper:hover .tooltip { opacity: 1; }
.tooltip { background-color: black;
  color: white;
  border-radius: 3px;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}


/* FUTABA */

.futaba body { background-color: #FFFFEE; font-family: ipamonapgothic, mona, ms pgothic, "Times New Roman", Times, serif; font-size: 14px; color: #800000; }
.futaba a:link { text-decoration: underline; color: #0000EE; font-weight: bold; }
.futaba a:visited { text-decoration: underline; color: #0000EE; font-weight: bold; }
.futaba a:hover { text-decoration: underline; color: #FF0000; font-weight: bold; }
.futaba table { border-collapse: collapse; width: 94%; margin: 50px; }
.futaba table th { border-left: solid 2px #FFFFEE; border-bottom: solid 2px #FFFFEE; background-color: #EEAA88; }
.futaba table td { border-left: solid 2px #FFFFEE; }
.futaba table tr:nth-child(even) { background-color: #EDE2D4; }
.futaba table tr:hover { border: solid 1px black; }

/* FUTABA END */


/* PSEUD0CH */

.pseud0ch html { padding: 0px; margin: 0px; }
.pseud0ch body { background-color: #C5AD99;  background-image: url("../images/ba.gif"); padding: 8px; margin: 0px; font-family: ipamonapgothic, mona, ms pgothic, "Times New Roman", Times, serif; font-size: 14px; color: black; }
.pseud0ch a:link { text-decoration: underline; color: #0000FF; }
.pseud0ch a:hover { text-decoration: underline; color: #FF0000; font-weight: bold; }
.pseud0ch a:visited { text-decoration: underline; color: #660099; }
.pseud0ch table { border: solid 1px grey; border-spacing: 3px; width: 94%; margin: 50px; }
.pseud0ch table th { background-color: #CCFFCC; border: double 4px grey;}
.pseud0ch table td { background-color: #EFEFEF; border: double 4px grey;}
.pseud0ch table td:hover { border: double 4px black; }

/* PSEUD0CH END */


/* TINKLEBALL */

.tinklebell body { background-color: #BFDBFF; font-family: "Times New Roman", Times, serif; font-size: 14px; color: white; }
.tinklebell a:link { text-decoration: underline; color: #00CCCC; font-weight: bold; }
.tinklebell a:visited { text-decoration: underline; color: #00CCCC; font-weight: bold; }
.tinklebell a:hover { text-decoration: underline; color: white; font-weight: bold; }
.tinklebell table { background-color: #7C9FF1; border-style: outset; border-spacing: 3px; border-top: none; border-right-color: #7D92AA; border-bottom-color: #7D92AA; border-left: none; width: 94%; margin: 50px; }
.tinklebell table th {
    background-color: #97C6FF;
    border: inset 1px #BCDBFF; /* I meant for this to be outset with #7D92AA top and left, and #BCDBFF bottom and right, but for some reason it doesn't work */
    border-top-color: #7D92AA;
    border-right-color: #BCDBFF;
    border-bottom-color: #BCDBFF;
    border-left-color: #7D92AA;
}
.tinklebell table td {
    background-color: #5685E4;
    border: inset 1px #BCDBFF; /* I meant for this to be outset with #7D92AA top and left, and #BCDBFF bottom and right, but for some reason it doesn't work */
    border-top: none;
    border-right-color: #BCDBFF;
    border-bottom-color: #BCDBFF;
    border-left: none;
}
.tinklebell table td:hover { border: inset 2px black; }

/* TINKLEBALL END */


/* 404 */

.fzf body { background-color: #001515; font-family: tahoma; font-size: 12px; color: white; }
.fzf a:link { text-decoration: underline; color: #00CCCC; font-weight: bold; }
.fzf a:visited { text-decoration: underline; color: #00CCCC; font-weight: bold; }
.fzf a:hover { text-decoration: underline; color: white; font-weight: bold; }
.fzf a:active { text-decoration: line-through; color: white; font-weight: bold; }
.fzf table { border: solid 4px #00CCCC; border-collapse: collapse; width: 94%; margin: 50px; }
.fzf table th { background-color: #004545; border-left: solid 5px #00CCCC; border-bottom: solid 1px #1A5858;  }
.fzf table td { background-color: #004545; border-left: solid 5px #00CCCC; border-bottom: solid 1px #1A5858;  }
.fzf table td:hover { background-color: #005F5F; }
::-webkit-scrollbar { height: 5px; }
::-webkit-scrollbar-button { background: #000; }
::-webkit-scrollbar-track-piece { background: #00FFFF; }
::-webkit-scrollbar-thumb { background: #FFF; }

/* 404 END */


/* BURICHAN */

.burichan body { background-color: #EEF2FF; font-family: ipamonapgothic, mona, ms pgothic, "Times New Roman", Times, serif; font-size: 14px; color: black; }
.burichan a:link { text-decoration: underline; color: #34345C; font-weight: bold; }
.burichan a:visited { text-decoration: underline; color: #34345C; font-weight: bold; }
.burichan a:hover { text-decoration: underline; color: #DD0000; font-weight: bold; }
.burichan table { border-collapse: collapse; width: 94%; margin: 50px; }
.burichan table th { border-left: solid 2px #EEF2FF; border-bottom: solid 2px #EEF2FF; background-color: #9988EE; }
.burichan table td { border-left: solid 2px #EEF2FF; }
.burichan table tr:nth-child(even) { background-color: #E0E5F6; }
.burichan table tr:hover { border: solid 1px black; }

/* BURICHAN END */