h1,h2{padding:12px; display: inline-block; color:white;}
.aRow{width:100%;border:1px solid black; padding:1px;clear:both; display: inline-block; background:rgb(40,65,70); border-radius:21px 0;}/*25,45,50*/
.aArrow{position:absolute; right:10px; top:10px; height:32px; width:32px;background-image:url('/img/arrowder2on.png'); background-repeat:no-repeat; opacity:.5;display:none;}
.aLang{ margin-left:3ex; font-size:17px; padding:3px 1ex;font-family:'Avant Garde','Times New Roman',serif;}
.aRow:hover > * .aArrow {display:inherit;}
.rower{width:100%; clear:both; margin: 21px 0;  background:rgb(35, 81, 40);border-bottom:1px solid rgb(35, 81, 40); box-shadow:-1px 0px 10px rgba(204, 198, 37,.3); background-image:radial-gradient(ellipse at bottom, transparent, #fff);}
.aData *{}/*float:left;*/
.aImg{border:1px solid transparent; text-align:center; border-radius:21px 0 0 0; overflow:hidden; }
.aImg a{display: block; padding:0px;line-height:0px; }
.aImg span{background-size:cover;background-repeat:no-repeat; position:absolute; left:0;top:0; width:100%;height:100%;}
.aImg a img{padding:0px; object-fit: cover ; object-position:50% 0;  background:rgba(255,255,255,.2);  border-radius:inherit; display: inline-block;}
.aRow:hover > .aImg {border:1px solid white;-webkit-animation-name: twitcher;-webkit-animation-duration: 1s; animation-name: twitcher; animation-duration: 1s;  animation-timing-function: ease-in-out;}
@-webkit-keyframes twitcher {
  0%  {filter: blur(0px) sepia(0%) saturate(100%) contrast(100%) brightness(100%);}
  50% {filter: blur(1px) sepia(30%) saturate(110%) contrast(120%) brightness(120%);}
  100% {filter: blur(0px) sepia(0%) saturate(100%) contrast(100%) brightness(100%);}
}
@keyframes twitcher {
  0%  {filter: blur(0px) sepia(0%) saturate(100%) contrast(100%) brightness(100%);}
  50% {filter: blur(1px) sepia(30%) saturate(110%) contrast(120%) brightness(120%);}
  100% {filter: blur(0px) sepia(0%) saturate(100%) contrast(100%) brightness(100%);}
}
.aDate{font-size:15px; display:inline-block;}/*color:rgb(195,190,190); */
.aRow h2{padding:0; color:rgb(255, 225, 100);}
.aRow:hover > *  h2 {color:white; text-shadow:0 0 5px rgb(255, 225, 100);}
.aDes{ overflow:hidden;position:relative;}
.aDes .transpa{ height:100%;  position:absolute; left:0;right:0; background-image:linear-gradient(to bottom,transparent 70%,rgb(40,65,70)); min-height:4.2em;}
.aDate,.aRow h2,.aDes{margin:5px 10px;}
.aRow:hover *.transpa {background-image:none; }
.aRow:hover{background:rgba(140,165,170,.5);}
.aRow{word-wrap: break-word;}
.row,article{position: relative; }
.eliBG{background:#0d1d26; background-image:radial-gradient(ellipse at bottom, rgba(35, 81, 40,.5), transparent); margin-bottom:-17px; color:#ccc;}
.bBTN10,.traduLink li,.tagLink li{ list-style:none;  margin:.27ex; display:inline;}
.bBTN10,.traduLink li a,.tagLink li a{border-radius:1em; display: table-cell; border:1px solid transparent; background-image: linear-gradient(#0e5474, #193449); border-top:1px solid rgba(255,255,255,.7); border-bottom: 1px solid #0d1b26; padding:.75ex; color:#ffcc00;}
.bBTN10:hover,.traduLink li a:hover{background:#14739f; cursor:pointer;  border-color:white; box-shadow: 4px 5px 27px rgba(117, 137, 255,.5),-4px -5px 27px rgba(255, 137, 117,.5), 0px 0px 4px white; }
.bBTN10:hover >a,.bBTN10:active >a,.traduLink li a:hover{color:white; text-shadow: 0 0 9px #fff;}
.rower{width:100%; clear:both; margin: 21px 0;  background:rgb(35, 81, 40);border-bottom:1px solid rgb(35, 81, 40); box-shadow:-1px 0px 10px rgba(204, 198, 37,.3); background-image:radial-gradient(ellipse at bottom, transparent, #0d1d26);}
.clearit{clear:both;}
.padleft{padding-left:1ex;position:relative;}
.padder{padding:10px;}
.traduLink ul{ display: table;  }
.greener,.redder{width:100%; border:1px solid red; background:rgba(200,0,0,.5); padding:10px;}
.greener{background:rgba(0,200,0,.3);  border-color:green;}
.row{line-height:1.27em;}
.tagLink li a{background-image: linear-gradient(#447a88, #003366); border-top:1px solid rgba(255,255,255,.7); padding: .1ex .75ex ; font-size:19px;}
.tagLink li a:hover{background:#009999; cursor:pointer;  border-color:white; box-shadow: 4px 5px 27px #00e6e6, 0px 0px 4px white;}
.infoBox,.mBox,.tBox,.aBox,.rBox,.sBox{background:rgba(132, 141, 148,.3); border-top:1px solid rgba(200,200,200,.5); padding:1ex; border-radius: 0 0 12px 21px; border-bottom: 1px solid rgba(20,30,50,.7); border-right:10px solid #0e5474; margin-bottom:1ex; background-image:linear-gradient(rgba(55, 60, 60,.1), rgba(150, 150, 150,.57)); float:right; clear:right;}/*2525e9*/

.infoBox{margin-top:1ex;}
.mBox{border-right:10px solid #ff0000;} .mBox h4{box-shadow:0px 3px 2px -2px #ff0000;color:#ccc;}
.tBox,.aBox{border-right:10px solid #bfbfbf; } .tBox h4{box-shadow:0px 3px 2px -2px #bfbfbf;color:#ccc; } 
.aBox h4{box-shadow:0px 3px 2px -2px #bbb999;color:#ccc; }
.tBox li{display:inline-block; }
.rBox{border-right:10px solid #ffd633;position: relative;} 
.rBox h4{top:0; position:absolute;}
.sBox{border-right:10px solid #006666;} .sBox h4{text-shadow: 0 0 3px #006666; box-shadow:0px 3px 2px -2px #006666;}
h4{border-radius: 0 0 0 1em;  padding-left:1em; margin:0 -12px 1em 1ex; text-align:left; }
.h2h{line-height:2em;}
.fancyBG{position: absolute; left:0;right:0; top:0;display:block; min-height: 600px; width:100%; filter: blur(3px); -webkit-filter:blur(3px); filter: blur(10px); -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.aBox ul{ margin: 1ex 0; padding-left: 1em; line-height:3ex; }
.aBox ul{-webkit-column-count: 2;-moz-column-count: 2; column-count: 2;}
.aBox li:before{ display: inline-block; position: relative; content:''; border-color: transparent #aaa; border-style: solid; width: 0; height: 0; left: -.75ex; top: .25ex; border-width: 1ex 0 1ex 1em; border-radius:1em;}
.aBox li:hover:before,.aBox li.aCurY:before { border-color: transparent white; }
img,.plus{ border-radius:10px;}
figcaption{border-radius:9px 10px 0 0;}
.rBox figure { border-radius:12px; background-size:cover; height:180px;  margin:10px 0;background-repeat: no-repeat; background-position: 50% 0; border:1px solid transparent;filter:sepia(0%); 
}/*color:black;*/
.rBox figure img {display:none;}
.rBox figcaption{position:absolute; z-index:2; text-align:center;  margin: 0 1ex 0 0; padding:.5ex 1em; background-image:linear-gradient(to right, rgba(204, 255, 255,.3), rgba(255, 255, 102,.30)); width:100%;  }/*color:#ffcc00; to right, rgba(51, 153, 153, .5), rgba(50,50,255,0*/
.rBox figure:hover {border:1px solid black;filter: sepia(50%); cursor:pointer; }
.rBox figure > figcaption{ color:#fff; background:rgba(25, 25, 77,.8); font-weight:bold;}
.rBox figure:hover > figcaption{ color:rgba(0,0,0,0); background:rgba(25, 25, 77,.1); }
@media only screen and (max-width:850px){ 
	figcaption{border-radius:10px 0 20px 0;}
	.picFrame iframe{width:480px;height:270px;border:1px solid green;}	
}
.mGal{ display:flex; flex-flow: row wrap; justify-content: center; } 
.mGal img{ border-radius:0px;  max-height:85px; }
.mGal figure img,.mGal a img, .mGal .plus {border:1px solid transparent; display: inline-block;  }
.mGal figcaption{margin:0 1ex;line-height:1.3em; font-size:14px;pointer-events: none; }
.mGal figure,.mGal a{ height:85px; max-width:85px; width:100%;position:relative; margin: 2px;
     overflow:hidden; text-align:center; cursor:zoom-in;}
.mGal figure img,.mGal a img{border:1px solid transparent; max-height:85px;  max-width: initial; 
  margin-left: -50%;margin-right: -50%; }/*margin-bottom: -50%; */
.mGal figure:hover img,.mGal a:hover img,.lightbox .aPages a:hover{  text-shadow: 0 0 3px #e94027; 
 -webkit-animation-name: fancyHover; -webkit-animation-duration: .77s;
  animation-name: fancyHover;  animation-duration: .77s; animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 0.6); /*ease-in-out;*/
}
@-webkit-keyframes fancyHover {
  0%  {transform: scale(1, 1); filter: sepia(0%) saturate(100%) contrast(100%);}
  50% {transform: scale(2, 2);  filter: sepia(70%) saturate(120%) contrast(130%);}
  100% {transform: scale(1, 1); filter: sepia(0%) saturate(100%) contrast(100%);}
}
@keyframes fancyHover {
   0% {transform: scale(1,1);filter: sepia(0%) saturate(100%) contrast(100%);}
  50% {transform: scale(2,2); filter:sepia(70%) saturate(120%) contrast(130%);}
   100%  {transform: scale(1,1);filter: sepia(0%) saturate(100%) contrast(100%);}
}
.mGal .plus { font-size:21px; border:1px solid transparent; background-image: linear-gradient(#0e5474, #193449); border-top:1px solid rgba(255,255,255,.7); border-bottom: 1px solid #0d1b26; padding:0 1em;  line-height:90px; }
.mGal .plus:hover{ cursor:zoom-in;  background:#14739f; cursor:pointer;  border-color:white; text-shadow: 0 0 9px #fff;}
.mGal .plus:hover{ box-shadow: 4px 5px 17px rgba(107, 127, 233,.5), 0px 0px 4px white;}
.xmark {z-index:100; position:fixed; top: 0; right:3px; font-size:100%; font-weight: bold; background: rgba(220,50,0,0.5); cursor: crosshair; border-radius: 33px; padding:2px 5px; border: transparent; color:white; border:1px solid white;}
.xmark:hover {background: rgba(235,60,0,1);}
.numRes .xmark{position:relative;}
.dimmer{z-index:40;position: fixed; width: 100%; height: 100%;left: 0px; top: 0px; background: rgba(0,0,0,.75);}
.picFrame img{cursor: crosshair; box-shadow: 0 0 57px 21px rgba(0,0,0,.5); vertical-align: text-top;  }

.prevpic div,.nextpic div{opacity:.9; position:absolute; z-index:98; width:65px; height: 100vh; top:0; bottom:0;  display: table; cursor:pointer; padding: 25% 1px; margin:-5ex 0; } 
.prevpic div::after,.nextpic div::after{  content: '\3C'; font-family:Courier; font-weight: bold; font-size:32px; display: table-cell; vertical-align: middle; border-radius:32px; background:rgba(255,255,255,.2); padding:1ex; } .nextpic div::after{ content: '\3E';}
.prevpic div:hover::after,.nextpic div:hover::after{ background:rgba(255,255,255,.8); }
.prevpic div:hover,.nextpic div:hover{ opacity:1; }
.prevpic div{left:0;}
.nextpic div{right:0;}
.aRow .tagLink li a{padding:1px 5px;font-size:15px;}
.boxiTags{background:url('/img/tags.png') no-repeat 0 1ex ; background-position:0 50%; background-size:contain; padding-left:3ex; margin-left:1em;display:inline-block;}
.lang_0{background:rgba(108,108,108,.7);}
.lang_1{background:rgba(255,0,0,.7);}
.lang_2{background:rgba(100, 100, 50,.7);}
.lang_3{background:rgba(0,0,255,.7);}
.lang_4{background:rgba(0,100,0,.7);}
.fPanel,.fPanelon{padding:1ex;border:1px solid gray; margin:10px 0; background: rgba(119, 140, 171,.4); border-radius:17px 0px 0px 17px; border-bottom: 1px solid rgba(50,50,70,.5); border-top: 1px solid rgba(200,200,200,.5); text-align:center; display:flex; float:right; width:auto; flex-wrap: wrap;    justify-content: space-around;}
.fPanel button,.fPanelon button.fPanel a,.fPanelon a{margin:5px; color:black; }
.fPanel > .bBTN2{display:none; }
.fPanelon{width:100%; }
.fBTN{ border-width:2px;font-variant:small-caps; padding:1ex 1em; float:right; }
.bBTN2{border: 2px solid transparent; font-size:19px; box-shadow: 0 1px 7px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,0.3); background: #999966;  background-image: linear-gradient(to bottom, white, #999966); padding: 5px 10px 5px 10px;text-decoration: none;text-shadow: 1px 1px 2px white; color: black; cursor:pointer; }
.fPanelon button:hover,.fPanelon a:hover,.fPanelSel a{cursor:pointer; border:2px solid white; filter: brightness(150%); box-shadow:0 0 5px white; }
.onBTN,a.onBTN{border:2px solid white;background: rgba(255,255,255,0.1); color:white; text-shadow: 0px 0px 2px rgba(200,215,255,1);box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3); }
.topIntel{text-align:center; background:rgba(0,0,0,.5); padding:1ex; border-radius: 21px 21px 0 0 ; }
.aPages * {cursor:pointer; padding:3px 9px; border-radius:7px; }
.aPages {display: flex;  flex-wrap: wrap; align-items: center; justify-content: center; z-index:999;width: 100%; height:auto; text-align:center; }
.aPages a{background-image: linear-gradient(#364349, #808080); margin:.5ex; flex:0 0 auto;break-inside: avoid; }
.aPages a,.aLang{border-radius:5px; border:1px solid transparent; border-top:1px solid rgba(255,255,255,.7); border-bottom: 1px solid #0d1b26; color:#fff;  }
.aPages a:hover:not(.curPage){border:1px solid white; background:#ccc; cursor:pointer;  border-color:white;color:black; }
.aPages a.curPage{padding:0.75ex; margin:3px 5px; font-size:23px; background:#444; border-color: white;}
.oldieBG{filter:contrast(90%) saturate(130%) brightness(100%);}
.lightbox{position:absolute;}
.lightbox .aPages a{background-size: cover;background-repeat: no-repeat; background-position: center;width:48px;height:48px; padding:1ex; } 
.lightbox .aPages a:hover{ color:transparent; background-position: center;cursor:zoom-in;background-size: cover;}
.tagLink a{color:rgb(255,225,100);}
.tagLink a:hover{color:#fff; }
.numRes{ display: inline-block;  margin-bottom:-1ex;   padding:3px 9px; }
.rBox{ width:100%;}
.quadBlog{align-self:stretch; width:auto; margin: 15px 5px;box-sizing: border-box; font-size:18px; align-items: center; justify-content: center;  min-width:200px; width:auto;color:#fff;} 
.infoBox a{color:#ffcc00;}
.quadBlog figcaption:hover{color:black;}
.rBox figure:hover{color:rgba(255,255,255,0.75);}
.aBox a{color:#ccc;}
.eliBG{border-radius:7px 7px 0 0;}
.txtblk{  tab-size: 16;-moz-tab-size: 16;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;word-wrap: break-word; clear:both;}