﻿.quad a img{ height:133px;}
.quad{margin: 5px;}
.picLink a{ color: #ccc; line-height:1.5em;}
.picLink a:hover{cursor:pointer; color:white;}
figcaption,.fancyBG,.xmark {position: fixed;}
.flexigal,.row,.topIntel,.preload,.picFrame,.galContainer{position:relative;}
.preload{background-image: url("/img/preload.gif"); background-repeat: no-repeat; background-position: center; background-size: 10%; }
@media only screen and (min-width:850px){.preload{background-size: 17%;}}
.galContainer{padding:10px 0px 10px 0px;margin-bottom:1ex;clear:both; }
.galContainer h1{padding-left: 12px;}
.galleryBox,.galleryBoxSM{width:177px;height:177px;text-align: center;display: inline-block;}
.lightbox{z-index:99;width: 100%; height: auto; top: 0px;left: 0px;padding: 0px;text-align: center; }
.picFrame{display: inline-block;max-width: 95%;padding-top:13px;height:auto;}
.picFrame img{vertical-align: middle; border: 5px solid rgba(194, 194, 163,.37); cursor: crosshair;}
.dimScreen{z-index:98;position: fixed; width: 100%; height: 200%;left: 0px; top: 0px;background: rgba(0,0,0,.75);}
.arrowBtnL,.arrowBtnR {position:fixed;z-index:101;top:33%; font-size:33px; cursor: pointer; border-radius: 21px 0px 0px 21px; padding:5px; border: transparent; color:rgba(0,0,0,0.9); background:rgba(99,99,99,0.33); vertical-align:middle; 
line-height:7em;} 
.arrowBtnL { left:0px; border-radius: 0px 21px 21px 0px;}
.arrowBtnR { right:0px;}
.arrowBtnL:hover,.arrowBtnR:hover {text-shadow: 0 0 3px white;background:rgba(222,222,222,0.33); color:white;}
.arrowBtnL img,.arrowBtnR img{opacity:.5;filter: alpha(opacity=50);-moz-opacity:.5;}
.arrowBtnL:hover img,.arrowBtnR:hover img{opacity:.9;filter: alpha(opacity=90);-moz-opacity:.9;}
.xmark {z-index:100;top: 3px; right:3px; font-size:100%; font-weight: bold;background: rgba(220,50,0,0.8); cursor: crosshair; border-radius: 33px; padding:5px; border: transparent; color:black;}
.xmark:hover {background: rgba(235,60,0,1); }
.alignit {padding: 0 1.5ex 2ex 1.5ex;overflow:hidden;}
.topIntel{height:2em; text-align:left; text-align:center; background:rgba(255,255,255,.2); padding:1ex; border-radius: 21px 21px 0 0 ;border: 1px solid white; background:rgba(255,255,255,.1);border-bottom:none;}
.lazy:hover,.lazy:active{border:1px solid white; box-shadow: 0px 0px 13px rgba(255,255,100,.49); }
.h1h{line-height:50px;}
.fancyBG{left:0;right:0; top:0;display:block; min-height: 500px; width:100%; filter: blur(2px); -webkit-filter:blur(2px);}}
.hiLiBrdW{border:2px solid white; box-shadow: 0px 0px 17px rgba(235, 200, 65, 1), 0px 0px 3px rgba(255, 255, 255, 1);}
.hiLiBtnY{background: rgb(235, 200, 65); text-shadow:none; color:black;}
.hiLiBtn{background:rgba(40,65,70);color:white;text-shadow: 0px 0px 3px rgba(210, 235, 255, 1);}
.hiLiBtn:active,.hiLiBtn:hover{background:rgba(140,165,170); }
.btn001:hover{background: rgba(30,30,80,.3); }
.btn001:disabled{background:rgba(200,200,200,.5); color:rgba(50,50,50,.7);text-shadow: 0 0 0 transparent;}
figure{text-align:center;}
figcaption,.tagLink{background: rgba(119, 140, 171,.4); border-radius:17px 0px 0px 17px; border-bottom: 1px solid rgba(200,200,200,.6); border-top: 1px solid rgba(50,50,70,.5); text-align:center; }
.tagLink,.tagLv1{display:flex;  align-items: stretch;  flex-wrap: wrap;  align-content: center; justify-content: center;  align-items: center;}
.tagLv1{width:100%;}
.tagLink button,.tagLink a.btn001{ padding:.3ex 1ex ; margin:.5ex; font-size:12pt; color:white;}
.tagLink a.btn001{border:2px outset white; padding:1ex 1.6ex; margin:.5ex 2.4ex;}
.tagLv1 a.btn001{padding:1ex; margin:.5ex 1ex;}

figcaption{z-index:9999; left:0; right:0; bottom:0; color:white; font-size:14px; border:1px solid white;line-height:1.2em; border-radius:12px; padding:.3ex; }
img.imgThumbSM{cursor: -moz-zoom-in; cursor: -webkit-zoom-in;  cursor: zoom-in; }
.linker{width:100%;text-align:right; padding-right:25%; opacity:.4;}
.linker a { background-image:url('/img/linkico.png'); width:22px; height:12px; display:inline-block;vertical-align: top; background-size:contain;}
.linker:hover{opacity:1;}
.linker:hover > span a{width:34px; height:18px;}
.linker:hover span::before{margin-top:-2ex;font-size:16px;}/*content:"Blog: "*/
figure img{font-size:12px;}