/* Copyright 2019 by David Clayton Ellsworth */

body {background-color:#ccc; text-align:center; margin:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
#Thumbs p {display:inline-block; height:102px; width:102px; margin:2px; padding:0; background-color:#903; line-height:100px; vertical-align:middle}
#Thumbs p img {vertical-align:middle; max-height:100px; max-width:100px}
#SlideLayer, #ImgLayer {width:100vw; height:100vh; overflow:hidden; line-height:100vh; position:fixed; top:0; left:0; margin:0; padding:0}
#SlideLayer {display:none; background-color:rgba(50, 50, 19, 0.9)}
#ImgLayer {cursor:default; line-height:100vh; text-align:center}
#SlideLayer img {max-width:100vw; max-height:100vh; vertical-align:middle}
h3, h4, #Prev, #Next {position:fixed}
h4 {font-size:30px; color:#fff; display:inline-block; margin:3px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
#Thumbs p, h4:hover, #Prev:hover, #Next:hover {color:#f0c; cursor:ew-resize}
#NumOf {line-height:normal; top:5px; left:5px; padding:1px 4px 4px; color:#ccc; font-size:16px}
#Home, #PgPv, #PgNx, #End {font-size:36px; line-height:15px}
#Home, #End {letter-spacing:-9px}
#Home, #PgPv h4 {top:22px}
#Home {left:2px; padding:5px 9px}
#PgPv h4 {left:32px; padding:5px 10px 4px 5px}
#PgNx h4, #End {bottom:5px; text-align:right}
#PgNx h4 {right:17px; padding:5px 10px}
#End {right:7px; padding:0px 6px 4px}
#Next, #Prev {top:30vh; width:35vw; height:30vh; line-height:30vh; font-size:60px; vertical-align:middle}
#Prev {text-align:left; left:0}
#Next {text-align:right; right:0; padding-right:10px}
#Home span, #End span {font-size:60%; line-height:10px}
#Cmmnt {position:fixed; width:100%; line-height:22px; bottom:3px}
#Cmmnt p {display:inline-block; padding:1px 4px 4px; margin:3px 52px; color:#000; font-size:18px; background-color:rgba(240, 240, 240, 1); border:1px solid rgb(255, 204, 0)}
h3 {display:inline-block; margin:0; cursor:pointer; color:#e44; background-color:#ff9; top:5px; right:5px; width:21px; height:22px; font-size:18px; line-height:22px; border:solid 2px #666; border-radius:6px}
h3:hover {color:#a22; background-color:#cc0}
.OverLink {font-weight:bold; color:#e00; cursor:pointer}