HTML,BODY {padding:0; margin:0; border:none; width:100%; height:100%;}
BODY {background:#ccc; overflow-y:scroll;}

IMG {border:none; vertical-align:top; height:auto;}

A:focus {outline:dotted 1px !important}

UL, OL {margin-top:0; margin-bottom:0;}

UL.ul, OL.ol {margin-left:11px; margin-top:13px; margin-bottom:13px;}
UL.ul LI, OL.ol LI {margin-top:0px; margin-bottom:13px;}

P {margin:5px 0; text-indent:2em;}

A.ext {padding-right:13px; background-position:center right; background-repeat:no-repeat; background-image:linear-gradient(transparent,transparent),url(/i/external.svg);}

BLOCKQUOTE {font-style:italic; margin:13px 0 13px 34px; padding:5px 0 5px 13px; border-left:solid 4px #ddd; background:#f8f8f8;}
BLOCKQUOTE:before, BLOCKQUOTE:after {color:#aaa; padding:0 2px;}
BLOCKQUOTE:before {content:"«";}
BLOCKQUOTE:after {content:"»";}
BLOCKQUOTE.noquotes:before {content:none; padding:0;}
BLOCKQUOTE.noquotes:after {content:none; padding:0;}

SUP {vertical-align:middle; position:relative; font-size:70%; bottom:0.4em;}

DIV.author4quote {margin:-8px 5px 0 0; text-align:right; font:normal 14px/17px Arial; color:#888;}
DIV.author4quote:before {content:"— ";}
DIV.subquote {margin-left:50%; text-align:left; font-style:italic;}

#Wrap {padding:0; border:none; min-height:100%;  background:#fff;}
#Wrap {-webkit-box-shadow:0px 0px 13px 5px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 13px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 13px 5px rgba(0,0,0,0.2);}

#Wrap {margin-bottom:-36px;}
#BottomBuffer {height:36px;}
#Bottom {height:36px;}

#Wrap, #Bottom {margin-left:auto; margin-right:auto; max-width:1300px;}

#TopLine {font:bold 34px/34px Arial; padding:21px 4% 21px 4%; letter-spacing:1px;}
#TopLine A.ttl {color:#000; text-decoration:none;}  #TopLine A.ttl:hover {text-decoration:underline;}

#MenuLine {display:flex; flex-flow:row wrap; gap:8px 21px;}
#MenuLine {padding:5px 4% 5px 4%; border-top:solid 1px #bbb; border-bottom:solid 1px #bbb; background:#eee; vertical-align:middle;}
#MenuLine, #MenuLine A {font:bold 17px/21px Arial;}
#MenuLine A {color:#333; text-decoration:none;}
#MenuLine A.chsn {color:#000; border-bottom:solid 1px #000;}
#MenuLine A:hover {color:#444; text-decoration:underline;}

#Main {font:normal 17px/25px Arial; padding:34px 4.231% 34px 4.231%; word-break:break-word;}
#Main H1 {font:bold 27px Arial; margin:0 0 30px 0;}  #Main H1 SPAN {color:#aaa; padding-right:8px;}
#Main H2 {font:bold 21px Arial; margin:0 0  8px 0;}  #Main H2 SPAN {color:#aaa; padding-left:8px;}
#Main H3 {font:bold 17px Arial; margin:0 0  5px 0;}  #Main H3 SPAN {color:#aaa; padding-right:3px;}
#Main A         {color:#448;}
#Main A:visited {color:#848;}
#Main A:hover   {color:#000;}
#Main A:active  {color:#e00;}

#BottomLine {border-top:solid 1px #bbb; border-bottom:solid 1px #bbb; background:#eee; border-collapse:collapse; border-spacing:0px;}
#BottomLine TD {padding:5px 5px 5px 13px; font:normal 14px/19px verdana,arial; vertical-align:middle;}
#BottomLine TD A {color:#000;}
#BottomLine TD IMG {vertical-align:middle; border:0;}

.masonry {
  column-gap:1em; -moz-column-gap:1em; -webkit-column-gap:1em;
  -moz-column-count:1; -webkit-column-count:1; column-count:1;
  word-break:normal;
}
.masonry .brick {display:inline-block; width:100%;}
@media screen and (min-width: 600px) { .masonry {-moz-column-count:2; -webkit-column-count:2; column-count:2;} }
@media screen and (min-width: 900px) { .masonry {-moz-column-count:3; -webkit-column-count:3; column-count:3;} }
@media screen and (min-width:1200px) { .masonry {-moz-column-count:4; -webkit-column-count:4; column-count:4;} }

TABLE.lister {border-collapse:collapse; border-spacing:0px; margin-bottom:5px;}
TABLE.lister TD {padding:0; word-break:normal;}
TABLE.lister TD.numer {min-width:36px; color:#aaa; vertical-align:top; text-align:right; padding-right:5px; white-space:nowrap;}
TABLE.lister TD SPAN.sm {font:normal 11px/13px arial; color:#888;}
TABLE.lister TD.btm34 {padding-bottom:34px;}

DIV.toptags {margin:-13px 0 21px 25%; text-align:right; font:normal 14px/24px Arial; color:#aaa;}
DIV.bottomtags {margin:0 0 34px 34px; text-align:right; font:normal 14px/24px Arial; color:#aaa;}

DIV.absl {margin-bottom:21px;}
DIV.ddnn {font:bold 17px/27px Arial; padding:0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#f4f4f4; margin-left:0;}
DIV.ddnn A {text-decoration:none;}

.gr {color:#999;}

DIV.grl {padding:3px 0 13px 34px; font:normal 14px/17px Arial; color:#aaa;}
#Main DIV.grl A {color:#aaa;}

DIV.zz {margin-bottom:34px;}

DIV.zabst {font:italic 15px/19px Arial; margin:0 auto 34px auto; width:80%;}

DIV.zzt {margin-bottom:34px;}

DIV.zauth {margin-bottom:34px; padding-left:50%; font:italic 14px/18px Arial; text-align:right; word-break:normal;}
DIV.zedtr {margin-bottom:13px; padding-left:50%; font:normal 14px/18px Arial; text-align:right; word-break:normal;}
DIV.zauth SPAN, DIV.zedtr SPAN {font-style:normal; cursor:help; margin-left:-1.2em; width:1.2em; display:inline-block; text-align:left;}

DIV.zcmnts {padding:0px 0px 34px 25%; font:normal 14px/18px Arial; color:#000;}
DIV.zprimred {font-weight:bold; font-style:italic; margin-bottom:13px;}

DIV.zpubd {margin-bottom:34px; text-align:right; font:normal 14px/18px Arial; color:#888;}

DIV.zftpc {margin-bottom:34px; font:normal 15px/24px Arial; display:inline-block; vertical-align:bottom;}

#SocialLine {min-width:144px; min-height:24px; margin-bottom:55px; display:inline-block;}

DIV.zprevnext {line-height:19px;}
DIV.zprev {font:normal 14px/20px Arial; white-space:nowrap; display:inline-block;}
DIV.znext {font:normal 14px/20px Arial; white-space:nowrap; display:inline-block; float:right;}


.h2 {font:bold 21px Arial; margin:0px 0 8px 0;}
TABLE.lister TD.h2 {padding-right:8px;}
DIV.h2 A {text-decoration:none;}  DIV.h2 A:hover {text-decoration:underline;}

IMG.imgright {float:right; margin:0 0 8px 21px; max-width:50%; height:auto;}

IMG.swimmer {float:right; max-width:min(30vw, 320px); max-height:60vh; object-fit:cover; margin:8px 0 13px 21px;}
@media screen and (max-width:700px) { IMG.swimmer {float:none; max-width:100%; max-height:none; margin:0 auto 13px auto;} }

DIV.descr {margin:0 0 34px 0; font:normal 15px/19px Arial;}
