:root {
	--main-theme-color:#295F98;
	--box-border: #295F98;
	--box-background: #D2E0FB;
  }

body { font-family: Georgia, Arial; padding-bottom: 1.2em; }
h1, h2, h3, h4 { font-family: Verdana; }


p {
    text-align: justify;
	line-height: 1.5
}

acronym { color: var(--main-theme-color); border-bottom: dashed 1px var(--main-theme-color); }	
abbr { color: var(--main-theme-color); border-bottom: dashed 1px var(--main-theme-color); }

.BlackHeader { font-size: 2.0em; color:Black; font-family: Verdana, Arial;font-weight: bold; }
.OrangeHeader { font-size: 2.0em; color:var(--main-theme-color); font-family: verdana, Arial; font-weight: bold;}

.Banner 
{ 
    margin-right: auto; 
    margin-left: auto; 
	width: 40em;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

ul.Banner  li
{
	display: inline;
	padding: 0;
	margin: 0;
	color: black; 
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 2.0em;
    
}

ul.Banner li:after 
{
	content: ".";
	color: var(--main-theme-color);
	margin: 0;
	padding: 0;
}

ul.Banner li:last-child:after 
{
	content: "";
}

.Menu 
{
	background-color: White; 
	color: white; 
	text-align: right;
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px; 
	margin-left: auto; 
	margin-right: auto;
	width: 39em;
	vertical-align: middle;
}

.Menu a 
{ 
	color: var(--main-theme-color); text-decoration: underline; font-weight: bold; 
}

ol.Menu  li
{
	display: inline; 
	padding-right:0.5em;
}

.MainBody 
{
	margin-left: auto;
	margin-right: auto;
	width: 40em;	
}

@media only screen and (max-width: 600px) {
	body {
		.Menu {
				text-align: left; 
				width: 20em; 
				margin-left: 0; 
				margin-right: 0; 
				padding-top: 0.5em; 
				padding-bottom: 0;
				padding-left: 1em;
				padding-right: 0;
			}


		.MainBody { width: 90vw; }
	}
  }


.MainBody a 
{
	font-weight: bold; 
	color: var(--main-theme-color); 
}

div.Quotebox, blockquote
{
	width: 70%; 
	background-color: var(--box-background);
	text-align: left; 
	margin-left: auto;
	margin-right: auto;
	border: 2px solid var(--box-border);
	padding: 1em;
}

.quote
{
	margin-left: 40px;
	background-Color: var(--box-background);
	border: 1px dashed var(--box-border);
	padding-left: 5px;
}

.copyright
{
	text-align:center;
	font-size: 0.8em;
}

img 
{
	border-style: none;
}

pre {
	tab-size: 2;
}

pre.python
{
	font-family: Courier New, Monospace;
	margin-left: 40px;
	font-size: 1.1em;
}

pre.python .keyword
{
	color: #000000;
	font-weight: bold;
}

pre.python .grammar
{
	color: #ff00ff;
}

pre.python .literal
{
	color: #0000ff;
}

pre.python .stringLiteral
{
	color: #ff0000;
}

pre.csharp
{
	font-family: Courier New, Monospace;
	margin-left: 40px;
	font-size: 1.0em;
}

pre.csharp .keyword
{
	color: #0000ff;
}
pre.csharp .comment
{
	color: #008000;
}

pre.xml
{
	font-family: Courier New, Monospace;
	margin-left: 40px;
	font-size: 1.1em;
}
pre.xml .StartOfTag
{
	color: blue;
}

pre.xml .ElementName
{
	color: #804000;
}

pre.xml .EndOfTag
{
	color: blue;
}

pre.xml .AttributeName
{
	color: red;
}

pre.xml .AttributeValue
{
	color: blue;
}


.MainBody .RSS
{
	border-style: solid; 
	border-color: rgb(255, 204, 153) rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102); 
	border-width: 1px; 
	margin: 0pt; 
	padding: 0pt 3px; 
	background: rgb(255, 102, 0) none repeat scroll 0%; 
	font-family: verdana,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: normal; 
	color: white !important; 
	text-decoration: none;
}
.MainBody .DateAndSection 
{
	float: left;
}

ol.DateAndSection
{
	padding: 0;
	margin: 0;
	display: block;
	float: left !important;
	list-style-type: none;
	vertical-align: top;
}
			
.MainBody .DateAndSection li:after {
	content: "|"
}

.MainBody .DateAndSection li:last-child:after {
	content: "";

}

.MainBody .DateAndSection li:last-child {
	float: right;
}


.MainBody .DateAndSection li:first-child {
	padding-left: 0em;
}

.MainBody .DateAndSection li {
	display: inline;
	float: left;
	padding-left: 0.3em;
}

.MainBody .RSSandHistory
{
	float: right;
}

.LargeBlogImage
{
	float: right;
}

.LargeBlogImage p 
{
	font-size: 0.8em;
	text-align: center;
}

.Equation {
	margin-left: auto;
	margin-right: auto;
	width: 30em;
	text-align: center;
}

.Equation span {
	font-size: 0.8em;
	display: block;
}

.Equation ol
{
	list-style-type: none;
}

aside 
{
	float: right;
	padding: 8px;
	text-align: center;
}

aside figcaption 
{
	font-size: 0.7em;
	font-style: italic;
	display: block
}

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

.MainBody table {
	margin-left: auto;
	margin-right: auto;
}

.MainBody table td,th { 
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}