@font-face {
  font-family: 'Jaldi';
  font-style: normal;
  font-weight: 400;
  src: local('Jaldi'), local('Jaldi-Regular'),
       url('/fonts/jaldi-regular.woff') format('woff');
}

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), local('Inconsolata-Regular'),
       url('/fonts/inconsolata.woff') format('woff');
}

* {
	/* color: #0e0e0e; */
}

a {
	text-decoration: underline;
	color: #aa0a0a;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.15em;
}

h5 {
	font-size: 1.125em;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a {
	text-decoration: none;
	color: inherit;
}

.footnote-ref > a {
	text-decoration: none;
	color: #aa0a0a;
	font-weight: bolder;
	font-size: .9em;
}

body {
	background-color: #eeeded;
	text-indent: 0px;
	font-size: 14.5pt;
	font-family: 'Jaldi';
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 0.25em;
	max-width: 38em; /* about 8 inches */
	text-align: justify;
	text-justify: inter-word;
	display: grid;
	grid-template-columns: repeat(5, 7.6em); /* 38em / 5 => 7.6em */
  	grid-gap: 0.25em;
  	grid-auto-rows: minmax(40px, auto);
}

main a * {
	color: #aa0a0a;
}

header *, nav * {
	font-size: 25pt;
	font-weight: bold;
	color: #333;
	letter-spacing: .05em;
}

header {
	grid-column: 1/3;
	grid-row: 1;
}

header > h1 {
	display: inline;  /* makes this line up with the nav */
}

header > h1 > a {
	text-decoration: none;
}

nav {
	grid-column: 3/6;
	grid-row: 1;
	text-align: right;
}

nav > ul {
	display: inline;  /* makes this line up with the site name */
	list-style: none;
	font-weight: bolder;
}

nav > ul > li , ul.pagination > li {
	display: inline;
	margin-left: .7em;
}

nav > ul > li > a, ul.pagination > li > a {
	text-decoration: none;
}

ul.pagination {
	text-align: center;
	margin-top: -3em;
	margin-bottom: 0em;
	position: relative;
	left: -1em;
}

ul.pagination > li.active > a {
	color: #333;
	font-weight: bolder;
}

ul.pagination > li > a {
	color: #aa0a0a;
}

.view-more {
	color: #0e0e0e;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bolder;
	top: -1.9em;
	position: relative;
	float: left;
	margin-bottom: -4em;
}

main {
	border-top: 3px solid #666;
	grid-column: 1/6;
	grid-row:2;
}

main {
	padding-top: 2em;
}

main.page {
	/**/
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p {
	margin-top: -1.5em;
}

hr { 
	border: none;
	border-bottom: 2px dashed #aaa;
	max-width: 70.7%;
	margin-top: 4.33em;
	margin-bottom: 4.33em;
} 

.footnotes > hr {
	border-bottom: 1px dotted #aaa;
	max-width: 12em;
	position: relative;
	left: -13.5em;
	margin-bottom: .5em;
	margin-top: .5em;
}

footer {
	grid-column: 1/6;
	grid-row: 3;
	font-size: 0.707em;
	text-align: center;
}

footer .footer-text {
	margin-top: 1em;
}

pre, code, tt {
	text-indent: -.1em;  /* kludge to fix an odd bit of indentation that shows up in code */
	color: inherit;
	background-color: transparent;
	font-family: 'Inconsolata', "Courier New", monospace;
	font-weight: 500;
	padding-left: .2em;
	padding-right: .2em;
	overflow: scroll;
}

pre {
	text-align: left;
	text-justify: none;
	padding: 5px;
	padding-top: 1px;
	border-radius: .33em;
}

pre > code {
	font-size: 0.75em;
}

blockquote {
	background-color: rgba(0, 0, 0, 0.075);
	border-radius: .5em;
	padding: 0em .3em 0em .3em;
	font-size: .96em;
	clear: right;
}

img {
	float: right;
	margin: .8em 0em .8em .8em;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

figure > img {
	margin-bottom: 0em;
}

figcaption {
	font-size: 0.66em;
	text-align: center;
	margin-bottom: 1em;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

.post-title-block h1 {
	margin-top: 1.1em;
	margin-bottom: 0px;
	line-height: .8em;
	font-size: 1.6em;
}

.post-title-block > time {
	font-weight: bolder;
	color: #666;
}

.siglogo {
	position: fixed;
	right: 0px;
	bottom: 0px;
	max-height: 20px;
	max-width: 20px;
}

.tight-top {
	position: relative;
	top: -1.85em;
	margin-bottom: -1em;
}

.tagline, .emph-text {
	background-color: transparent;
	margin-top: .4em;
	font-weight: bolder;
	font-size: 110%;
	color: #333;
}

code.has-jax {
    font: inherit;
    font-size: 100%;
    background: inherit;
    border: inherit;
    color: #515151;
}

#sig-img {
	width: 2.5em;
	padding: 3px;
	margin: .2em .05em .2em .2em;
}

aside {
	font-size: 0.675em;
	font-family: xkcd, Chalkboard, "Chalkboard SE", "Comic Sans", sans-serif;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
	padding: 0.33em;
	padding-left: 0.675em;
	padding-right: 0.675em;
	border: #ddd 2px solid;
	border-radius: 0.9em;
}