#splash {
   background:          rgba(248,248,248,0.6);
   background-color:    #cfedd2;
   background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ffffff' fill-opacity='0.47' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
   background-repeat:   repeat;
   background-position: center;
   border:              0 none;
   clear:               both;
   color:               #2a5b29;
   display:             block;
   min-height:          260px;
   height:              300px;
   max-height:          400px;
   margin:              0 auto;
   overflow:            hidden;
   vertical-align:      middle;
}
a:hover {
   cursor: grab;
}
#splash p {
   margin:  1ch 1em;
}
#splash ul {
}
div#newvids > span {
   vertical-align: top;
   min-width:     220px;
   min-height:    150px;
   border-radius: 5px 5px;
   padding:       0.1em;
}
div#newvids > span > a {
   display:       inline-block;
   color:         #2A5B29;
   min-height:    2em;
}
div#newvids > span:hover {
   color:         white;
   background:    rgba( 150,150,150,200 );
   background-blend-mode: color-burn;
}
div#newvids > span:hover > a {
   color:         white;
   /*background:    rgba( 128,128,128,128 );*/
   background:    inherit;
   font-size:     18px;
}
div#newvids > span > a > img {
   margin: auto auto;
   vertical-align: bottom;
}
#splash h1,
#splash h2,
#splash h3,
#splash h4 {
   color:         #2A5B29;
   font-family:   "Century Gothic", "Arial Black", "Deja Vu Sans", Arial, Helvetica, sans-serif;
   line-height:   1.2;
   margin:        6px auto;
   padding:       0;
   vertical-align: middle;
   white-space:   nowrap;
}

#splashLeft {
   background:    none;
   border:        0 none;
   overflow:      visible;
   float:         left;
   height:        inherit;
   margin:        0 1px 0 0;
   padding:       0;
   text-align:    center;
   vertical-align: middle;
}
@media only screen and (min-device-width:200px) and (max-device-width:800px) {
   #splash {
      padding: 0 2px;
      width:   100%;
   }
   #splash h1 {
      margin: 2px auto;
   }
   #splashLeft {
      width:  inherit;
      margin: 0;
   }
}
@media only screen and (min-device-width: 800px) {
   #splash {
      padding:    20px 0 20px 5px;
      width:      100%;
      max-width:  763px;
   }
   #splashLeft {
      width:      33%;
      max-width:  3.4in;
   }
}
#splashLeft>h2 {
   background:    rgba(248,248,200,0.6);
   color:         #eecc22;
   font-size:     12px;
   font-weight:   bold;
   line-height:   1.1;
   text-align:    center;
}
#splashLeft>h3 {
   font-size:     22px;
   font-weight:   normal;
   line-height:   1.0;
   text-align:    center;
}
#splashLeft>ul {
   border:        4px solid white;
   border-radius: 6px;
   background:    rgba(255,255,255, 0.6);
   margin:        0;
   width:         200px;
}
#splashRight {
   border:        0 none;
   float:         right;
   height:        inherit;
   overflow:      visible;
   text-align:    left;
   vertical-align: middle;
   width:         66%;
}

#logo1 {
   float:         left;
   clear:         left;
   display:       inline;
   text-align:    left;
   width:         45px;
   padding:       0;
   margin:        1px;
}
#splashLeftHex h1, h2, h3 {
   line-height:   0.9;
   margin:        0;
   padding:       0;
   white-space:   nowrap;
}
#splashLeftHex h1 {
   font-size:     44px;
   font-weight:   bold;
   text-shadow:   3px 3px 3px rgba(80, 80, 80, 0.4);
   white-space:   nowrap;
}
#splashLeftHex h2 {
   border-top:    2px solid #eebb22;
   border-bottom: 2px solid #eebb22;
   font-size:     20px;
   font-weight:   normal;
   margin:        0;
}
#splashLeftHex ul {
   list-style-position: inside;
   columns:             2;
   margin-right:        0;
   padding:             0;
}
#splashLeftHex ul li {
   font-weight:   bold;
   margin:        0;
   padding:       0;
   text-align:    left;
   width:         100%;
   white-space:   nowrap;
}
@media only screen and (min-device-width:800px) {
   #splashLeftHex ul li {
      font-size:     11px;
      font-weight:   normal;
      line-height:   1.5;
   }
   #splashLeftHex ul li span {
      margin:        0 0 0 -4px;
   }
}
@media only screen and (min-device-width:200px) and (max-device-width:800px) {
   #splash,
   #splashLeft {
      margin: 0;
      padding: 0;
   }
   #splashLeftHex {
      float:      none;
      text-align: center;
   }
   #splashLeftHex ul {
      margin:     0 auto;
      width:      75%;
   }
   #splashLeftHex ul li {
      font-size:  11px;
      line-height:1.2;
      padding:    0;
   }
}

