*{ margin:0; padding:0; } /* nuke all margins and padding */
body {
    background: #000000;
    max-width: 1000px;
    margin: 0 auto;
    font-family: 'sans';
    font-size: 12pt;
    text-align: justify;
}
gsbg{
    background: #ffffff;
}

article ul{
    margin-left: 16px;
    padding-left: 16px;
    list-style-position: inside;

}

/* Float an image based on tag in alt from markdown */
img[alt$="<"] {
  float: left;
}
img[alt$=">"] {
  float: right;
}

article
{
    background-color: #ffffff;
    border-style: solid;
    color: #000000;
    typeface-color: white;
    text-align: justify;
    padding: 8px;
    border-color: #000000;
    border-width: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


article.fullpagearticle img[alt$="><"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  float: none!important;
}

div.social{
    background-color: #aaaaaa;
    padding: 16px;
}
div.footer2{
    background-color: #ffffff;
    padding: 16px;
}
div.social ul{
    padding-left: 16px;
}
header {
    background: #000000;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    border: 2px;
    border-color: #000000;
    border-style: solid;
	noborder-radius: 10px;
	no-moz-border-radius: 10px;
	no-webkit-border-radius: 10px;
}
header a:link, a:visited {
	color: #ffffff;
	text-decoration: underline;
}
header a:hover {
    background: #ffd700;
}

article.header{
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a:link, a:visited {
	color: #ffffff;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	nobackground-color: #C74350;
	background-color: #ffd700;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}


div.outer
{
    border-color: #000000;
    border-style: solid;
    padding: 8px;
    border-width: 2px;
    max-width: 1000px;
}

article {
    margin-top: 16px;
}

article p{
    padding-left: 16px;
    padding-bottom: 16px;
}



article header h1{ padding: 8px; }
article header h2{ padding: 4px; }
article header h3{ padding: 4px; }
article header h4{ padding: 4px; }

article h1{ padding: 8px; }
article h2{ padding: 8px; }
article h3{ padding: 8px; }
article h4{ padding: 8px; }

article section{
    padding: 8px;
}


article.articlepreview img{ /* if this article is part of a preview then make it small and float it */
    width: 200px;
    float: right;
}

header ul{ list-style: none; }
header li {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}

nav.pagination {
    padding: 16px;
    font-size: 16pt;
}
nav.pagination ul { list-style: none;}
nav.pagination li {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}

header nav {
    background: #444444;
    font-size: 14pt;
    border: 4px;
    padding: 4px;
}
main {
    background: #ffffff;
    border-style: solid;
    color: #000000;
    typeface-color: white;
    text-align: justify;
    padding: 8px;
    border-color: #000000;
    border-width: 2px;
}


footer {
    margin-top: 16px;
    background-color: #aaaaaa;
    padding: 8px;
}

footer address {
    display: inline;
}

article img{
        border-color: #000000;
        border-style: solid;
        padding: 8px;
        border-width: 2px;
        margin: 8px;
        width: 400px;
        max-width: 80%;
        height: auto;
}
img.noborder{
            border-width: 0;
}
article.img{ width: 400px; } /* default article image size unless overriden */
img.imgsmall { width: 200px; }
img.imgmed   { width: 400px; }
img.imglarge { width: 600px; }
img.imgxlarge { width: 800px; }
main img{
padding: 8px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.toc
{
    float: right;
    padding: 20px;
    margin: 8px;
    min-height: 170px;
    box-sizing: border-box;
    font-size: 9pt;
    color: #222280;
    background: #ffffff;
    width: 200;
}
div.toc h1 { color: #000000; list-style-type:none; }
div.toc a { color: #000000; text-decoration: none; font-family: 'sans';}
div.toc span { background: #a7defc;}
div.toc ul { padding: 0px; }

div.divcontainer {
  border: 2px solid;
  padding: 8px;
}
div.divcontainer .header {
  text-align: center;
  margin-bottom: 8px; /* Adds space between the header and the row below */
  background-color: #555555;
}
div.divcontainer .row {
  display: flex;
  width: 100%;
}
div.divcontainer .column {
  padding: 8px;
  flex: 1; /* Makes columns share the available space equally */
  text-align: left;
  vertical-align: top;
}
br.clearall{ clear: both; }
pre.code
{
    background-color: #555555;
    font-family: monospace;
    white-space: pre;
    width: 90%;
    margin: 16px;
    padding: 8px;
}