body	{font-size: 1em; font-family: verdana, arial, helvetica; background-color: #002233; color: #eecccc;letter-spacing:0.05em; 
	margin:0.5em auto 0.5em auto;max-width:1400px;}
.main {background-color:#001b2c;padding: 0px 20px;}  

a:link 	  {color: #c0c0ff; text-decoration:underline}
a:visited	{color: #ffaaaa; text-decoration:underline}
a:hover	  {color: #ffffff; background-color:#644;}

h1 {font-size: 2.5em;background:linear-gradient(to right,#665,#aac,#665);color:#000;padding:7px;text-align:center;line-height:150%}
h2 {font-size: 1.8em;line-height:130%;}
h3 {font-size: 1.5em;line-height:130%;}
h4 {font-size: 1.2em;}
h5 {text-decoration:underline;}
h1,h2,h3,h4,h5 {margin:1.5em 0.2em 0.2em 0.2em}

br {display:block;margin:5px 0px;}
button {white-space:pre-line;}
code {background-color: #555555;display:inline-block;white-space:pre-wrap;padding: 0em 0.3em;}
figure {background-image:none !important;display:table}
figcaption {background-image:none !important;font-size:0.8em;font-style:italic;display:table-caption;caption-side: bottom;}

hr {margin-top:30px;}
img {margin:15px;}
li {margin-top:0.5em;}
p,.p {margin:20px;padding:0px;line-height:180%;display:block;}
table	{font-size: 1em; background-color: #222; border-collapse:collapse;}
tr	{vertical-align: middle;}
table,td,th	{padding:0.35em;border:1px solid #888;}

.b {font-weight:bold;background-color:#ffffff30;}
.box,a.box {display:inline-block;padding:10px;margin:20px;opacity: 0.8;box-shadow: 10px 10px 5px #1a1a24;background-color:#333;}
.box1,a.box1 {display:inline-block;font-size:1.8em;background-color:#644;border:2px solid #888;padding:8px;margin:20px}
.box2 {display:inline-block;background-color:#034;padding:2em;margin:2em;position:relative;}
.cb {clear:both;}
.cn {clear:none;}
.ce {margin-left:auto;margin-right:auto;display:table}
.descr {font-size:1.3em;font-style:italic;}
.fl {float:left;}
.fr {float:right;}
.g2 {display: grid;grid-template-columns: 250px auto;margin:0 0 30px 0}
.hx1 {fomt-family: Consolas, Monaco, Bradley Hand, Arial; font-size:120%;}
.i {font-size:85%;font-style:italic}
.lead {font-style:italic;font-weight:bold}
.lh120 {line-height:120%}
.ms {font-family:Courier New}
.pre {white-space:pre}
.sm1 {font-size: 0.8em;}
.sm2 {font-size: 0.7em;}
.w1 {width:195px;margin:30px 30px 0px 20px}

.blog	{background-color: #e8d8b8; color: #222224;}
.blog h1 {border:2px solid #a77;background:linear-gradient(to right,#cca,#d0b7b7);display:inline-block}
.blog h2,.blog h3 {background:linear-gradient(to right,#e3deec87,#d9bfbf87);display:table;padding:4px;border-radius:3px}
.blog .main {background-color:#eae3d7;}
.blog a:link 	{color:#22a;}
.blog a:visited {color:#24a;}
.blog a:hover	{background-color:#ccc;}
.blog table {color:#fff;border:4px solid #777;margin:0.7em;border-radius:8px;border-collapse: separate;font-size: 0.9em;table-layout:fixed;width:-webkit-fill-available}
.blog th {background-color:#444;color:#ddd}
.blog td {background-color:#ccb;color:#333}
.linktab td:nth-child(2) {width:45%;}
.linktab td:nth-child(3) {width:45%;}
.linktab td th {color:#888;font-size:0.9em;background-color:#777;}
.linktab td {background-color:#eee;color:#555;}
.linktab th {background-color:#caa;color:#555;}
.blog td b {color:#222;}
.blog td,th {border:1px solid #333;border-collapse:collapse;padding:0.5em}
.blog .box {background-color:#d9b5a0;}

.float p {clear:none}


.anm,.q {margin:0.5em 1em 0.8em 0.8em;display:table}
.anm {font-size: 0.8em;}
.bemph {border:2px solid #ffa;}
.btnblock {white-space:nowrap;display:inline;}
.cpt1 {font-size:2em;color:#441;}
.cpt2 {margin:0.3em 0.3em 2em 3em;}
.emp {border:2px solid #d22;}
.f {float:left;margin:1em;}
.r {float:right;margin:1em;}
.fz15 {font-size:150%;}
.fz2 {font-size:200%;}
.hide {display:none;}
.imbox {display:inline-block;padding:0px;border: 5px solid #777;background-color:#eee5d3;margin-bottom:5em;}
.imp {border:2px inset red}
#idx,#idx a {white-space:pre-wrap;background-color:#111;color:#88b;font-size:0.8em;line-height:140%;text-decoration:none;}
.inl {display:inline;}
.im {width:100%;padding:0px;margin:0px;}
.img0 {margin:2em 0.3em 0em 5em;padding:0px;}
.links ul {line-height:200%;padding-left:3em;border:solid 4px #000;}
.links li {margin-top:1em;} 
.q {font-size:0.8em;}
.sm {font-size: 0.8em;}
.u,a.u {font-style:italic;font.size:1.2em;}
#wwprim {border:8px solid #aaa;padding:0px;margin:0px;}

.barframe {width:80%;height:120px;position:relative;}
.bar,.barborder {position:absolute;top:0px;left:0px;height:80px;}
.barborder {border:2px solid black;width:100%} 
.bar {background-color:#000;margin:2px;}
.bartext {position:absolute;top:85px;font-size:20px;}

@media (orientation: landscape) {
  .p {max-width:70vw;}}
  
@media only screen and (max-width: 700px) {
 .g2 {grid-template-columns: auto}}