/* hexagon */

#svghexchart {
   display: block;
   margin: 10px auto 0 auto;
}
/* #svghexchart:hover g:hover g#pgcenter #grayhex:not(text),
#svghexchart:hover g:hover g#pgcenter #grayhex:not(tspan), */
#svghexchart text,
#svghexchart:hover g:hover g:not(#pgcenter) *,
#svghexchart:hover g:hover g#pgcenter:not(path),
#svghexchart tspan {
   font-family: "Century Gothic", CenturyGothic, Arial, Helvetica, sans-serif;
   cursor: pointer;
}
#svghexchart g>g>text,
#svghexchart g>g>text>tspan,
#svghexchart g>g>text>tspan.fill_inherit {
   fill: black;
   cursor: pointer;
}
#svghexchart:hover>g:hover>g>path:hover,
#svghexchart:hover>g:hover>g>text:hover,
#svghexchart:hover>g:hover>g>text:hover>tspan:hover,
#svghexchart:hover>g:hover>g#pgcenter:hover {
   cursor: default;
   stroke: white;
}

#svghexchart:hover g:hover>g:hover>path#greyhex:not(text,tspan),
#svghexchart:hover g:hover>g:hover>text>tspan,
#svghexchart:hover g:hover>g:hover>text>tspan:hover,
#svghexchart:hover g:hover>g:hover>text:hover>tspan,
#svghexchart:hover g:hover>g:hover>text:hover>tspan:hover,
#svghexchart:hover g:hover>g:hover>text:hover+path {
   background: #ccaa22 !important;
   color:      #ccaa22 !important;
   cursor:     pointer;
   fill:       #ccaa22 !important;
   stroke:     #ccaa22 !important;
}
.fill_yellow, .fill_yellow:hover {
   cursor:     pointer;
   fill:       rgba(248,240,66, 0.4) !important;
   stroke:     rgba(248,240,66, 0.4) !important;
}
text.fill_yellow, text.fill_yellow:hover,
tspan.fill_yellow, tspan.fill_yellow:hover {
   cursor:     pointer;
   fill:       #ccaa22 !important;
   stroke:     #ccaa22 !important;
}

/* #a4c0a4*/
.fill_inherit {
  fill:     initial;
  stroke:   initial;
}
.fill_mouseout {
   fill:    #a2c2a2;
}
tspan.fill_inherit {
   fill:    black;
}
/* ~hexagon */


.splashinfo {
   border:        0 none;
   color:         #555;
   font-size:     16px;
   font-weight:   normal;
   line-height:   1.3;
   text-align:    left;
   margin:        auto 0 auto 0;
}

div#splashLeft div.splashinfo>ul {
   /*list-style-position: inside;*/
   margin:              0;
   padding-left:        24px;
}
div.splashinfo>ul>li {
   line-height:   1.2;
   margin:        0 0 6px 0;
   padding-left:  0px;
   white-space:   nowrap;
}

div#splashRight div.splashinfo {
   font-size:     16px;
}

div#splashRight div.splashinfo>ul,
div#splashLeft div.splashinfo>ul {
   list-style-position: outside;
   list-style-image: url("images/anvil-gold-lh-20.png");
}

.splashinfo>ul ul {
   padding-left:  20px;
}
.splashinfo>ul ul li {
   font-size:     12px;
   line-height:   1.1;
}

#infobites {
   background: linear-gradient(180deg, rgba(10,56,10, 0.2) 0%, rgba(22,121,20,0.4) 100%);
   color:      #444;
   margin:     0 auto;
   padding:    20px 0;
   width:      100%;
   max-width:  8in;
}

#infobites h1,
#infobites h2,
#infobites h3,
#infobites h4,
#infobites h5 {
   color: white;
   font-family: "Century Gothic", "Arial Black", "Deja Vu Sans", Arial, Helvetica, sans-serif;
   vertical-align: middle;
}
#infobites h2,
#infobites h3,
#infobites h4,
#infobites h5 {
   font-size:     24px;
   font-weight:   normal;
   margin:        0;
   padding:       0;
   text-shadow:   2px 2px 2px rgba(90,90,90,0.9);
   white-space:   normal;
}

