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

a.side {
    color: #666;
    text-decoration: none;
}
a:hover.side {
    color: #666;
    text-decoration: underline;
}

a.context {
    color: #cc8833;
    text-decoration: none;
}
a:hover.context {
    color: #cc8833;
    text-decoration: none;
}

a.white {
    color: #fff;
    text-decoration: none;
}
a:hover.white {
    color: #fff;
    text-decoration: underline;
}

body {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px;
}

form {
    margin: 0px 0px 0px 0px;
}

hr {
    height: 1px;
    color: #ddd;
}
hr.side-hr {
    height: 1px;
    color: #ccc;
}

td {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
}

pre {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 10px;
}

.alt {
    color: #666;
}

.white-header {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 10px;
    background-image: url("img/table_bgline.gif");
    background-repeat: repeat-x;
    background-color: #efefef;
    background-position: top;
    padding: 0px 5px 0px 5px;
}

.sub-header a {
    color: #f6c157;
}

.sub-header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #f6c157;
    background-color: #555;
    padding: 5px 10px 5px 10px;
}

.sub-header ul {
    margin: 0;
    padding: 0;
}

.sub-header ul li {
    display: inline;
}

.sub-header ul li.first-link .bullet {
    display: none;
}

.sub-header ul li.first-link {
    font-weight: bold;
}

.sub-header ul li.current-link a span {
    text-decoration: underline;
}

.full-header {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 10px;
    color: #202020;
    background-color: #c0c0c0;
}

.full-header a {
    color: #fafafa;
    text-decoration: underline;
}

/* The legacy page was XHTML 1.0 Transitional, which put browsers in almost
   standards mode: an image alone in a table cell produced no line box, so the
   130px logo cell was exactly 130px. Under the HTML5 doctype (full standards
   mode) the logo sits on a text baseline and the cell grows by the font's
   descender, making the header a few pixels taller. Taking the logo out of
   the inline flow restores the original height. */
.full-header a img {
    display: block;
}

.button {
    color: #cc8833;
    background-color: #505050;
    padding: 2px;
    font: 10px Verdana;
    margin: 0px 2px 0px 2px;
    border: 1px #777 solid;
    font-weight: 900;
    height: 19px;
    padding: 0px 2px 0px 2px;
    margin-top: 2px;
}

.textbox {
    color: #303030;
    background-color: #d0d0d0;
    padding: 2px;
    font: 10px Verdana;
    margin: 0px 20px 0px 20px;
    border: 1px #777 solid;
}

.main-body {
    background-color: #303030;
    font-size: 12px;
    color: #f0f0f0;
    padding: 2px 0px 2px 0px;
}

.main-body td {
    color: #f0f0f0;
}

.side-body {
    font-size: 10px;
    color: #000;
    padding: 4px 4px 6px 4px;
    border-width: 0px;
    border-style: solid;
    border-color: #303030;
    border-left: #303030 3px solid;
    margin-bottom: 0px;
    background-image: url("img/side_bg2.gif");
}

.main-bg {
    background-image: url("img/table_bgline.gif");
    background-repeat: repeat-x;
    background-color: #efefef;
    padding: 10px;
    border-top: 0px #111111 solid;
    border-bottom: 0px #a0a0a0 solid;
}

.border {
    border: 1px #ff0000 solid;
}

.side-border-left {
    background-color: #efefef;
    background-image: url("img/table_bgline.gif");
    background-repeat: repeat-x;
    background-position: top;
    border-top: 0px #ff0000 solid;
    border-bottom: 0px #a0a0a0 solid;
    border-right: 0px #ff0000 dotted;
    padding: 5px;
}

.side-border-right {
    background-color: #efefef;
    background-image: url("img/table_bgline.gif");
    background-position: top;
    background-repeat: repeat-x;
    border-top: 0px #a0a0a0 solid;
    border-bottom: 0px #a0a0a0 solid;
    border-left: 0px #a0a0a0 dotted;
    padding: 5px;
}

/* The footer used to carry three lines (site notice, PHP-Fusion copyright,
   render time); with the latter two gone it sat flush against the bottom of
   the page. Pad it back out. */
.main-footer {
    padding-bottom: 15px;
}

.news-footer {
    font-size: 9px;
    color: #d0d0d0;
    padding: 4px 0px 0px 0px;
    background-color: #303030;
}

.barmain {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 10px;
    color: #000;
    padding: 4px 4px 4px 4px;
}

.capmain {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffc0;
}

.scapmain {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 15px;
    color: #eeaa44;
    background-color: #303030;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
}

.center {
    margin: 0 auto;
}

.tbl-border {
    background-color: #888;
}
.tbl {
    font-size: 11px;
    padding: 2px 0px 2px 0px;
    color: #000000;
}
.tbl1 {
    font-size: 11px;
    color: #ddd;
    background-color: #333;
    padding: 4px;
}
.tbl2 {
    font-size: 11px;
    color: #ddd;
    background-color: #666;
    padding: 4px;
}

.forum-caption {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    background-color: #888;
    padding: 2px 4px 2px 4px;
}

