@charset "utf-8";

/* @import url(https://cdn.jsdelivr.net/npm/@fontsource/unifont@5.0.11/index.min.css); */
/* @import url(https://stgiga.github.io/UnifontEX/UnifontExMono.css); */
@font-face {
  font-family: 'UnifontExMono';
  src: url('https://stgiga.github.io/UnifontEX/UnifontExMono.eot'); /* IE9 Compat Modes */
  src: url('https://stgiga.github.io/UnifontEX/UnifontExMono.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stgiga.github.io/UnifontEX/UnifontExMono.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://stgiga.github.io/UnifontEX/UnifontExMono.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://stgiga.github.io/UnifontEX/UnifontExMono.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stgiga.github.io/UnifontEX/UnifontExMono.svg#UnifontExMono') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'IBM VGA 8x16';
	font-style: normal;
	font-weight: 400;
    src: url('WebPlus_IBM_VGA_8x16_Adjust.woff') format('woff');
}
/*
@font-face {
  font-family: 'IyagiGGC';
  src: url('https://cdn.jsdelivr.net/gh/JuwanPark/IyagiGGC@latest/IyagiGGC.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: 'DKBDinaru';
  src: url('https://cdn.jsdelivr.net/gh/JuwanPark/WebFnts@latest/DKBDinaru.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body, pre, input, textarea, code {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  /* font-family: 'DKBDinaru', 'UnifontExMono', monospace; */
  font-family: 'IBM VGA 8x16', 'DKBDinaru', 'UnifontExMono', monospace;
  line-height: 1;
}
body {
    color: var(--color7);
	margin: 0 0 0 0;
    /* background-color: #000015; */
    background-color: #151515;
}
input, textarea, select, button, input[type=file]::file-selector-button {
	border: none;
    outline: none;
    /* font-family: 'DKBDinaru', 'UnifontExMono', monospace; */
    font-family: 'IBM VGA 8x16', 'DKBDinaru', 'UnifontExMono', monospace;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    padding: 0;
}
.dkbdinaru {
    font-family: 'DKBDinaru', 'IBM VGA 8x16', 'UnifontExMono', monospace;
}
input, textarea, select {
	/* background-color: var(--color0); */
    background-color: var(--color8);
	/* color: var(--color7); */
    color: var(--color15);
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 16px 0 0;
    background-image: url('./img/sbar-btn-down.png');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 1px);
    background-position-y: 1px;
}
select:focus{
    background-image: url('./img/focus-btn-down.png');
    background-position-x: 100%;
    background-position-y: 0px;
}

button, input[type="button"], input[type="submit"], input[type="reset"],
input[type=file]::file-selector-button {
	background-color: var(--color7);
	color: var(--color0);
}
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"],
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="time"], 
input[type="search"], select {
    box-sizing: border-box;
    height: 16px;
    border: none;
    vertical-align: top;
    width: 160px;
}
input[type="password"] {
    -webkit-font-feature-settings: 'hwid';
    font-feature-settings: 'hwid';
}
input[type="color"] {
    width: 32px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0;
    vertical-align: top;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: 1px solid var(--color7);
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
    color: #ffffff;
    opacity: 1;
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-image: url('./img/calendar-pick.png');
    padding: 0;
    border: 1px solid var(--color0);
    cursor: pointer;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    color: #ffffff;
    opacity: 1;
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-image: url('./img/time-pick.png');
    padding: 0;
    border: 1px solid var(--color0);
    cursor: pointer;
}
input[type="date"] { width: 104px; }
input[type="datetime-local"] { width: 224px; }
input[type="month"] { width: 112px; }
input[type="week"] { width: 144px; }
input[type="time"] { width: 136px; }
input[type="range"] {
    -webkit-appearance: none;
    width: 160px;
    height: 16px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid var(--color7);
    overflow: hidden;
    vertical-align: top;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 8px;
    height: 16px;
    border-radius: 0px;
    background-color: var(--color15);
    overflow: visible;
    cursor: pointer;
    box-shadow: -160px 0 0 160px var(--color8);
}

input[type="checkbox"] {
    width: 24px;;
    margin: 0;
    vertical-align: top;
}
input[type="checkbox"]:after {
    width: 24px;
    height: 16px;
    display: block;
    content: ' ';
    cursor: pointer;
    background-color: var(--color0);
    background-image: url('./img/chkbox_off.png');
    background-repeat: no-repeat;
    background-position: -1px -1px;
    border: 1px solid transparent;
    box-sizing: border-box;
}
input[type="checkbox"]:checked:after {
    background-image: url('./img/chkbox_on.png');
}
input[type="checkbox"]:focus:after {
    border-color: #7f7f7f7f;
}