.bite {
   background:    rgb(40,103,45);
   background:    linear-gradient(180deg, rgba(40,103,45,0.4) 0%, rgba(228,249,227,0.16) 100%);
   border:        1px solid rgba(155, 155, 155, 1);
   border-radius: 10px;
   clear:         none;
   color:         #2a5b29;
   cursor:        pointer;
   display:       inline-block;
   height:        auto;
   margin:        4px;
   max-height:    230px;
   padding:       10px;
   vertical-align: top;
   white-space:   nowrap;
   width:         50%;
   min-width:     300px;
   max-width:     320px;
}
.bite svg {
   float:      left;
   height:     76px;
   margin:     2px;
   max-width:  100px;
   width:      auto;
}

.bite svg path,
.bite svg rect,
.bite svg circle,
.bite svg ellipse,
.bite svg text,
.bite svg g path,
.bite svg g rect,
.bite svg g circle,
.bite svg g ellipse,
.bite svg g text,
.bite svg g tspan {
   fill: #ffdd66 !important;
   stroke: #ffdd66 !important;
}
.bite span.right {
   max-height: 130px;
}

.bite span.right h5 {
   clear: right;
   display: block;
   float: right;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 5px;
   padding:0;
   text-align: center;
   vertical-align: top;
   white-space: normal;
}
.bite span.right a {
   background: rgba(248,248,200,0.5);
   border: 1px solid #eecc22;
   clear: left;
   color: #eecc22;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   margin: 4px;
   padding: 2px;
   text-align: center;
   text-decoration: none;
   vertical-align: bottom;
   white-space: normal;
}

div.bite span.right p {
   clear: left;
   display: block;
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   font-size: 16px;
   min-height: 10ch;
   margin: 1em auto;
   padding: 0;
   text-align: left;
   vertical-align: middle;
   white-space: normal;
}
div.bite:hover {
   border: 1px solid white;
}

#below_fold {
   clear: both;
   margin: 0 auto;
   font-size: 14px;
   color: #555;
   max-width: 8in;
}
#below_fold ul li img {
   text-align: center;
   height: 280px;
   margin: 1em auto;
}


ul#videoThumbs {
   background: #f9fff9;
   background: linear-gradient(rgba(40,120,20,0.25) 0%, rgba(55, 105, 55, 0.7) 65%, rgba(255, 255, 255, 0.5) 100%);
   margin:     0 auto 0px auto;
   padding:    20px 0;
   width:      100%;
   max-width:  8in;
}
ul#videoThumbs li {
   color:      white;
   display:    inline-block;
   margin:     6px auto;
   overflow:   hidden;
   padding:    0;
   text-align: center;
   width:      186px;
}
ul#videoThumbs li a {
   color:      #444;
   display:    inline-block;
   line-height: 1.2;
   font-size:  14px;
   margin:     4px;
}

ul#videoThumbs li a:hover {
   display:       inline-block;
   text-decoration: none;
   font-weight:   bold;
   color:         white;
   line-height:   1.2;
   font-size:     14px;
   margin:        4px;
   background:    rgba(60,60,60, 0.3);
}

img.vidthumb {
   margin:        0;
   border:        4px solid rgba(10, 100, 10, 0.5);
   border-radius: 4px;
   display:       block;
   text-align:    center;
   vertical-align: top;
   width:         172px;
}
div#newvids > table td#announce {
   color:         inherit;
   background:    inherit;
}
div#newvids > table td#announce h1 {
   color:         #cc9911;
   background:    inherit;
   font-size:     32px;
}
div#newvids > table td#announce a {
   color:         #cc9911;
   background:    inherit;
   font-size:     32px;
}
div#newvids > table td {
   padding:       0;
   text-align:    center;
}
div#newvids > table td a {
   display:       inline;
   margin:        0;
   padding:       3px;
   font-size:     18px;
}
div#newvids > table td span {
   padding:       0;
   margin:        auto auto;
}
div#newvids > span > a,
div#newvids > table > tbody > td > span > a {
   font-size:     18px;
}
div#newvids > table td:hover {
   border-radius: 5px 5px;
   /*background:    #2A5B29;*/
   background:    #999;
   background-blend-mode: luminosity;
}
div#newvids > table td:hover a {
   color:         white;
}
div#newvids > table > tbody> tr> td#announce:hover, div#newvids > table td#announce h1 a:hover {
   color:         #eecc22;
}
img.vidthumb:hover {
   border:        4px solid #2A5B29;
}
/*eof*/