/* Native Canary artwork; the site's current images stay in their original folder. */
#Themeboxes { position: relative; }
#Themeboxes .tarsis16-box {
    position: relative; box-sizing: border-box; width: 180px; height: 174px;
    margin: 0 0 12px; padding: 0; background: #132c29;
}
#Themeboxes .tarsis16-box::before, #Themeboxes .tarsis16-box::after {
    content: ""; position: absolute; left: 0; width: 180px; height: 12px;
    background-repeat: no-repeat; z-index: 5; pointer-events: none;
}
#Themeboxes .tarsis16-box::before { top: 0; background-image: url('images/general/box-top.gif'); }
#Themeboxes .tarsis16-box::after { bottom: 0; background-image: url('images/general/box-bottom.gif'); }
#Themeboxes .tarsis16-chain {
    position: absolute; top: 10px; bottom: 10px; width: 7px;
    background: url('images/general/chain.gif') repeat-y; z-index: 4; pointer-events: none;
}
#Themeboxes .tarsis16-left { left: 0; }
#Themeboxes .tarsis16-right { right: 0; }
#Themeboxes .tarsis16-heading {
    position: absolute; box-sizing: border-box; top: 9px; left: 7px; width: 166px; height: 25px;
    margin: 0; padding: 1px 2px 0; border: 1px solid #b69a54; border-radius: 5px;
    color: #f2d8a0; font: italic bold 17px/21px Georgia, serif;
    text-align: center; text-shadow: 1px 1px 1px #000; white-space: nowrap;
    background: #650d14 url('images/global/content/newsheadline_background.gif') repeat-x;
}
#Themeboxes .tarsis16-green .tarsis16-heading { background: linear-gradient(#285713,#123609); }
#Themeboxes .tarsis16-purple .tarsis16-heading { background: linear-gradient(#792b70,#481040); }
#Themeboxes .tarsis16-art {
    position: absolute; top: 35px; left: 8px; display: block;
    width: 164px; height: auto; aspect-ratio: 190 / 142; object-fit: contain; border: 0;
}
#Themeboxes .tarsis16-button {
    position: absolute; z-index: 3; top: 126px; left: 22px; display: flex;
    box-sizing: border-box; width: 135px; height: 25px; padding: 0 3px;
    flex-direction: column; align-items: center; justify-content: center;
    background: url('images/global/buttons/sbutton.gif') no-repeat;
    border: 0; color: #ffdf28; font: bold 10px/12px Verdana, sans-serif;
    text-align: center; text-shadow: 1px 1px #000; text-decoration: none;
}
#Themeboxes a.tarsis16-button:hover {
    color: #fff4a2; background-image: url('images/global/buttons/sbutton_over.gif');
}
#Themeboxes a.tarsis16-button:focus-visible, #Themeboxes a.tarsis16-online:focus-visible {
    outline: 2px solid #ffe38a; outline-offset: 2px;
}
#Themeboxes .tarsis16-pending { color: #ead9aa; }
#Themeboxes .tarsis16-pending small { font: normal 9px/10px Verdana, sans-serif; }
#Themeboxes .tarsis16-online {
    position: absolute; top: -122px; left: 24px; display: block;
    width: 132px; height: 111px; color: #ffda20; text-decoration: none; z-index: 6;
}
#Themeboxes .tarsis16-pedestal { display: block; width: 132px; height: 111px; border: 0; }
#Themeboxes .tarsis16-online-text {
    position: absolute; top: 78px; left: 16px; width: 100px; height: 25px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    font: normal 9px/10px Verdana, sans-serif; text-shadow: 1px 1px #000;
}
#Themeboxes .tarsis16-online-text strong { font: bold 10px/11px Verdana, sans-serif; }
#Themeboxes .tarsis16-online:hover { color: #fff1a3; }