input[type="radio"] {
    width: 0;
    margin: 0;
    margin-right: 16px;
    vertical-align: top;
}
input[type="radio"]:after {
    width: 16px;
    height: 16px;
    display: block;
    content: ' ';
    cursor: pointer;
    background-image: url('./img/radio_off.png');
    background-repeat: no-repeat;
    background-position: -1px -1px;
    border: 1px solid transparent;
    box-sizing: border-box;
}
input[type="radio"]:checked:after {
    background-image: url('./img/radio_on.png');
}
input[type="radio"]:focus:after {
    border-color: #7f7f7f7f;
}

b, strong {
    font-weight: normal;
    /* text-shadow: 1px 0 0; */
    text-shadow: 0.0625em 0 0;
}
small.no-small {
    font-size: 1em;
}
dd {
    margin-bottom: 8px;
    margin-inline-start: 24px;
}

abbr[title] {text-decoration: none;}
.nowrap {white-space: nowrap;}

a:link, a:visited {
	color: var(--color15);
	text-decoration: none;
    outline: none;
}
a:active, a:hover, a:focus {
    background-color: #ffffff7f;
}

#insiteheader, #container, #insitefooter {
    background-color: var(--color0);
    font-size: 16px;
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}
#insiteheader { padding-top: 16px; }
#insitefooter { padding: 16px calc(48px + mod(100%, 8px)) 16px 48px; }
#blogtitle, #insiteheader .subtitle {
    padding: 0 48px 0 16px;
}

#insitefooter p {
    margin: 0;
}
.maxwidth {
	max-width: 1280px;
	margin: 0 auto;
}
hr.antimargin {
	width: 100%;
	height: 0;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	clear: both;
}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.horz-scrollable {
    overflow-x: auto;
}

#l_floater, #p_floater {
    float: left;
    width: 100%;
    overflow-x: hidden;
}
#l_floater {
    /*
    background-color: #000038;
    color: var(--color15);
    */
    background-color: var(--color0);
    color: var(--color7);
    padding-right: mod(100%, 8px);
    box-sizing: border-box;
}
#TopRainbowBar {
    height: 16px;
    background-image: url('./img/rainbow_bars_anim.svg');
    background-repeat: repeat-x;
    background-position: left 8px;
}

#blogtitle {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
div.sepa0 { min-height: 16px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(0,0,0);stroke-width:2;\" /></svg>"); }
div.sepa9 { min-height: 16px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(0,0,255);stroke-width:2;\" /></svg>"); }

div.sepa7 { min-height: 16px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(192,192,192);stroke-width:2;\" /></svg>"); }
div.sepa8 { min-height: 16px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(128,128,128);stroke-width:2;\" /></svg>"); }

div.sepa15 { min-height: 16px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(255,255,255);stroke-width:2;\" /></svg>"); }

