@font-face 
{
    src: url('/pub/fonts/MR.woff2') format("woff2");
    font-family: 'MainFont';
    font-style: normal;
    font-weight: normal;
}
@font-face 
{
    src: url('/pub/fonts/MI.woff2') format("woff2");
    font-family: 'MainFont';
    font-style: italic;
}
@font-face 
{
    src: url('/pub/fonts/MB.woff2') format("woff2");
    font-family: 'MainFont';
    font-style: normal;
    font-weight: bold;
}
@font-face
{
    src: url('/pub/fonts/TB.woff2') format("woff2");
    font-family: 'TitleFont';
    font-style: normal;
    font-weight: bold;
}
@font-face 
{
    src: url('/pub/fonts/TN.woff2') format("woff2");
    font-family: 'TitleFont';
    font-style: normal;
    font-weight: normal;
}
@font-face 
{
    src: url('/pub/fonts/DCF4.woff2') format("woff2");
    font-family: 'DropcapFont';
    font-style: normal;
    font-weight: bold;
}

@viewport {width: device-width;}

html
{
    --tkx-font-scale: 1;
    font-size: calc(15px * var(--tkx-font-scale));
    line-height: 1.33;
    -webkit-text-size-adjust: 113.33%;
    text-size-adjust: 113.33%;
}

