/*
 * Site Content: www.dritter.net/nature/default.css
 * Site Created: 1998-11-28
 * Last Updated: 2021-10-01
 * Copyright 1998-2021, David J. Ritter. All Rights Reserved. 
 *
 */

div { vertical-align:top; font-size:0pt;}

a:hover   {text-decoration:none; outline:none;}
a:link    {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:active  {text-decoration:none; outline:none;}

/* all page header */
.hdr-box {display:block; clear:both; border:1px solid #204090; border-radius:4px; padding:0px; margin:6px 2px 6px 2px; background-color:#E0F0FC;}
.hdr-mnu {display:inline-block; border:0px solid red;    padding:0px 0px 0px 0px;  margin:0px 0px 0px 0px; vertical-align:top; }
.hdr-nav {display:inline-block; border:0px solid orange; padding:0px 0px 0px 0px;  margin:0px 2px 0px 0px; vertical-align:top; float:right; }
.hdr-btn {display:inline-block; border:0px solid blue;   padding:4px 4px 2px 4px;  margin:0px 0px 0px 0px; vertical-align:top; }
.hdr-dot {display:inline-block; border:0px solid purple; padding:12px 6px 8px 6px; margin:0px 0px 0px 0px; vertical-align:top; }
.hdr-lnk {display:inline-block; border:0px solid violet; padding:4px 0px 3px 0px;  margin:0px 0px 0px 0px; vertical-align:top; color:#204060; font-family:sans-serif,arial; font-size:12pt; }
a.hdr-lnk:hover { color:#109040; }

/* all page footers */
.ftr-box {display:block; clear:both; border:0px solid blue; padding:0px; margin:5px 2px 2px 2px; background-color:#E0F0FC; background-color:transparent;}
.ftr-txt {display:block; border:0px solid #000000; border-radius:0px; padding:0px; margin:2px 2px 2px 4px; color:#B0B0B0; font-family:sans-serif,arial; font-size:7pt;}

/* page content and footer boxes */
.pag-box {display:block; clear:both; border:0px solid #FF0000; border-radius:0px; padding:0px; margin:4px 4px 4px 4px; background-color:transparent;}

/* main index page */
.idx-itm {float:left; min-height:225px; width:490px; border-style:solid; border-width:1px; border-color:#3060C0; border-radius:4px; padding:2px; margin:6px 4px 6px 2px; background-color:#E0F0FC;}
.idx-ibx {float:left; border: 0px solid yellow; border-radius:3px; padding:0px; margin:2px 2px 2px 4px;}
.idx-img {height:200px; border:1px solid black; border-radius:3px; padding:0px; margin:0px; }
.idx-cap {color:#204060; font-family:sans-serif,arial; font-size:10pt; margin:0px; padding:0px; border:0px solid red; }
.idx-tx1 {color:#204060; font-family:sans-serif,arial; font-size:15pt; margin:2px; padding:0px; border:0px solid blue; }
.idx-tx2 {color:#204060; font-family:sans-serif,arial; font-size:13pt; margin:2px; padding:0px; border:0px solid green; float:left; width:174px; }
.idx-btn {color:#204060; font-family:sans-serif,arial; font-size:12pt; margin:6px; padding:5px 5px 5px 5px; float:left; border:1px solid #204090; border-radius:4px; float:left; }
.idx-btn-i {border:0px solid orange; float:left; padding:2px 2px 0px 2px; margin:2px 2px 2px 2px; }
.idx-btn-t {border:0px solid violet; float:left; padding:0px 0px 0px 0px; margin:2px 10px 2px 8px; height:36px; font-size:12pt; text-align:center; }
a.idx-tx1:hover   {color:#208020; }
a.idx-btn:hover   {background-color:#90FCE0;}

/* gallery index pages */
.gal-itm {float:left; height:225px; border:1px solid #204090; border-radius:4px; padding:0px; margin:4px; background-color:#E0F0FC;}
.gal-img {height:200px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#204080; border-radius:0px; padding:0px; margin:0px;}
.gal-cap {color:#606060; font-family:sans-serif,arial; font-size:12pt; font-weight:normal; margin:3px 2px 0px 4px; padding:0px; clear:both; border:0px solid red;}
.gal-tx1 {color:#606060; font-family:sans-serif,arial; font-size:14pt; font-weight:normal; margin:4px; padding:0px; clear:both;}
.gal-tx2 {color:#306060; font-family:sans-serif,arial; font-size:12pt; font-weight:normal; margin:4px; padding:0px; clear:both;}

/* image page */
.img-div-cls { border:1px solid #202080; padding:0px; margin:0px 4px 0px 4px; overflow:scroll; width:auto; height:calc(100vh - 115px); text-align:center; vertical-align:middle; clear:both;}
.img-tag-cls { border:0px solid green;   padding:0px; margin:0px 0px 0px 0px; overflow:hidden; width:auto; height:100%; vertical-align:middle;}
.img-txt-box { border:0px solid blue;    padding:0px; margin:1px 2px 1px 2px; width:auto; height:auto; min-height:48px; }
.img-txt-1   { color:#205080; font-family:sans-serif,arial; font-size:14pt; margin:4px; padding:0px; }
.img-txt-2   { color:#205080; font-family:sans-serif,arial; font-size:12pt; margin:4px; padding:0px; }
.img-ctl-box { color:#000000; border:0px solid green;   border-radius:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px 8px; width:auto; height:auto; float:right;}
.img-ctl-cls { color:#000000; border:2px solid #d0d0d0; border-radius:3px; padding:3px 3px 3px 3px; margin:2px 0px 2px 4px; width:auto; height:auto; vertical-align:top; display:inline-block; }
.img-ctl-cls:hover { color:#FFFFFF; background-color:#90FCE0; cursor:grab;}

@media (max-width:600px) { .img-txt-box { clear:both; text-align:center;} }
@media (max-width:600px) { .img-ctl-box { float:none; text-align:center; margin:0px; } }

.dbg-cls { border:1px solid green; font-family:sans-serif; font-size:11pt; color:blue; }