.subtitle {
    margin: 0;
}
@media screen {
    span.required {
        color: #f55;
        animation-duration: 1.8s;
        animation-name: req_rainbow;
        animation-iteration-count: infinite;
        animation-timing-function: steps(36, end);
    }
}
@keyframes req_rainbow {
  0%, 100% { color: #f55; }
  16.6666% { color: #ff5; }
  33.3333% { color: #5f5; }
  50%      { color: #5ff; }
  66.6666% { color: #55f; }
  83.3333% { color: #f5f; }
}
#container iframe { max-width: 100%; }

h2 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
.entry-content a:link, .entry-content a:visited {
	color: var(--color11);
}

.entry-content h2, .entry-content h3 {
    margin: 1em 0;
    font-size: 16px;
    font-weight: normal;
}
.entry-content h2:before {
    content: '\F100\20';
    animation-duration: 1.8s;
    animation-name: req_rainbow;
    animation-iteration-count: infinite;
    animation-timing-function: steps(36, end);
}
#siteaside section {
    margin-bottom: 16px;
    /*
    padding-bottom: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(128,128,128);stroke-width:2;\" /></svg>");
    background-repeat: repeat-x;
    background-position: top;
    */
}
#siteaside section.widget_bloginfo {
    background: none;
}
.wp-block-heading {
    display: inline-block;
    background-color: var(--color0);
    padding: 0 8px;
}
.wp-block-search__label {
    background-color: var(--color0);
    padding: 0 8px;
}
.wp-block-group ul {
    margin: 0 0 0 24px;
    line-height: 1;
    list-style: none;
    padding-left: 0;
}
.wp-block-group ol {
    margin: 0;
    line-height: 1;
}
.wp-block-latest-comments {
    padding: 0;
    line-height: 1;
}
.wp-block-latest-comments__comment {
    margin: 0;
}
.wp-block-group ul li:before {
    content: "▶";
    margin-left: -24px;
    margin-right: 8px;
    color: var(--color8);
}
.wp-block-latest-comments__comment article {
    padding-left: 24px;
}
.wp-block-latest-comments__comment article footer:before {
    content: "▶";
    margin-left: -24px;
    margin-right: 8px;
    color: var(--color8);
}

a.post-thumbnail img {
    float: left;
    max-height: 80px;
    max-width: 128px;
    margin-right: 8px;
}
div.post-thumbnail {
    text-align: center;
}
div.post-thumbnail img {
    /* max-height: 480px; */
    max-width: 100%;
    vertical-align: top;
}

.post h1, .page h1, h1.page-title {
    line-height: 16px;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.type-page .entry-title {
    display: none;
}
h1.entry-title {
    display: inline-block;
}
.taxonomy-description p { margin: 0; }
.entry-header.singular {
    padding-bottom: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(255,255,255);stroke-width:2;\" /></svg>");
    background-repeat: repeat-x;
    background-position: bottom;
}
.page-header .page-title {
    /* background-color: #005; */
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: mod(100%, 2px);
}
.list-of-articles {
    /* background-color: #005; */
}
.list-of-articles h2.align-center {
    overflow: hidden;
    white-space: nowrap;
    padding-right: mod(100%, 2px);
}
.entry-content :not(tr) > .align-center {
    padding-right: mod(100%, 2px);
}
.more-link {
    white-space: nowrap;
}
.list-of-articles ~ article, .page-header ~ article {
    padding-top: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><rect x=\"1\" y=\"7\" style=\"fill:rgb(255,255,255);\" width=\"6\" height=\"1\" /></svg>");
    background-repeat: repeat-x;
    background-position: top left;
    clear: both;
}
.list-of-articles + article, .page-header + article {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(255,255,255);stroke-width:2;\" /></svg>");
}
.list-of-articles ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.list-col-date {
    display: inline-block;
    width: 96px;
}
.list-col-title {
    display: inline-block;
    width: calc(100% - 96px);
}
.list-col-title a {
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
}
.list-multicol-2 { display: none; }
@media only screen and (min-width: 1216px) {
    .list-of-articles ul {
        column-count: 2;
        column-gap: 16px;
    }
    .list-multicol-1 {
        width: calc(50% - 8px);
        margin-right: 16px;
        display: inline-block;
    }
    .list-multicol-2 {
        width: calc(50% - 8px);
        display: inline-block;
    }
}

.nav-previous {float: left;}
.nav-next {float: right;}
.tags-links a:before {
    content: '#';
}
.updated:not(.published) {
    display: none;
}

.entry-content ul {
    list-style: none;
    padding-left: 24px;
}
.entry-content ul li:before {
    content: "▶";
    margin-left: -24px;
    margin-right: 8px;
    color: var(--color8);
}
.entry-content ul.narrow {
    padding-left: 16px;
}
.entry-content ul.narrow li:before {
    content: "▶";
    margin-left: -16px;
    margin-right: 0px;
}
.entry-content ul.square li:before {
    content: "◾";
}

.entry-content img {
    max-width: 100%;
}

.entry-footer {
    clear: both;
}

.share-sns {
    text-align: right;
    float: right;
    display: none;
}
#comments, .comment-list ~ #respond {
    padding-top: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><rect x=\"1\" y=\"7\" style=\"fill:rgb(255,255,255);\" width=\"6\" height=\"1\" /></svg>");
    background-repeat: repeat-x;
    background-position: top left;
}
.fn { font-weight: normal; }

.nav-links {
    text-align: center;
    padding-top: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><rect x=\"1\" y=\"7\" style=\"fill:rgb(255,255,255);\" width=\"6\" height=\"1\" /></svg>");
    background-repeat: repeat-x;
    background-position: top left;

}
.type-post ~ nav .nav-links {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"8\" y2=\"8\" style=\"stroke:rgb(255,255,255);stroke-width:2;\" /></svg>");
}
b.white {
    font-weight: normal;
    color: var(--color15);
}
.entry-content p:first-child {
    margin-top: 0;
}

.entry-footer {
    color: var(--color7);
}

.comment-body {
    margin-top: 16px;
}

/*
#side_opener {
	width: 40px;
	height: 40px;
	border: none;
	float: right;
	cursor: pointer;
	background: url('./img/sidebar_opener.png') 0 0 no-repeat;
}

#side_opener.closeicon {
	background: url('./img/sidebar_closer.png') 0 0 no-repeat;
}
#side_opener:hover, #side_opener:focus {
	box-shadow: none;
}
*/

code, kbd, samp {
    font-family: 'IyagiGGC', 'UnifontExMono', monospace;
}

.entry-content pre {
    overflow: auto;
}