.quote {
    color: #f0f0f0;
    background-color: #404040;
    padding: 2px;
    margin: 0px 20px 0px 20px;
    border: 1px #777 solid;
}

.poll {
    height: 12px;
    border: 1px #000 solid;
}

.comment-name {
    font-weight: bold;
    color: #666;
}

.shoutboxname {
    color: #002266;
}
.shoutbox {
    color: #666;
}
.shoutboxdate {
    font-size: 9px;
    color: #000;
    text-align: right;
}

.small {
    font-size: 10px;
    font-weight: normal;
}
.small2 {
    font-size: 10px;
    font-weight: normal;
    color: #666;
}
.side-small {
    font-size: 10px;
    font-weight: normal;
    color: #000;
}
.side-label {
    background-color: #ddd;
    padding: 2px;
}

.gallery {
    padding: 16px 0px 8px 0px;
}
.gallery img {
    border: 1px solid #ccc;
    filter: gray;
}
.gallery:hover img {
    border: 1px solid red;
    filter: none;
}
img.activegallery {
    border: 1px solid green;
    filter: none;
}

/* photogallery.php album grid — legacy thumbs on disk are mostly 400x300
   which is too large for the multi-column layout. Constrain rendered size
   to match production (sarbike.ru). */
.photogallery_album_photo {
    width: 120px;
    height: 100px;
    object-fit: cover;
}

/* Page Navigation */
.pagenav {
    padding: 4px;
}

.pagenav span {
    color: #fff;
    background-color: #f6a504;
    border: 1px solid #ddd;
    padding: 2px 4px 2px 4px;
    margin: 2px;
}

.pagenav a {
    border: 1px solid #ddd;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
}

.pagenav a:hover {
    color: #fff;
    background-color: #f6a504;
    margin: 2px;
    text-decoration: none;
}

#tooltip {
    background: #fcfeff;
    border: 1px solid #000000;
    text-align: justify;
    font:
        11px Tahoma,
        Helvetica,
        sans-serif;
    margin: 0px;
    -moz-border-radius: 3px;
    padding: 5px 5px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
}

.side_shadow {
    background-color: #a0a0a0;
    font: 2px Verdana;
}

ul.mine {
    color: #666;
    text-decoration: none;
    margin: 10px;
    padding: 5px;
    list-style-image: url("images/bullet.gif");
}

.panelContainer {
    position: relative;
    margin: 10px 7px 20px 3px;
}
* html .panelContainer {
    height: 1px;
}

.panelTitle {
    border: 2px solid #303030;
    background: #303030;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    color: #eeaa44;
    position: relative;
    z-index: 2;
}

.panelContent {
    font-size: 10px;
    color: #000;
    padding: 4px 4px 6px 4px;
    border: 2px solid #303030;
    background-image: url("img/side_bg2.gif");
    position: relative;
    z-index: 2;
}

.panelShadow {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    background: #a0a0a0;
}

.forum_thread_user_info img {
    max-width: 150px;
}

/* Homepage panels — moved out of inline <style> in main.php during the
   2026-05-05 frontpage refactor. The .dt* classes are the title bars at
   the top of each block; the .dc* classes are the body backgrounds. */
.dt1 {
    width: 100%;
    background-image: url("img/tab_news_bg.gif");
    text-align: right;
}
.dt2 {
    width: 100%;
    background-image: url("img/tab_articles_bg.gif");
}
.dt3 {
    width: 100%;
    background-image: url("img/tab_calendar_bg.gif");
    text-align: right;
}
.dt4 {
    width: 100%;
    background-image: url("img/tab_world_bg.gif");
}
.dt5 {
    width: 100%;
    background-image: url("img/tab_articles_bg.gif");
}
.dt6 {
    width: 100%;
    background-image: url("img/tab_biblio_bg.gif");
}

/* Tab graphics sit alone in their .dtN strip. Under the HTML5 doctype (full
   standards mode) that strip is a line box, so the font's descender adds a
   few pixels of background below the graphic — the legacy XHTML Transitional
   doctype put browsers in almost standards mode, where no line box was
   generated and the strip hugged the image. Zeroing the line box on the strip
   plus vertical-align on the image kills the gap without taking the image out
   of the flow, so text-align:right on .dt1/.dt3 keeps placing it. */
.dt1,
.dt2,
.dt3,
.dt4,
.dt5,
.dt6 {
    line-height: 0;
}

.dt1 img,
.dt2 img,
.dt3 img,
.dt4 img,
.dt5 img,
.dt6 img {
    vertical-align: bottom;
}

.dc1,
.dc2,
.dc3,
.dc4 {
    background-color: #ffffff;
    color: #000000;
}
.dc1 {
    background-image: url("img/tab2_bg_news.gif");
}
.dc2 {
    background-image: url("img/tab2_bg_articles.gif");
}
.dc3 {
    background-image: url("img/tab2_bg_events.gif");
}
.dc4 {
    background-image: url("img/tab2_bg_world.gif");
}
.dc6 {
    background-color: #484848;
}

.siteintro {
    width: 100%;
    margin-bottom: 20px;
}
.siteintro td {
    color: #eee;
}