/* phpBB forum style adapted from original */

/* General Styles */
body {
    color: #333;
    background-color: #CADCEB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
    color: #006699;
    text-decoration: none;
}

a:hover {
    color: #004466;
    text-decoration: underline;
}

hr {
    border-top: 1px solid #AABBCC;
}

/* Forum Layout */
.forumline {
    background-color: #D0E4F6;
    border: 2px solid #AABBCC;
}

.bodyline {
    background-color: #D0E4F6;
    border: 1px solid #AABBCC;
}

/* Table Rows */
td.row1, td.row2 {
    background-color: #E0ECF8;
}

td.row3 {
    background-color: #B0C4DE;
}

/* Headers */
th {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    background-color: #99BBDD;
    height: 25px;
    background-image: url(cellpic3.gif);
}

/* Category & Sections */
td.cat {
    background-image: url(cellpic1.gif);
    background-color: #B0C4DE;
    border: 1px solid #AABBCC;
    height: 28px;
}

/* Titles and Links */
.maintitle {
    font-weight: bold;
    font-size: 22px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #004466;
}

.gen, .genmed, .gensmall {
    color: #004466;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover {
    color: #003355;
    text-decoration: underline;
}

/* Post Content */
.postbody {
    font-size: 14px;
    line-height: 18px;
}

/* Code and Quote Blocks */
.code, .quote {
    font-size: 13px;
    color: #003355;
    background-color: #E0ECF8;
    border: 1px solid #AABBCC;
    padding: 5px;
}

/* Buttons and Forms */
input, textarea, select {
    color: #004466;
    font-size: 13px;
    background-color: #D0E4F6;
    border: 1px solid #99BBDD;
}

input.button {
    background-color: #99BBDD;
    color: #004466;
}

/* Additional Elements */
#qr img {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 10px;
    border: 1px solid #666;
    background-color: white;
}

#qr img:hover {
    width: 200px;
    height: 200px;
}

/* Admin Navigation */
#nav8 {
    background: #99BBDD;
    width: 100%;
}

#nav8 td:hover {
    background: #6699CC;
}

#nav8 a {
    display: block;
    padding: 7px 0;
    text-align: center;
}

/* Loading Bar */
#cssbar-wrapper {
    width: 300px;
    height: 19px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#cssbar-line {
    background-color: rgb(120, 150, 200);
    position: absolute;
    height: 100%;
    width: 100%;
    animation: cssbar-slide 4s steps(40) infinite;
}

@keyframes cssbar-slide {
    0% { left: -100%; }
    100% { left: 100%; }
}