#MenuOpenBtn, #GotoTopBtn {
    z-index: 1000;
}
#siteaside {
    z-index: 900;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    width: 100%;
    max-width: 256px;
    padding: 16px 8px 48px;
    box-sizing: border-box;
    background-color: var(--color0);
    display: none;
}
#insiteheader .subtitle {
    display: none;
}
.widget_bloginfo { width: calc(100% - 40px); }
.avatar {
    float: left;
    margin-right: 8px;
}
.logged-in-as {
    margin-top: 0;
}
b.fn {
    text-shadow: none;
}
.comment-reply-title small {
    font-size: 16px;
}
.comment-awaiting-moderation {
    font-style: normal;
    color: var(--color7);
}
#commentform {
    /* background-color: #000055; */
    padding: 16px 0;
}
.comment-reply-title {
    /* background-color: #000055; */
}
.comment-notes { margin-top: 0; }
.comment-form label:not([for="wp-comment-cookies-consent"]) {
    width: 64px;
    text-align: right;
    display: inline-block;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    max-width: 320px;
    width: 100%;
    display: inline-block;
    margin: 0 0 16px;
}
#author, #url, #email {
    width: 200px;
    background-color: var(--color0);
    color: var(--color7);
}
#comment {
    vertical-align: top;
    width: calc(100% - 80px);
    resize: vertical;
    /* background-color: var(--color0); */
    background-color: var(--color8);
    /* color: var(--color7); */
    color: var(--color15);
}
.comment-form-cookies-consent {
    padding: 0 8px;
    margin-top: 0;
}
.form-submit {
    text-align: center;
    margin-bottom: 0;
}
#submit {
    box-sizing: border-box;
    padding: 6px;
    border-top   : 2px solid #aaa;
    border-left  : 2px solid #aaa;
    border-bottom: 2px solid #555;
    border-right : 2px solid #555;
    cursor: pointer;
}
#submit:hover, #submit:focus {
    background-color: var(--color0);
    color: var(--color15);
}

.entry-summary p { margin: 0; }

@media only screen and (min-width: 960px) {
    #l_floater {
        width: calc(100% - 256px);
    }
    
    #siteaside {
        position: static;
        float: right;
        display: block !important;
        width: 256px;
        height: unset;
        padding-bottom: 16px;
    }
    #MenuOpenBtn {
        display: none;
    }
    #insiteheader .subtitle {
        display: block;
    }
    .widget_bloginfo { display: none; }
}
@media only screen and (min-width: 1280px) {
    body {
        padding-right: mod(100vw, 16px);
    }
}
@media only screen and (min-width: 1344px) {
    #l_floater {
        width: calc(100% - 320px);
    }
    #siteaside {
        width: 320px;
        max-width: 320px;
    }
}

.sticky .posted-on, .byline {
    display: none;
}
/* Overlay */
.wp-block-search__input {
    border: none;
    padding: 0;
    background-color: var(--color8);
    color: var(--color15);
}
.wp-block-search__button {
    padding: 0 8px;
    margin-left: 8px;
}
.wp-block-tag-cloud {
    margin: 0;
}
.wp-block-tag-cloud a {
    margin-right: 8px;
}
.wp-block-tag-cloud span {
    margin-left: 8px;
}
.wp-block-tag-cloud.is-style-outline {
    gap: 8px;
    margin-top: 8px;
}
.reply a {
    padding: 3px 7px;
    border-width: 1px;
    border-style: solid;
    background-color: #000;
}
.wp-block-tag-cloud.is-style-outline a {
    padding: 3px 7px;
    background-color: #000;
}
.wp-block-tag-cloud.is-style-outline a:active,
.wp-block-tag-cloud.is-style-outline a:hover,
.wp-block-tag-cloud.is-style-outline a:focus {
    padding: 1px 5px;
    border-width: 3px;
    border-style: double;
}

#wp-calendar {
    width: 224px;
    margin: 0 auto;
}
#wp-calendar th, #wp-calendar td {
    border: none;
}
#wp-calendar th {
    padding: 0 4px;
    background-color: var(--color7);
    color: var(--color0);
}
#wp-calendar td {
    padding: 4px;
    color: var(--color8);
}
#wp-calendar caption {
    color: var(--color7);
}

