<style type="text/css">

/* Some colors, fonts, and layout ideas adapted from https://github.com/klepas/klepas.org/blob/master/css/screen.css. The yellow colors are from Ethan Schoonover's Solarized project. See http://ethanschoonover.com/solarized. */

html { overflow-y: scroll; }

/* BODY */

body {
 height:800px;
 text-align:center;
 font-family: Georgia, Times, "Times New Roman", serif;
 line-height: 1.6;
 color:#073642;
 background-color: #fdf6e3;
 font-size: 72%;
}

/* PARAGRAPHS AND LISTS */
 
p, li { font-size: 1.5em; text-align: left; }
li ol li{font-size: 1.0em;}
li ul li{font-size: 1.0em;}
.statcounter {border: 0; }

/* HEADERS */

h1, h2, h3, h4, .footer h1 { text-align: left; font-family: "Garamond", Georgia, serif;}
h1 { font-size: 3.2em; margin: 0 auto; }
h2 { font-size: 2.6em; }
h3 { font-size: 2.0em; }
sup { line-height: 0; }

/* IMAGES */

p img {border: 0; float:left; margin: 10px 20px 10px 0px;}
.caption {text-align: center; font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-style: bold; }
.figure img {width: 100%; margin: 40px 0 0 0; border: 1px solid #000;}
.caption {margin-bottom: 40px;}

/* MISC DIVS AND CLASSES */

/*.nav {
	text-transform: lowercase;
	font-variant: small-caps;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
	font-size: 1.2em;
}*/

.header {
	width: 100%;
	padding-bottom: 9em;
	font-size: 0.85em; 
	color: #666;
}
.header img {
    float:left;
	}

@media (max-width: 769px) {
  .header {padding: 0;}
  div#shaded-block-on-phone {padding: 1em; padding-left: 2em; background-color: #eee8d5;}
 }

.nobullet{
  list-style-type: none;
  padding-left: 0;
}


div#category { text-align:left; color:#666; font-size: 1.8em; font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-variant: small-caps;}

div#dateline { text-align:left; color:#666; font-size: 1.5em; font-style: normal; margin-bottom: 1.8em;}

article {padding-top: 8em; padding-bottom: 3em; border-top: 3px #eee8d5 solid; border-bottom: 3px #eee8d5 solid;}

footer {font-size: 0.85em; padding: 1em; padding-left: 2em; background-color: #eee8d5;}

hr {
	border: 2px #eee8d5 solid;
	width: 50%;
	margin-top: 3em;
	margin-bottom: 3em;
}

.well {
	padding: 3em;
	margin-bottom: 3em;
	/*border: 1px #333 dotted;*/
	text-align: justify;
	font-size: 1.2em;
	background: #eee8d5;
}

.well p {
	font-size: 1em;
}
.footnotes {
	font-size: 0.6em;
}

.url {
 color: #073642;
 background: #eee8d5;
}

/* LINKS */


a:link, a:visited {
 color: #cb4b16;
/* color: #3366BB; */
 text-decoration: none;
}

a:hover {
 border-bottom: 1px solid;
 }


.transparent a:link {
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.transparent a:hover {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* CODE */

pre, code {text-align: left; font-family:Monaco, Courier, monospace; font-size:13px; line-height:1.8; color:#586e75; padding: 2px;}
code a:link {color: #cb4b16;}
/*    pre {margin-bottom:1.5em; border:1px solid #e5e5e5; padding:0.5em 1em; white-space:pre-wrap; word-wrap: break-word;} */
    pre {margin-bottom:1.5em; border:1px solid #e5e5e5; padding:0.5em 1em; white-space:pre-wrap; word-wrap: break-word;}

    code {background:#eee8d5;}
    pre code {background:transparent;}
pre {
    background-color:#eee8d5;
}

// KeyWordTok
.sourceCode .kw { color: #268BD2; }
// DataTypeTok
.sourceCode .dt { color: #268BD2; }

// DecValTok (decimal value), BaseNTok, FloatTok
.sourceCode .dv, .sourceCode .bn, .sourceCode .fl { color: #D33682; }
// CharTok
.sourceCode .ch { color: #DC322F; }
// StringTok
.sourceCode .st { color: #2AA198; }
// CommentTok
.sourceCode .co { color: #93A1A1; }
// OtherTok
.sourceCode .ot { color: #A57800; }
// AlertTok
.sourceCode .al { color: #CB4B16; font-weight: bold; }
</style>