*, *:before, *:after 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;     
}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, quoteText
{
    border: none;
    margin: 0;
    outline: 0;
    padding: 0;
}
:focus { outline: 0; }
article, aside, details, figcaption, figure, footer, header, menu, branding, nav, section
{
    display: block;
}
.hentry { border: none; }
.page .hentry { border: none; }
body 
{
    padding: 0 0;
    background-color: #E0E0E0;
}
#page
{
    background-color: #FFFFFF;
    margin: 0 auto;
    max-width: 1140px;
}
#content
{
    margin: 0 0;
    padding: 0 0;
    width: 100%;
}
#primary
{
    float: left;
    margin: 0 0;
    padding: 1.25rem 1.0rem;
    width: 77%;
}
#secondary
{
    float: right;
    width: 23%;
    height: 100%;
    overflow: auto;
    margin: 0 0;
    padding: 1.25rem 1.0rem;
    background-color: #F0F0F0;
}
.singular #primary { width: 100%; }
.left_col
{
    font-size: 1.0625rem;
    float: left;
    width: 33%;
    text-align: right;
    padding: 3.5rem 1.25rem 0 0;
    margin: 0.5rem 0;
    color: #222;
}
.left_col1
{
    font-size: 1.0625rem;
    float: left;
    width: 33%;
    text-align: right;
    padding: 0 1.25rem 0 0;
    margin: 0.5rem 0;
    color: #222;
}
.left_col1 img { width: 50%; margin: 0.5rem 0;}
.left_col img { width: 50%; margin: 0.5rem 0; }
.right_col img { margin: 1.0rem 0; }
.right_col
{
    float: right;
    text-align: justify;
    margin: 0 0;
    padding: 0 0;
    width: 67%;
}
.left_div
{
    float: left;
    width: 50%;
    text-align: justify;
    padding: 0 0.625rem 0 0;
    margin: 0 0;
}
.right_div
{
    float: right;
    width: 50%;
    text-align: justify;
    padding: 0 0 0 0.625rem;
    margin: 0 0;
}
.singular #content, .left-sidebar.singular #content
{
    margin: 0 0;
    position: relative;
    width: auto;
}
.singular #comments-title
{
    margin: 0 auto;
    width: 100%;
    text-align: left;
}
body, input, textarea 
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    color: #111;
}
h1, h2, h3, h4, h5, h6 { clear: both; }
p
{
    margin: 0 0;
    padding: 0.5rem 0;
    hyphens: auto;
    hyphenate-character: "–";
}
ul
{
    list-style: disc;
    margin-left: 1rem;
}
ol 
{
    list-style-type: decimal;
}
blockquote 
{    
    border-left: 2px dashed #444;
    padding: 0 0 0 0.75rem;
    font-style: italic;
    font-size: 1.0625rem;
    text-align: left;
    letter-spacing: 0.5px;
}
.left_col1 blockquote 
{
    border-left: none;
    border-right: 2px dashed #444;
    text-align: right;
    letter-spacing: 0.5px;
    padding: 0 0.75rem 0 0;
}
.left_col blockquote 
{
    border-left: none;
    border-right: 2px dashed #444;
    text-align: right;
    letter-spacing: 0.5px;
    padding: 0 0.75rem 0 0;
}
.chineseText
{
    font-family: "Kaiti SC Regular", "楷体", "Kaiti SC", Arial, serif;
    font-size: 1.25rem;
    line-height: 1.22;
}
.chineseCaption
{
    font-family: "Kaiti SC Bold", "楷体", "Kaiti SC", Arial, serif;
    font-size: 1.3125rem;
    line-height: 1.4;
    font-weight: bold;
    color: #007BA7;
}
code, kbd, samp, var
{
    font-family: Menlo, Monaco, Courier, monospace;
    font-size: 1.0rem;
}
abbr, acronym, dfn
{
    border-bottom: 2px dashed #444;
    cursor: help;
}
address 
{
    display: block;
    margin: 0 0 1.0rem;
}
ins 
{
    background: #fff9c0;
    text-decoration: none;
}
sup, sub 
{
    font-size: 1.0rem;
    position: relative;
    vertical-align: baseline;
}
sup { bottom: 1.0ex; }
sub { top: 0.25ex; }
#s
{
    background: url('/main/search.png') no-repeat 5px 5px;
    height: 30px;
    padding: 5px 0px 5px 30px;
    margin: 0 0;
    width: 100%;
    border: 2px solid #888;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}
#s:focus { border: 2px solid #000; }
.albumLink:after 
{ 
    content: url('/main/album.png');
    vertical-align: middle;
    margin: 0 0 0 10px;
}
#searchsubmit { display: none; }
.assistive-text { display: none; }
#access a.assistive-text:active,
#access a.assistive-text:focus { display: none; }

#branding 
{
    position: relative;
    text-align: right;
    margin: 0 0;
    padding: 0 0;
    background: #007BA7;
}
#branding hgroup { display: inline; }
#branding img 
{
    width: 100%;
    height: auto;
    margin: 0 0;
    padding: 0 0;
}
#branding .hgroupShadow
{
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0px;
    margin: 0 0;
    padding: 0 0;
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.75));
}
#branding .hgrouptext
{
	float: right; 
    position: absolute;
	width: auto;
    margin: 0 0;
    padding: 0 0;
    right: 1rem;
    bottom: 1rem;
}
#site-title
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4375rem;
    font-weight: bold;
	text-align: right;
    color: #FFF;
}
#site-title a
{
    text-transform: uppercase;
    color: #FFF !important;
}
#site-title a:hover, #site-title a:active, #site-title a:focus
{
    text-decoration: none;
    text-shadow: -2px -2px 0px rgba(128, 128, 128, 0.5), 2px 2px 0px rgba(0, 0, 0, 0.7);    
}
#site-description
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.0625rem;
    color: #FFF;
    bottom: 0px;
    letter-spacing: 1.0px;
}
.blog_headermenu
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.375rem;
    background: #0095CA;
    color: #000;
    margin: 0 0;
    padding: 0.5rem 0.125rem;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
    text-align: center;
}
.blog_headermenu a { color: #000; }
.blog_headermenu a:hover, .blog_headermenu a:active, .blog_headermenu a:focus
{
    color: #FFF !important;
    text-decoration: none;    
    text-shadow: -1px -1px 0px rgba(128, 128, 128, 0.5), 1px 1px 0px rgba(0, 0, 0, 0.7);
}
#colophon
{
    position: relative;
    clear: both;
}
.blog_footer 
{
    width: 100%;
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 0.9375rem;
    background: #0095CA;
    text-align: center;
    padding: 0.8rem 0;
    border-bottom: 2px solid #444;
    border-top: 2px solid #444;
    letter-spacing: 1px;
}
#main 
{
    clear: both;
    padding: 0 0;
    min-height: 100%;
}
.page-title
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.3125rem;
    color: #000;
    margin: 0 0 5rem 0;
    padding: 0.75rem 0.75rem;
    text-transform: uppercase;
    background-color: #E0E0E0;
    border-bottom: 2px solid #444;    
}
.entry-header
{
    margin: 0 0;
    padding: 0.25rem 0rem;
    background-color: #E0E0E0;
}
.entry-title
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.25rem;
    color: #111;
    padding: 0.2rem 0.8rem 0.5rem 0.8rem;
    margin: 0.125rem 0;
    text-transform: uppercase;
    border-bottom: 2px solid #444;
}
.entry-title, .entry-title a
{
    color: #111;
    text-decoration: none;
}
.entry-meta 
{
    clear: both; 
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 0.9375rem;
    color: #111;
    padding: 0.4rem 0.8rem;
}
.entry-meta-second
{
    clear: both; 
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 0.875rem;
    color: #222;
}
.entry-content
{
    margin-top: 3rem;
    margin-bottom: 5rem;
    overflow: hidden;
    text-align: justify;
}
.entry-content h2
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
    margin-bottom: 1.0rem;
}
.entry-content h3
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.1875rem;
    text-transform: uppercase;
    margin-top: 1.0rem;
    margin-bottom: 0.75rem;
}
.entry-content h4
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: uppercase;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}
img { width: 100%; }
.entry-summary
{
    padding: 0 1rem 1rem 5rem;
    text-align: justify;
}
.error404 #main #searchform
{
    margin-bottom: 2rem;
    overflow: hidden;
}
.error404 #main .widget
{
    clear: none;
    float: left;
    padding: 0 0;
    width: 100%;
}
.error404 .widgettitle
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.375rem;
    text-transform: uppercase;
}
#content nav
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.4375rem;
    clear: both;
    overflow: hidden;
    text-align: center;
    margin: 0 0;
    padding: 0 0;
}
#content nav a
{
    text-transform: uppercase;
}
.floating-nav
{
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    background-color: #E0E0E0;
    /* px (not rem) so the bar itself does not grow/shrink with the font scaler */
    padding: 8px 8px;
}
.floating-nav a, .floating-nav a:hover, .floating-nav a:active, .floating-nav a:focus
{
    all: unset;
    background: none;
    border: none;
}
.floating-nav a img
{
    all: unset;
}
.floating-nav a img:hover, .floating-nav a img:active, .floating-nav a img:focus
{
    all: unset;
    outline: 2px solid #444;
    outline-offset: 2px;
}
/* line-height:0 keeps each 24px icon row tight, so the bar keeps a fixed
   height instead of growing with the (scalable) inherited line-height */
