body { font-family: 'Roboto', sans-serif; font-size: 1.1em; color: white; background: #1A1A1B; margin: 0; padding: 0; }
p{ line-height: 1.5em; white-space: pre-wrap; overflow-wrap: break-word; word-wrap: break-word; }
li{ overflow-wrap: break-word; word-wrap: break-word; line-height: 1.4em;  margin: 0.5em 0 0.5em 0;}
blockquote{ font-style: italic; color: orange; }


/* Body Styles */
#wrap { clear:both; margin:auto; } /* Add stuff. Removed all 8/21/19 */
#goog{ margin:auto; text-align:center; padding:4px;}
#ContentPage { margin:0.5em auto; width:50em; margin-top: 0.25em;}
.ContentEntry { margin: 3em 0em 0em 0em;}
.BlogImageIcon {clear:left; float:right; margin-right:0.5em; margin-bottom:0.5em; border:0; height:128px; width:128px; background:RGB(128,128,128, 0); border-radius: 25px;}
#footer { clear:both; text-align:center; font-size:0.8em; padding:0.6em;}


/* Headers */
h1, h2 { color:#82CAFF;}
h4, h5, h6 { color:#82CAFF;}
h1 {margin-top: 2em;}

/* Links */
a:link{ text-decoration:none; color:#82CAFF; }
a:visited{ color:#82CAFF; text-decoration:none; }
a:hover{ text-decoration:underline; }

.centerAd { text-align:center; }

h2 a:link,a:visited { color:#82CAFF;}
h3 { color:#FDD017;}

/* Header Container and Menu */
#Header-Container{ text-align: center; }
#Header-Container-Blog{ text-align: center; width:50em; margin: auto;}
#Header { margin:6px; padding:2px 0px 0px 0px; color: white; letter-spacing:0.3em; font-size:1.5em; }



/* Site Navigation */
#SiteNavButtons { margin: 0; background:#0D4D7C;}
#SiteNavButtons  ul { margin: auto; font-family: 'Roboto', Helvetica, sans-serif; background:#0D4D7C; text-align:center; padding: 0.25em;}
#SiteNavButtons ul li { display: inline; color:white; background:#0D4D7C;}
#SiteNavButtons ul li a {  color: white; text-decoration: none; text-align: center; padding: 0.5em 0.25em; line-height:2em; }
#SiteNavButtons ul li a:hover{ background-color: gray; padding: 0.5em 0.25em; line-height:2em;}


/* Page TOC */
#Page-TOC { padding: 0.25em; width: 90%; margin:0;}
#Page-TOC  ul { margin: 0; font-family: 'Roboto', Helvetica, sans-serif; text-align:center; }
#Page-TOC ul li { display: inline; margin:2px}
#Page-TOC ul li a {  text-decoration: none; text-align: center; padding: 2px; line-height:2em; margin:2px;}
#Page-TOC ul li a:hover{ background-color: gray; padding: 2px; line-height:2em; margin:2px}


@media only screen and (min-width:50em)
{
    #column1{float: left; width: 30em;}
    #column2{float: left; width: 14em; margin-left: 4em;}

}
@media only screen and (max-width:49em)
{
  #ContentPage { margin:0.25em 1em 1em 1em; width:auto; clear:both;}
  #Header { font-size: 1.25em; }
  #Header-Container-Blog{ text-align: center; width:auto; margin: auto;}
}