/*
Theme Name: PJRC Legacy HTML
Version: 1.0
*/

/* * { box-sizing: border-box; } */
body {
	font-family : Arial, Helvetica, sans-serif;
	max-width: 1200px;
}
a:link { color: #0000E0; }
a:visited { color: #402080; }
img {
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
        display: block;
}

/* https://boutell.com/newfaq/creating/threecolumnlayout.html */

.sidebar {
	float: left;
	width: 172px;
	font-size: 0.82em;
	background-color: #F0F0F0;
	/* border: 1px solid blue; */
}
.content-area {
	max-width: 1008px;
	margin-left: 190px;
	/* border: 1px solid green; */
}
.content-area-middle {
        max-width: 838px;
        margin-left: 190px;
	margin-right: 176px;
        /* border: 1px solid orange; */
}
.sidebar h1, .rightsidebar h1 {
	background-color: #D0E0FF;
	text-align: center;
	font-size: 1.5em;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-bottom: 0;
	border-top: 0.9em solid white;
}
.sidebar h2, .rightsidebar h2 {
	background-color: #D0E0FF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0;
	border-top: 0.5em solid white;
}
.sidebar ul {
	padding: 0 0 0 1.5em;
}
.sidebar ul li {
	padding: 0 0 0 0;
	margin-left: 0;
}

.rightsidebar {
	float: right;
	width: 160px;
	font-size: 0.82em;
	background-color: #F0F0F0;
        /* border: 1px solid red; */
}
.rightsidebar h3 {
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}
.rightsidebar p {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
}







/*
.top-site-name {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid red;
}
.top-site-name img {
	padding-left: 36px;
	margin: 0;
	border: 1px solid green;
}

.upper-right-nav-tools {
	display: inline;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	margin: 0;
	border: 1px solid orange;
}
.upper-right-nav-tools li {
	display: inline;
	font-size: smaller;
}
.top-nav-bar {
	display: block;
	width: 100%;
	padding: 6px;
	margin: 0;
	background-color: #D0E0FF;
}
.top-nav-bar li {
	display: inline;
}
*/
/* https://css-tricks.com/equidistant-objects-with-css/ */
/*
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
*/

.entry-footer {
	margin-right: 2em;
	margin-left: 2em;
	font-size: 0.8em;
}
/*
.single .byline,
.full-size-link,
        body:not(.search-results).group-blog .byline,
        body:not(.search-results) .entry-format,
        body:not(.search-results) .cat-links,
        body:not(.search-results) .tags-links,
        body:not(.search-results) article:not(.sticky) .posted-on,
        body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
*/
.author, .posted-on, .cat-links
{
	display: block;
	margin-bottom: 0.1em;
}
.older-newer-nav {
	display: block;
	padding-top:20px;
	margin: auto;
	width: 80%;
	/*border: 1px solid orange;*/
}
.older-nav {

}
.newer-nav {
	text-align: right;
}