/* Rainbow */
 a.rr0:link,  a.rr0:visited  { color: #ff0000; }
 a.rr1:link,  a.rr1:visited  { color: #ff5500; }
 a.rr2:link,  a.rr2:visited  { color: #ffaa00; }
 a.rr3:link,  a.rr3:visited  { color: #ffff00; }
 a.rr4:link,  a.rr4:visited  { color: #aaff00; }
 a.rr5:link,  a.rr5:visited  { color: #55ff00; }
 a.rr6:link,  a.rr6:visited  { color: #00ff00; }
 a.rr7:link,  a.rr7:visited  { color: #00ff55; }
 a.rr8:link,  a.rr8:visited  { color: #00ffaa; }
 a.rr9:link,  a.rr9:visited  { color: #00ffff; }
a.rr10:link, a.rr10:visited  { color: #00aaff; }
a.rr11:link, a.rr11:visited  { color: #0055ff; }
a.rr12:link, a.rr12:visited  { color: #0000ff; }
a.rr13:link, a.rr13:visited  { color: #5500ff; }
a.rr14:link, a.rr14:visited  { color: #aa00ff; }
a.rr15:link, a.rr15:visited  { color: #ff00ff; }
a.rr16:link, a.rr16:visited  { color: #ff00aa; }
a.rr17:link, a.rr17:visited  { color: #ff0055; }

 a.rr0:active,  a.rr0:hover,  a.rr0:focus  { color: #ffffff; background-color: #7f0000; }
 a.rr1:active,  a.rr1:hover,  a.rr1:focus  { color: #ffffff; background-color: #7f2a00; }
 a.rr2:active,  a.rr2:hover,  a.rr2:focus  { color: #ffffff; background-color: #7f5500; }
 a.rr3:active,  a.rr3:hover,  a.rr3:focus  { color: #ffffff; background-color: #7f7f00; }
 a.rr4:active,  a.rr4:hover,  a.rr4:focus  { color: #ffffff; background-color: #557f00; }
 a.rr5:active,  a.rr5:hover,  a.rr5:focus  { color: #ffffff; background-color: #2a7f00; }
 a.rr6:active,  a.rr6:hover,  a.rr6:focus  { color: #ffffff; background-color: #007f00; }
 a.rr7:active,  a.rr7:hover,  a.rr7:focus  { color: #ffffff; background-color: #007f2a; }
 a.rr8:active,  a.rr8:hover,  a.rr8:focus  { color: #ffffff; background-color: #007f55; }
 a.rr9:active,  a.rr9:hover,  a.rr9:focus  { color: #ffffff; background-color: #007f7f; }
a.rr10:active, a.rr10:hover, a.rr10:focus  { color: #ffffff; background-color: #00557f; }
a.rr11:active, a.rr11:hover, a.rr11:focus  { color: #ffffff; background-color: #002a7f; }
a.rr12:active, a.rr12:hover, a.rr12:focus  { color: #ffffff; background-color: #00007f; }
a.rr13:active, a.rr13:hover, a.rr13:focus  { color: #ffffff; background-color: #2a007f; }
a.rr14:active, a.rr14:hover, a.rr14:focus  { color: #ffffff; background-color: #55007f; }
a.rr15:active, a.rr15:hover, a.rr15:focus  { color: #ffffff; background-color: #7f007f; }
a.rr16:active, a.rr16:hover, a.rr16:focus  { color: #ffffff; background-color: #7f0055; }
a.rr17:active, a.rr17:hover, a.rr17:focus  { color: #ffffff; background-color: #7f002a; }

 a.rr0:link .tag-link-count,  a.rr0:visited .tag-link-count { color: #7f0000; }
 a.rr1:link .tag-link-count,  a.rr1:visited .tag-link-count { color: #7f2a00; }
 a.rr2:link .tag-link-count,  a.rr2:visited .tag-link-count { color: #7f5500; }
 a.rr3:link .tag-link-count,  a.rr3:visited .tag-link-count { color: #7f7f00; }
 a.rr4:link .tag-link-count,  a.rr4:visited .tag-link-count { color: #557f00; }
 a.rr5:link .tag-link-count,  a.rr5:visited .tag-link-count { color: #2a7f00; }
 a.rr6:link .tag-link-count,  a.rr6:visited .tag-link-count { color: #007f00; }
 a.rr7:link .tag-link-count,  a.rr7:visited .tag-link-count { color: #007f2a; }
 a.rr8:link .tag-link-count,  a.rr8:visited .tag-link-count { color: #007f55; }
 a.rr9:link .tag-link-count,  a.rr9:visited .tag-link-count { color: #007f7f; }
a.rr10:link .tag-link-count, a.rr10:visited .tag-link-count { color: #00557f; }
a.rr11:link .tag-link-count, a.rr11:visited .tag-link-count { color: #002a7f; }
a.rr12:link .tag-link-count, a.rr12:visited .tag-link-count { color: #00007f; }
a.rr13:link .tag-link-count, a.rr13:visited .tag-link-count { color: #2a007f; }
a.rr14:link .tag-link-count, a.rr14:visited .tag-link-count { color: #55007f; }
a.rr15:link .tag-link-count, a.rr15:visited .tag-link-count { color: #7f007f; }
a.rr16:link .tag-link-count, a.rr16:visited .tag-link-count { color: #7f0055; }
a.rr17:link .tag-link-count, a.rr17:visited .tag-link-count { color: #7f002a; }

 a.rr0:active .tag-link-count,  a.rr0:hover .tag-link-count,  a.rr0:focus .tag-link-count { color: #ff7f7f; }
 a.rr1:active .tag-link-count,  a.rr1:hover .tag-link-count,  a.rr1:focus .tag-link-count { color: #ffaa7f; }
 a.rr2:active .tag-link-count,  a.rr2:hover .tag-link-count,  a.rr2:focus .tag-link-count { color: #ffd57f; }
 a.rr3:active .tag-link-count,  a.rr3:hover .tag-link-count,  a.rr3:focus .tag-link-count { color: #ffff7f; }
 a.rr4:active .tag-link-count,  a.rr4:hover .tag-link-count,  a.rr4:focus .tag-link-count { color: #d5ff7f; }
 a.rr5:active .tag-link-count,  a.rr5:hover .tag-link-count,  a.rr5:focus .tag-link-count { color: #aaff7f; }
 a.rr6:active .tag-link-count,  a.rr6:hover .tag-link-count,  a.rr6:focus .tag-link-count { color: #7fff7f; }
 a.rr7:active .tag-link-count,  a.rr7:hover .tag-link-count,  a.rr7:focus .tag-link-count { color: #7fffaa; }
 a.rr8:active .tag-link-count,  a.rr8:hover .tag-link-count,  a.rr8:focus .tag-link-count { color: #7fffd5; }
 a.rr9:active .tag-link-count,  a.rr9:hover .tag-link-count,  a.rr9:focus .tag-link-count { color: #7fffff; }
a.rr10:active .tag-link-count, a.rr10:hover .tag-link-count, a.rr10:focus .tag-link-count { color: #7fd5ff; }
a.rr11:active .tag-link-count, a.rr11:hover .tag-link-count, a.rr11:focus .tag-link-count { color: #7faaff; }
a.rr12:active .tag-link-count, a.rr12:hover .tag-link-count, a.rr12:focus .tag-link-count { color: #7f7fff; }
a.rr13:active .tag-link-count, a.rr13:hover .tag-link-count, a.rr13:focus .tag-link-count { color: #aa7fff; }
a.rr14:active .tag-link-count, a.rr14:hover .tag-link-count, a.rr14:focus .tag-link-count { color: #d57fff; }
a.rr15:active .tag-link-count, a.rr15:hover .tag-link-count, a.rr15:focus .tag-link-count { color: #ff7fff; }
a.rr16:active .tag-link-count, a.rr16:hover .tag-link-count, a.rr16:focus .tag-link-count { color: #ff7fd5; }
a.rr17:active .tag-link-count, a.rr17:hover .tag-link-count, a.rr17:focus .tag-link-count { color: #ff7faa; }

 a.rr0.tag-cloud-link, .reply  a.rr0 { border-color: #ff0000; }
 a.rr1.tag-cloud-link, .reply  a.rr1 { border-color: #ff5500; }
 a.rr2.tag-cloud-link, .reply  a.rr2 { border-color: #ffaa00; }
 a.rr3.tag-cloud-link, .reply  a.rr3 { border-color: #ffff00; }
 a.rr4.tag-cloud-link, .reply  a.rr4 { border-color: #aaff00; }
 a.rr5.tag-cloud-link, .reply  a.rr5 { border-color: #55ff00; }
 a.rr6.tag-cloud-link, .reply  a.rr6 { border-color: #00ff00; }
 a.rr7.tag-cloud-link, .reply  a.rr7 { border-color: #00ff55; }
 a.rr8.tag-cloud-link, .reply  a.rr8 { border-color: #00ffaa; }
 a.rr9.tag-cloud-link, .reply  a.rr9 { border-color: #00ffff; }
a.rr10.tag-cloud-link, .reply a.rr10 { border-color: #00aaff; }
a.rr11.tag-cloud-link, .reply a.rr11 { border-color: #0055ff; }
a.rr12.tag-cloud-link, .reply a.rr12 { border-color: #0000ff; }
a.rr13.tag-cloud-link, .reply a.rr13 { border-color: #5500ff; }
a.rr14.tag-cloud-link, .reply a.rr14 { border-color: #aa00ff; }
a.rr15.tag-cloud-link, .reply a.rr15 { border-color: #ff00ff; }
a.rr16.tag-cloud-link, .reply a.rr16 { border-color: #ff00aa; }
a.rr17.tag-cloud-link, .reply a.rr17 { border-color: #ff0055; }

.lm-box {
    border-top   : 1px solid #fff;
    border-left  : 1px solid #fff;
    border-bottom: 1px solid #555;
    border-right : 1px solid #555;
}
.lm-header-inner {
    border-top   : 1px solid #00a;
    border-left  : 1px solid #00a;
    border-bottom: 1px solid #555;
    border-right : 1px solid #555;
}
.lm-pd-inner {
    border-top   : 1px solid #aaa;
    border-left  : 1px solid #aaa;
    border-bottom: 1px solid #555;
    border-right : 1px solid #555;
}

.lm-pd-inner a {
    display: block;
    padding: 4px 6px;
    outline: none;
}
.lm-pd-inner a:link, .lm-pd-inner a:visited, .lm-pd-inner a:active {
    color: #555;
    background-color: #aaa;
    text-decoration: none;
}
.lm-pd-inner a:hover, .lm-pd-inner a:focus {
    color: #fff;
    background-color: #000;
}

.lm-pd-inner .sepa { min-height: 8px; background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16\" width=\"8\"><line x1=\"0\" x2=\"8\" y1=\"3.5\" y2=\"3.5\" style=\"stroke:rgb(0,0,0);stroke-width:1;\" /><line x1=\"0\" x2=\"8\" y1=\"4.5\" y2=\"4.5\" style=\"stroke:rgb(255,255,255);stroke-width:1;\" /></svg>"); }

/* Scrollbar */
/* Webkit (Chrome, Edge, Opera, Safari) */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
::-webkit-scrollbar-track {
    background-color: #d5d5d5;
    border: 1px solid #000;
    background-image: url('./img/sbar-track.png');
}
::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border: 1px solid #000;
}
::-webkit-scrollbar-thumb:vertical {
    background-image: url('./img/sbar-vert-top.png'), url('./img/sbar-vert-bottom.png'), url('./img/sbar-vert-middle.png');
    background-position: top, bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-y;
}
::-webkit-scrollbar-thumb:horizontal {
    background-image: url('./img/sbar-horz-left.png'), url('./img/sbar-horz-right.png'), url('./img/sbar-horz-center.png');
    background-position: left, right, center;
    background-repeat: no-repeat, no-repeat, repeat-x;
}
::-webkit-scrollbar-button {
    width: 16px;
    height: 16px;
    background-color: #aaa;
    border: 1px solid #000;
}
::-webkit-scrollbar-button:vertical:increment
{ background-image: url('./img/sbar-btn-down.png'); }
::-webkit-scrollbar-button:vertical:decrement
{ background-image: url('./img/sbar-btn-up.png'); }
::-webkit-scrollbar-button:horizontal:increment
{ background-image: url('./img/sbar-btn-right.png'); }
::-webkit-scrollbar-button:horizontal:decrement
{ background-image: url('./img/sbar-btn-left.png'); }
::-webkit-scrollbar-corner { background-image: url('./img/sbar-track.png'); }

#topblackbar {
	width: 100%;
	height: 4px;
	background-color: #000000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99998;
}
#scrollstrip {
	background-color: #ff0000;
	width: 0;
	height: 4px;
	display: block;
	float: left;
}

/* Col Container */
.col-4-container, .col-4b-container, .col-3-container, .col-3b-container,
.col-2-container,
.col-3-container-720, .col-3-container-960,
.col-2-container-640, .col-2-container-768, .col-2-container-960 {
    column-gap: 0;
    padding-right: mod(100%, 8px);
}
@media (min-width: 480px) {
    .col-4-container, .col-4b-container {
        column-count: 2;
        padding-right: mod(100%, 16px);
    }
}
/* least 640 */
@media (min-width: 640px) {
    .col-3-container {
        column-count: 2;
        padding-right: mod(100%, 16px);
    }
    .col-2-container-640 {
        column-count: 2;
        padding-left:  calc(50% - 320px - mod(50%, 8px));
        padding-right: calc(50% - 320px + mod(50%, 8px));
    }
}
/* least 720 (+256 or not) */
@media (min-width: 976px) {
    .col-4-container {
        column-count: 3;
        padding-right: mod(100%, 24px);
    }
    .col-3-container-720 {
        column-count: 3;
        padding-left:  calc(50% - 360px - mod(50%, 8px));
        padding-right: calc(50% - 360px + mod(50%, 8px));
    }
    .col-2-container-768 {
        column-count: 2;
        padding-left:  calc(50% - 384px - mod(50%, 8px));
        padding-right: calc(50% - 384px + mod(50%, 8px));
    }
}
/* least 960 (+256) */
@media (min-width: 1216px) {
    .col-4-container, .col-4b-container {
        column-count: 4;
        padding-right: mod(100%, 32px);
    }
    .col-3-container, .col-3b-container {
        column-count: 3;
        padding-right: mod(100%, 24px);
    }
    .col-2-container {
        column-count: 2;
        padding-right: mod(100%, 16px);
    }
    .col-3-container-960 {
        column-count: 3;
        padding-left:  calc(50% - 480px - mod(50%, 8px));
        padding-right: calc(50% - 480px + mod(50%, 8px));
    }
    .col-2-container-960 {
        column-count: 2;
        padding-left:  calc(50% - 480px - mod(50%, 8px));
        padding-right: calc(50% - 480px + mod(50%, 8px));
    }
}

pre.samp {
    width: calc(100% - 16px);
    display: block;
    margin: 8px 1px;
    padding: 5px 2px;
    border-top: 3px double var(--color7);
    border-bottom: 3px double var(--color7);
    border-left: 5px double var(--color7);
    border-right: 5px double var(--color7);
    background-color: #0000007f;
    color: var(--color7);
}

samp.fg0  { color: var(--color0 ); }   samp.bg0  { background-color: var(--color0 ); }
samp.fg1  { color: var(--color1 ); }   samp.bg1  { background-color: var(--color1 ); }
samp.fg2  { color: var(--color2 ); }   samp.bg2  { background-color: var(--color2 ); }
samp.fg3  { color: var(--color3 ); }   samp.bg3  { background-color: var(--color3 ); }
samp.fg4  { color: var(--color4 ); }   samp.bg4  { background-color: var(--color4 ); }
samp.fg5  { color: var(--color5 ); }   samp.bg5  { background-color: var(--color5 ); }
samp.fg6  { color: var(--color6 ); }   samp.bg6  { background-color: var(--color6 ); }
samp.fg7  { color: var(--color7 ); }   samp.bg7  { background-color: var(--color7 ); }
samp.fg8  { color: var(--color8 ); }   samp.bg8  { background-color: var(--color8 ); }
samp.fg9  { color: var(--color9 ); }   samp.bg9  { background-color: var(--color9 ); }
samp.fg10 { color: var(--color10); }   samp.bg10 { background-color: var(--color10); }
samp.fg11 { color: var(--color11); }   samp.bg11 { background-color: var(--color11); }
samp.fg12 { color: var(--color12); }   samp.bg12 { background-color: var(--color12); }
samp.fg13 { color: var(--color13); }   samp.bg13 { background-color: var(--color13); }
samp.fg14 { color: var(--color14); }   samp.bg14 { background-color: var(--color14); }
samp.fg15 { color: var(--color15); }   samp.bg15 { background-color: var(--color15); }

div.h_samp {
	width: calc(100% - 16px);
	display: block;
	margin: 8px 1px;
	padding: 7px 6px;
	border: 1px dashed var(--color7);
    background-color: #0005;
}

div.h_samp.hsides {
	width: 100%;
	margin: 8px 0;
	padding: 7px 0;
	border-top: 1px dashed var(--color8);
	border-bottom: 1px dashed var(--color8);
	border-left: none;
	border-right: none;
}

div.h_samp.white {
	background-color: #ffffff;
	color: #000000;
}

.entry-content table {
    border: none;
    border-left: 5px double;
    border-right: 5px double;
    border-top: 3px double;
    border-bottom: 3px double;
    margin: 8px 1px;
    /* border-collapse: collapse; */
    border-spacing: 0;    
}
.entry-content th {
    font-weight: normal;
}
.entry-content th.bold {
    /* text-shadow: 1px 0 0; */
    text-shadow: 0.0625em 0 0;
}
.entry-content th, .entry-content td  {
    border-bottom: 1px solid;
    border-right: 2px solid;
    padding: 4px 7px 3px;
}
.entry-content table > *:last-child tr:last-child th, .entry-content table > *:last-child tr:last-child td {
    border-bottom: none;
    padding-bottom: 4px;
}
.entry-content th:last-child:not(.force-border), .entry-content td:last-child:not(.force-border) {
    border-right: none;
    padding-right: 6px;
}
.entry-content tr.double th, .entry-content tr.double td {
    border-bottom: 3px double;
    padding-bottom: 2px;
}
.entry-content tr.double + tr th, .entry-content tr.double + tr td {
    padding-top: 3px;
}
.entry-content th.double, .entry-content td.double {
    border-right: 5px double;
    padding-right: 6px;
}

.entry-content th:first-child, .entry-content td:first-child,
.entry-content th.double + th, .entry-content td.double + th, .entry-content th.double + td, .entry-content td.double + td {
    padding-left: 10px; /* +4 */
}
.entry-content table > *:first-child tr:first-child th, .entry-content table > *:first-child tr:first-child td {
    padding-top: 6px; /* +4 */
}

table.narrow th, table.narrow td {
    padding-left: 3px;
    padding-right: 3px;
}
table.narrow th:last-child, table.narrow td:last-child, table.narrow th.double, table.narrow td.double {
    padding-right: 2px;
}
table.narrow th:first-child, table.narrow td:first-child,
table.narrow th.double + th, table.narrow td.double + th, table.narrow th.double + td, table.narrow td.double + td {
    padding-left: 5px; /* +3 */
}
.entry-content table.narrow th:last-child:not(.force-border), .entry-content table.narrow td:last-child:not(.force-border) {
    border-right: none;
    padding-right: 3px;
}

img.aligncenter, iframe.aligncenter {
    display: block;
    margin: 0 auto;
}
.aligncenter {
    clear: both;
}

.concur {
    /* width: 8px; */
    height: 16px;
    border-bottom: 4px solid;
    line-height: 16px;
    box-sizing: border-box;
    margin-bottom: -3px;
    display: inline-block;
    animation-name: console-cursor;
    animation-duration: .5s;
    animation-timing-function: steps(1);
    animation-iteration-count: infinite;
}

.bc0  { border-color: var(--color0 ); }
.bc1  { border-color: var(--color1 ); }
.bc2  { border-color: var(--color2 ); }
.bc3  { border-color: var(--color3 ); }
.bc4  { border-color: var(--color4 ); }
.bc5  { border-color: var(--color5 ); }
.bc6  { border-color: var(--color6 ); }
.bc7  { border-color: var(--color7 ); }
.bc8  { border-color: var(--color8 ); }
.bc9  { border-color: var(--color9 ); }
.bc10 { border-color: var(--color10); }
.bc11 { border-color: var(--color11); }
.bc12 { border-color: var(--color12); }
.bc13 { border-color: var(--color13); }
.bc14 { border-color: var(--color14); }
.bc15 { border-color: var(--color15); }

@keyframes console-cursor {
    0% {
        border-bottom-width: 4px;
    }

    50% {
        border-bottom-width: 0;
    }

    100% {
        border-bottom-width: 4px;
    }
}