<style>

:link    { color: black }
:visited { color: black }
:active  { color: red }

.border {
    border: 1px solid black;
}

.date {
    color: black;
}

.datebold {
    color: black;
    font-weight: bold;
}

.page {
    color: black;
}

.wrapper {
    width:100%; 
    margin:0 auto;
}

.controlbar {
    width:100%;
    padding:6px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.controlleft {
    align-self: left;
    padding: 3px;
}

.controlright {
    align-self: right;
    padding: 3px;
}

.controlitem {
    padding: 1ch;
}

.controlitem1 {
    flex: 0 1 3ch;
}

.controlitem2 {
    flex: 0 1 6ch;
}

.controlitem3 {
    flex: 0 1 8ch;
}

.close {
    padding: 3px;
}

.left {
    text-align: left;
}

.centered {
    text-align: center;
}

.widecontrolitem {
    flex:2;
    padding: 3px;
}

.widecontrolarea {
    flex:3;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display:flex;
}

.editzone {
    display:flex;
    align-items: center;
    justify-content: space-around;
}

.keeptogether {
    break-inside: avoid;
}

.split {
    column-count: 2;
}

@supports (display: flex) {
    .split {
	display: flex;
    }
}

.scalecomic {
    width: 100%;
    max-width: 100%;
}

.fullwidth {
    max-width:100%;
}

.width90 {
    width: 95%;
    max-width:95%;
    height:auto;
}

.halfwidth {
    width:50%;
    height:auto;
}

.archdate {
    margin-left: 10px;
    color: black;
    font-weight: bold;
}

.info {
    color: black;
    margin-top: 0;
    margin-bottom: 0;
}

.divided {
    padding: 5px;
    border-bottom: 2px solid DimGray;
}

.comicbox {
    background-color: white;
}

a.date {
    color: black;
}

a.page {
    color: black;
}

a.more {
    font-size: 120%;
    color: blue;
}

.name {
    color:black;
    font-size: 125%;
    margin-bottom: 0;
}

td.entry {
    border: 1px solid black;
}

table.white {
    background-color: white;
}
tr.good {
    background-color: #d0ffd0;
}
tr.bad {
    background-color: #ffffcc;
}
tr.vbad {
    background-color: #ffcccc;
}
</style>