.floating-nav-icon
{
    line-height: 0;
    font-size: 0;
    margin: 6px 0px;
}
/* font-size scaler buttons: sized in px to match the 24x24 icons above */
/* separates the +/- pair from the nav icons above: one full 24px cell */
.floating-nav-gap
{
    margin-top: 24px;
}
.floating-nav-font
{
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: #007BA7;
    /* the +/- are drawn as solid bars below, so the glyphs stay as accessible
       text but are not painted; title/aria-label carry the meaning */
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
/* solid bars, sized to carry the same visual weight as the 24x24 icons above */
.floating-nav-font:before, .floating-nav-font:after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* 22x7 bars give the plus ~45% ink coverage of its 24x24 box, matching the
   measured coverage of the home/arrow icons above (42-46%) */
.floating-nav-font:before
{
    width: 22px;
    height: 7px;
}
#tkx-font-plus:after
{
    width: 7px;
    height: 22px;
}
.floating-nav-font:hover, .floating-nav-font:active, .floating-nav-font:focus
{
    outline: 2px solid #444;
    outline-offset: 2px;
}
.floating-nav-font:disabled
{
    opacity: 0.3;
    cursor: default;
    outline: none;
}
#nav-above 
{
    display: none;
}
.nav-previous
{
    float: right;
    text-align: right;
    width: 50%;
    margin: 0 0 1.5rem 0;
}
.nav-next
{
    float: left;
    text-align: left;
    width: 50%;
    margin: 0 0 1.5rem 0;
}
#content nav .meta-nav
{
    font-weight: bold;
}
#nav-single
{
    position: relative;
    text-align: center;
    z-index: 1;
}
#nav-single .nav-previous, #nav-single .nav-next
{
    width: auto;
}
#nav-single .nav-next
{
    padding-right: .5rem;
}
#nav-single .nav-previous
{
    padding-left: .5rem;
}
.nav-previous a, .nav-previous a:hover, .nav-previous a:focus, .nav-previous a:active 
{
    text-decoration: none;
}
.nav-next a, .nav-next a:hover, .nav-next a:focus, .nav-next a:active 
{
    text-decoration: none;
}
.widget
{
    clear: both;
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1rem;
    color: #222;
    padding: 0 0;
    margin: 0 0 2rem 0;
    height: 100%;
}
.widget-title
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.25rem;
    color: #111;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    margin: 1.0rem 0;
    border-bottom: 2px solid #444;
    background-color: #E0E0E0;
}
.entry-meta .edit-link a
{
    float: right;
}
.first_para
{
    margin-top: 0.5rem;
}
.first_para::first-line 
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    color: #111;
    letter-spacing: 1px;
}
.first_para::first-letter 
{
    float: left;
    font-family: DropcapFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 2.9rem;
    line-height: 36px;
    margin: 0 0px;
    padding: 5px 10px 0px 0px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
#secondary .first_para::first-letter 
{
    float: left;
    font-family: DropcapFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 2.5rem;
    line-height: 32px;
    margin: 0 1px;
    padding: 4px 8px 0px 0px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
.headingquote
{
    text-align: right;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
}
.footnoteholder 
{
    width: 85%;
    border-top: 2px dashed #444;
    margin: 5rem 0 1rem 0;
    padding: 1rem 15% 0 0;
    text-align: justify;
    font-size: 1.0625rem;
}
a.footnotelink 
{ 
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 0.875rem;    
    color: #FF0000;
    margin-left: 3px;
    margin-right: 3px;
    font-style: normal;
}
a.footnotebacklink 
{ 
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 1.0rem;
    margin-right: 5px;
    color: #FF0000;
    font-style: normal;
}
.scrollbox
{
    overflow: auto;
    font-size: 1.0625rem;
    border: 2px solid #444;
    padding: 0.5rem 0.75rem;
    margin: 1.0rem 0;
}
.poetdiv
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.0625rem;
    margin: 0.25rem 0;
    padding: 0 0;
}
.sourcediv
{
    font-family: Menlo, Monaco, Courier, "Courier New", "Andale Mono", monospace;
    font-size: 0.875rem;
    text-align: left;
    border: 2px dashed #444;
    padding: 0.5rem 0.75rem;
    margin: 1.0rem 0;
}
.videodiv
{
    position: relative; 
    width: 100%; 
    height: 0px; 
    padding-bottom: 56.25%;
    border: 2px solid #444;
    margin: 1.0rem 0;
}
.T_mp3j
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-style: normal;
    font-size: 1.125rem;
    color: #007BA7;
}
.player-track-title { font-size: 1.125rem; }
q 
{ 
    font-style: italic; 
}
q:before 
{ 
    content: "«";
    font-style: normal;
    font-size: 133%;
    line-height: 75%;
    padding-left: 5px;
    padding-right: 5px;
}
q:after 
{ 
    content: "»";
    font-style: normal;
    font-size: 133%;
    line-height: 75%;
    padding-left: 5px;
    padding-right: 5px;
}
a 
{
    font-weight: bold;
    color: #007BA7;
    text-decoration: none;
}
a:focus, a:active, a:hover 
{
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
a img
{
    outline: 2px solid #444;
    outline-offset: -2px;
}
a img:focus, a img:active, a img:hover
{
    outline: 3px solid #007BA7;
    outline-offset: -3px;
}
::selection 
{
    background: #00AFEE;
}
.wp-pagenavi *
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-weight: bold;
    font-size: 1.3125rem;
    line-height: 1.5;
}
.wp-pagenavi
{
    clear: both;
    text-align: center;
    color: #111;
    margin: 1.0rem 0;
    line-height: 2.5rem;
}
.wp-pagenavi a, .wp-pagenavi span 
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow" !important;
    font-weight: bold !important;
    font-size: 1.375rem !important;
    text-decoration: none !important;
    outline: 2px solid #444;
    outline-offset: -2px;
    padding: 0px 5px;
    margin: 0px 1px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current
{
    background-color: #BBB;
    color: #111;
}
.wp-pagenavi span.current
{
    font-weight: bold;
}
.facebook-responsive 
{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.facebook-responsive iframe 
{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.quoteText 
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: justify;
    margin: 0 0;
    padding: 0.5rem 1.0rem;
    background-color: #DDD;
}
.quoteText p
{
    margin: 0 0;
    padding: 0.5rem 0;
}
.table2Col,
.table21Col,
.table23Col,
.table3Col,
.table4Col,
.table432Col,
.table421Col,
.table5432Col,
.table632Col,
.table9Col
{
    display: block;
    float: left;
    padding: 1px 1px;
    margin: 0 0;
}
.table2ColRow,
.table21ColRow,
.table23ColRow,
.table3ColRow,
.table4ColRow,
.table432ColRow,
.table421ColRow,
.table5432ColRow,
.table632ColRow,
.table9ColRow
{
    width: 100%;
    display: block;
    float: left;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}
.table2ColRow: after,
.table21ColRow: after,
.table23ColRow: after,
.table3ColRow: after,
.table432ColRow: after,
.table421ColRow: after,
.table4ColRow: after,
.table5432ColRow: after,
.table632ColRow: after
.table9ColRow: after
{
    clear: both;
    content: "";
    display: block;
}
.table2Col img,
.table21Col img,
.table23Col img,
.table3Col img,
.table432Col img,
.table421Col img,
.table4Col img,
.table5432Col img,
.table632Col img,
.table9Col img
{
    vertical-align: bottom;
    margin: 1px 1px;
}
.table2Col .videodiv,
.table21Col .videodiv,
.table23Col .videodiv,
.table3Col .videodiv,
.table432Col .videodiv,
.table421Col .videodiv,
.table4Col .videodiv,
.table5432Col .videodiv,
.table632Col .videodiv,
.table9Col .videodiv
{
    vertical-align: bottom;
    margin: 1px 1px;
}
.table21Col 
{
    display: block;
    float: left;
    width: 50%;
}
.table2Col 
{
    display: block;
    float: left;
    width: 50%;
}
.table3Col 
{
    display: block;
    float: left;
    width: 33.33%;
}
.table23Col
{
    display: block;
    float: left;
    width: 33.33%;
}
.table432Col
{
    display: block;
    float: left;
    width: 25%;
}
.table421Col
{
    display: block;
    float: left;
    width: 25%;
}
.table4Col 
{
    display: block;
    float: left;
    width: 25%;
}
.table9Col 
{
    display: block;
    float: left;
    width: 12.5%;
}
.table5432Col 
{
    display: block;
    float: left;
    width: 20.0%;
}
.table632Col 
{
    display: block;
    float: left;
    width: 16.66%;
}
.table9ColRow
{
    container-type: inline-size;
}
.css-shape 
{
    shape-image-threshold: 0.5;
    shape-margin: 1.5rem;
}
.css-shape-greyscale
{
    filter: brightness(75%);
}
.widget ul
{
    margin-left: 1.25rem;
    display: grid;
    grid-template-columns: repeat(1, auto);
}
hr
{ 
    width: 40%; 
    text-align: center;
    border-top: 2px solid #444;
    margin-bottom: 1.0rem;
}
.smallTitle 
{
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 0.875rem;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.25rem 0 0.5rem 0;
}
@media only screen and (max-width: 992px)
{
    #primary { width: 100%; }
    #secondary { width: 100%; }
    #content { width: auto; }	
    .left_col img { width: 60%; }
    .left_col1 img { width: 60%; }
    .table5432Col { display: block; width: 25%; }
    .widget ul { grid-template-columns: repeat(3, auto) !important; }
}
@media only screen and (max-width: 768px) 
{
    #primary { width: 100%; }
    #secondary { width: 100%; }
    #content { width: auto; }
    .left_col img { width: 70%; }
    .left_col1 img { width: 70%; }
    .table432Col { display: block; width: 33%; }
    .table4Col { display: block; width: 50%; }
    .table632Col { display: block; width: 33%; }
    .table421Col { display: block; width: 50%; }
    .widget ul { grid-template-columns: repeat(2, auto) !important; }
}
@media only screen and (max-width: 640px) 
{
    #primary { width: 100%; padding: 1.0rem 0.75rem;}
    #secondary { width: 100%; padding: 1.0rem 0.75rem; }
    #content { width: auto; }
    .left_col { width: 100%; padding: 0 0; text-align: left; }
    .left_col img { width: 60%; }
    .left_col1 { width: 100%; padding: 0 0; text-align: left; }
    .left_col1 img { width: 60%; }
    .right_col { width: 100%; }
    .table5432Col { display: block; width: 33%; }
    .widget ul { grid-template-columns: repeat(2, auto) !important; }
}
@media only screen and (max-width: 480px)
{
    #primary { width: 100%; padding: 0.75rem 0.5rem;}
    #secondary { width: 100%; padding: 0.75rem 0.5rem; }
    #site-description { display: none; }
    #content { width: auto; }
    .left_col { width: 100%; padding: 0 0; text-align: left; }
    .left_col img { width: 100%; }
    .left_col1 { width: 100%; padding: 0 0; text-align: left; }
    .left_col1 img { width: 100%; }
    .right_col { width: 100%; }
    .left_div { width: 100%; padding: 0px 0px; }
    .right_div { width: 100%; padding: 0px 0px; }
    .table632Col { display: block; width: 50%; }
    .table23Col { display: block; width: 50%; }
    .table432Col { display: block; width: 50%; }
    .table21Col { display: block; width: 100%; }
    .table421Col { display: block; width: 100%; }
    .widget ul { grid-template-columns: repeat(1, auto) !important; }
}
@media only screen and (max-width: 320px)
{
    #primary { width: 100%; padding: 0.5rem 0.25rem;}
    #secondary { width: 100%; padding: 0.5rem 0.25rem; }
    #site-description { display: none; }
    #content { width: auto; }
    .left_col { width: 100%; padding: 0 0; text-align: left; }
    .left_col img { width: 70%; }
    .left_col1 { width: 100%; padding: 0 0; text-align: left; }
    .left_col1 img { width: 70%; }
    .right_col { width: 100%; }
    .left_div { width: 100%; }
    .right_div { width: 100%; }
    .widget ul { grid-template-columns: repeat(1, auto) !important; }
    .table4Col, .table432Col, .table632Col, .table23Col, .table21Col, .table421Col { display: block; width: 100%; }
}
@supports not (contain: inline-size) 
{
    @media only screen and (max-width : 1220px) { .table9Col { display: block; width: 14.2%; } }
    @media only screen and (max-width : 960px) { .table9Col { display: block; width: 16.6%; } }
    @media only screen and (max-width : 800px) { .table9Col { display: block; width: 20.0%; } }
    @media only screen and (max-width : 640px) { .table9Col { display: block; width: 25.0%; } }
    @media only screen and (max-width : 480px) { .table9Col { display: block; width: 33.3%; } }
    @media only screen and (max-width : 320px) { .table9Col { display: block; width: 50.0%; } }
    @media only screen and (max-width : 160px) { .table9Col { display: block; width: 100.0%; } }
}
@container (max-width : 1220px) { .table9Col { display: block; width: 14.2%; } }
@container (max-width : 960px) { .table9Col { display: block; width: 16.6%; } }
@container (max-width : 800px) { .table9Col { display: block; width: 20.0%; } }
@container (max-width : 640px) { .table9Col { display: block; width: 25.0%; } }
@container (max-width : 480px) { .table9Col { display: block; width: 33.3%; } }
@container (max-width : 320px) { .table9Col { display: block; width: 50.0%; } }
@container (max-width : 160px) { .table9Col { display: block; width: 100.0%; } }

@media (prefers-color-scheme: dark) 
{
    #page { background-color: #000000; }
    #secondary  { background-color: #101010; }
    #s { border: 2px solid #BBB; }
    #s:focus  { border: 2px solid #EEE; }
    body { background-color: #404040; }
    body, input, textarea  { color: #EEE; }
    .blog_headermenu { border-top: 2px solid #BBB; border-bottom: 2px solid #BBB;}
    .blog_footer { border-bottom: 2px solid #BBB; border-top: 2px solid #BBB; color: #000;}
    blockquote { border-left: 2px dashed #BBB; }
    .left_col blockquote { border-right: 2px dashed #BBB; }
    .left_col1 blockquote { border-right: 2px dashed #BBB; }
    abbr, acronym, dfn { border-bottom: 2px dashed #BBB; }
    a img { outline: 2px solid #BBB; outline-offset: -2px; }    
    .footnoteholder { border-top: 2px dashed #DDD; }
    .first_para::first-line { color: #EEE; }
    .first_para::first-letter { color: #EEE; text-shadow: 1px 1px 2px rgba(255,255,255,0.7); }
    .left_col { color: #DDD; }
    .left_col1 { color: #DDD; }
    .page-title { color: #FFF; }
    .entry-title { color: #EEE; border-bottom: 2px solid #BBB; }
    .widget { color: #DDD; }
    .widget-title { color: #EEE; border-bottom: 2px solid #BBB; background-color: #404040; }
    .entry-header, .quoteText { background-color: #404040; }
    .entry-title a, .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #EEE; }
    .entry-meta { color: #EEE; }
    .entry-meta-second { color: #DDD; }
    .css-shape-greyscale { filter: brightness(360%); }
    .wp-pagenavi { color: #EEE; }
    .wp-pagenavi a, .wp-pagenavi span  { 
        outline: 2px solid #DDD;
        outline-offset: -2px;
     }
    .floating-nav a img:hover, .floating-nav a img:active, .floating-nav a img:focus { outline: 2px solid #BBB; outline-offset: -2px; }
    .floating-nav { background-color: #404040; }
    .floating-nav-font:hover, .floating-nav-font:active, .floating-nav-font:focus { outline: 2px solid #BBB; outline-offset: -2px; }
    .scrollbox { border: 2px solid #BBB;}
    .sourcediv { border: 2px dashed #BBB; }
    .videodiv { border: 2px solid #BBB; }    
    hr { border-top: 2px solid #BBB; }
}
.contentRow
{
    text-align: justify;
	width: 100%;
	padding: 0 0;
	margin: 0.5rem 0;
}
.entry-title a, .entry-title a:hover, .entry-title a:focus, .entry-title a:active 
{
    text-decoration: none; 
}
.not-found .entry-title
{
    border: none;
    padding: 0.5rem 0.75rem
}
/* Two columns whose WIDTHS auto-allocate by how much content each holds, so the
   two end up at roughly equal HEIGHT (the text-heavier side gets more width).
   Flexbox does this: width:max-content is each column's preferred (flex-basis)
   width, so short content (e.g. poetry) stays exactly at its natural width and
   never stretches; when the two would overflow the row (e.g. long prose) they
   shrink in proportion to that basis -- i.e. in proportion to their content --
   which balances the heights instead of blowing out to one giant line.
   space-between keeps narrow columns pinned to the left/right edges the way the
   old float:left / float:right did; min-width:0 lets prose shrink below its
   one-line max-content. */
.container2Col
{
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: space-between;
}
.container2ColLeft
{
    width: max-content;
    min-width: 0;
    text-align: left;
}
.container2ColRight
{
    width: max-content;
    min-width: 0;
    text-align: right;
}
/* ============================================================================
   Pagefind search box (sidebar #blogsearch) — matches the site light/dark theme.
   Edit these to taste; re-crawl (./deploy_all.sh) to publish. Do NOT edit
   /blog/pagefind/pagefind-ui.css — it's regenerated on every build.
   ========================================================================== */
#blogsearch {
    --pagefind-ui-scale: 0.85;
    --pagefind-ui-font: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --pagefind-ui-primary: #111;
    --pagefind-ui-text: #333;
    --pagefind-ui-background: #fff;
    --pagefind-ui-border: #bbb;
    --pagefind-ui-tag: #eee;
    --pagefind-ui-border-width: 2px;
    --pagefind-ui-border-radius: 0px;
    --pagefind-ui-image-border-radius: 0px;
    margin-top: 12px;
}
#blogsearch .pagefind-ui__search-input:focus {
    border-color: #444;
    outline: none;
}
#blogsearch .pagefind-ui__form:before {
    top: calc(10px * var(--pagefind-ui-scale));
}
#blogsearch .pagefind-ui__result-title 
{ 
    font-family: TitleFont, "Helvetica Neue Condensed", "Arial Narrow";
    font-size: 1.0rem;    
    font-weight: bold; 
    text-transform: uppercase;    
}
#blogsearch .pagefind-ui__result-excerpt 
{
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin: 0.25rem 0;
}
/* --- Per-element tweaks: edit inside the { } of any of these --- */
#blogsearch .pagefind-ui__search-input   { 
    font-family: MainFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0rem;
    font-weight: 500;
    color: #333;
    height: calc(36px * var(--pagefind-ui-scale));
    padding: 0 calc(65px * var(--pagefind-ui-scale)) 0 calc(45px * var(--pagefind-ui-scale));    
}    
#blogsearch .pagefind-ui__search-clear   { 
    height: calc(30px * var(--pagefind-ui-scale));
    font-size: 1.0rem;
}
#blogsearch .pagefind-ui__button   { 
    margin-top: 1rem;
    height: calc(36px * var(--pagefind-ui-scale));
    font-weight: normal;
    font-size: 1.0rem;
}
#blogsearch .pagefind-ui__message { 
    height: 0.5rem;
    padding: 0.25rem 0 0.75rem 0;
    font-size: 1.0rem;
    font-weight: 500;
}
#blogsearch .pagefind-ui__result{ 
    padding: 0 0 0 0.5rem;
    margin: 0.5rem 0;
}
#blogsearch .pagefind-ui__result-link    { 
}
@media (prefers-color-scheme: dark) {
    #blogsearch {
        --pagefind-ui-primary: #eee;
        --pagefind-ui-text: #eee;
        --pagefind-ui-background: #404040;
        --pagefind-ui-border: #bbb;
        --pagefind-ui-tag: #555;
    }
    #blogsearch .pagefind-ui__search-input { 
        border-color: #888;
        color: #CCC;
    }
    #blogsearch .pagefind-ui__search-input:focus {
        border-color: #CCC;
        outline: none;
    }    
}