/* style.css */

* {
	margin: 0;
	padding: 0; }

body {
	counter-reset: sidenote-counter;
	background: #F0ECE0;
	color: #000000;
	font-family: Verdana, sans-serif; }

input, textarea {
	border: #00A693 solid 1px; /* Persian Green */
	padding: 0.5ex;
	margin: 1px;
	background: #FFFFFF; }

blockquote {
	padding: 0 2em; }

.buttons {
	text-align: center; }

ul {
	margin: 1em 3em;
	list-style: circle; }

ol {
	margin: 1em 3em; }

pre {
	border: #00A693 solid 1px;
	margin: 1ex 2em;
	padding: 1ex;
	background: #F8F6F0;
	overflow: auto; }

.spoiler {
	background: #004B49; /* Deep jungle green */
	color: #004B49; /* Deep jungle green */ }

.notes {
	font-size: 75%;
	color: #004B49; /* Deep jungle green */ }

.snp { margin-top: -1em; }
.sidenote-number {
	counter-increment: sidenote-counter;
}
.sidenote-number::after {
	content: counter(sidenote-counter);
	vertical-align: super;
	font-size: 70%;
	font-weight: bold;
}
.sidenote {
	position: relative;
	font-size: 80%;
}
.sidenote::before {
	content: counter(sidenote-counter)". ";
	position: relative;
	vertical-align: baseline;
	font-size: 90%;
	font-weight: bold;
}
.sidenote-brace { display: none; }
@media (max-width: 65rem) {
	.sidenote {
		float: left;
		text-align: left;
		width: 100%;
		margin: 1rem 0;
		padding-left: 15%;
	}
}
@media (min-width: 65rem) {
	.sidenote {
		float: left;
		clear: left;
		margin-left: -12rem;
		text-align: right;
		width: 100%;
		top: -3rem;
		width: 10rem;
		margin-top: 1rem;
	}
}

.imgl, .imgr {
	width: 100%;
	margin: 0 0 1em 0;
	text-align: center; }

.imgspacerlr, .imgspacerlr, .imgspacerrr, .imgspacerll, .holdr, .holdl {
	display: none; }

#hold {
	display: none; }



#content {
	margin-top: 1em;
	width: 100%;
	position: relative; }

#content h1 {
	display: none; }

#content a {
	text-decoration: none; }

#content a:link {
/*	background: #F0E8E0; */
	color: #007FBF; }

#content a:visited {
/*	background: #F0E8E0; */
	color: #003F7F; }

#content a:hover {
	background: #007FBF;
	color: #F0E8E0; }

#content a:hover img {
	outline: 3px solid #007FBF; }

#content a[href^="https://"],
#content a[href^="http://"],
#content a[href^="//"] {
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.7em 0.7em;
	background-image: url('/images/external.svg');
	padding-right: 0.8em;
}

#content table {
	margin: 1em auto;
	border-top: 3px solid #004B49;
	border-bottom: 3px solid #004B49; }

#content th {
	padding: 1ex;
	border-bottom: 1px solid #004B49; }

#content tr:nth-child(2) td {
	padding: 1ex 1ex 0 1ex; }

#content tr:last-child td {
	padding: 0 1ex 1ex 1ex; }

#content td {
	padding: 0 1ex; }


#maincontent {
	display: inline;
	float: left;
	margin-left: 11.5rem;
	text-align: left;
	width: 40rem; }

#widecontent {
	display: block;
	margin-left: 11.5rem;
	text-align: left; }

p, .dialog {
	margin: 1em 2em; }

.dialog p {
	margin: 0; }

li p {
	margin: 1em 0.5ex; }

#maincontent h1,
#widecontent h1 {
	display: block;
	font-size: 200%;
	font-family: Georgia, serif;
	text-align: center;
	margin: 0 0.5em 0.5em 0.5em; }

#maincontent .subtitle,
#widecontent .subtitle {
	font-size: 125%;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	margin: 0.5em;
}

#maincontent h2,
#widecontent h2 {
	display: block;
	font-family: Georgia, serif;
	text-align: right;
	border-bottom: #BFBFBF solid 1px;
	margin: 1.5em 0 0 0; }

#maincontent h3,
#widecontent h3 {
	margin: 0.5em 0;
	font-family: Georgia, serif;
	font-weight: normal; }

#maincontent h4,
#widecontent h4 {
	margin: 0.5em 4em;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal; }


.sideinfo .sideitem {
	width: 11rem;
	display: inline;
	float: left; }

.sideinfo ul {
	font-size: 70%;
	margin: 0 1em 3em 1em; }

.sideinfo ul ul {
	font-size: 100%;
	margin: 0 3ex; }

.sideinfo ul ol {
	font-size: 100%;
	margin: 0 3ex; }

.sideinfo p {
	font-size: 75%; }

.sideinfo li {
	margin-top: 0.65em;
	list-style: none; }

.sideinfo li.current {
	color: #004B49; /* Deep jungle green */
	font-weight: bold; }

.sideinfo h2 {
	margin: 0 0.7em;
	font-size: 100%;
	color: #004B49; /* Deep jungle green */
	border-bottom: #789A95 solid 1px;
	font-family: Georgia, serif;
	text-align: right; }



.sitematter {
	position: absolute;
	top: 0;
	left: 0.5rem;
	width: 10rem; }

.sitematter h2  {
	margin: 1em 1em 0 0;
	border: none;
	clear: left;
	text-align: left; }

.sitematter p {
	margin: 0 0 0 1em; }

.sitematter form {
	text-align: right; }



form.searchform {
	text-align: center; }



#versioninfo {
	text-align: center;
	font-size: 60%;
	clear: both; }

#versioninfo p {
	margin: 0; }



h2.sitetitle {
	text-align: center;
	margin: 2ex 0; }

#content h2.sitetitle a {
	font-family: Verdana, sans-serif;
	background: #00A693; /* Persian Green */
	color: #FFFFFF;
	padding: 1ex; }

#content h2.sitetitle a:hover {
	color: #00A693; /* Persian Green */
	background: #FFFFFF; }



#ephemeris {
	text-align: center; }

#ephemeris table {
	margin: 0 auto;
	border: 1px solid #00A693; /* Persian Green */
	padding: 1ex;
	background: #FFFFFF;
	font-size: 200%; }

#ephemeris span {
	display: block;
	text-align: center; }

.calwday, .calmonth {
	text-transform: uppercase; }

.calmday {
	color: #00A693; /* Persian Green */
	font-weight: bold;
	line-height: 100%;
	font-size: 500%; }


.anndate {
	margin: 0.5em 0 0.5em 1em;
	float: right;
	text-align: right;
	font-size: 90%;
	font-style: italic; }



.verse {
	text-align: left;
	padding: 0 0 0 3em; }

.verse span {
	text-indent: -3em;
	display: block; }

.credits,
.author {
	text-align: right;
	font-style: italic; }

.credits {
	font-size: 75%; }


.mainform input,
.mainform textarea {
	display: block;
	width: 100%; }

.mainform input[type="checkbox"],
.mainform .buttons input {
	display: inline;
	width: auto; }

.mainform .hint {
	font-size: 75%;
	font-style: italic; }


.lyrics {
	font-style: italic;
	font-size: 90%;
	text-align: left;
	text-indent: -3em;
	padding: 0 0 0 10em; }

.lyrics span {
	display: block; }

.flavortext {
	font-style: italic;
	font-size: 90%;
	padding: 0 1em 0 7em;
}


span.commname {
	font-weight: bold; }

#maincontent blockquote {
	padding: 0;
	margin: 1em 2em 2.5em; }

.comminfo {
	font-size: 85%; }

.commadmin {
	border-left: 3px solid #004B49;
	font-family: Georgia, serif;
	color: #004B49; /* Deep jungle green */ }



.weblogentry {
	margin: 1ex 0 3em;
	font-size: 80%;
	text-align: right; }

#widecontent .weblogentry {
	text-align: center; }

.weblogentry li {
	margin: 0 1ex;
	display: inline;
	list-style: none; }

#widecontent p.weblogentry,
#maincontent p.weblogentry {
	margin: 0; }

#widecontent p.weblogentry a,
#maincontent p.weblogentry a {
	margin: 1ex; }

.weblogentrydate {
	margin: 1ex;
	text-align: right;
	font-size: 75%;
	font-style: italic; }



.imglist {
	margin: 1em;
	text-align: center; }

.imglist li {
	list-style: none;
	display: inline; }

.pagelist {
	margin: 1ex; }

.pagelist li {
	margin: 0 0 1em 0;
	list-style: none; }


.imagec {
	margin: 1em auto;
	display: block; }

.imagel {
	float: right; }


.centerp {
	margin: 0;
	padding: 0;
	text-align: center; }

.sideitem .centerp {
	padding: 0 2px; }

.centerp img {
	max-width: 100%; }

.bigimgp {
	margin: 1em 0;
	padding: 0;
	text-align: center;
	font-style: italic;
	font-size: 80%; }

.bigimgp img {
	margin: 0;
	padding: 0;
	max-width: 100%; }

.tobecontinued, .previously {
	font-style: italic;
	text-align: center; }


.authorstatus .smallinfo {
	margin: 0 1em;
	padding: 0;
	font-size: 80%;
	color: #BFBFBF;
	clear: left;
	text-align: right; }

.authorstatus p {
	text-align: center; }

.authorstatus img {
	margin: 1ex auto;
	display: block; }


.encadre {
	display: block;
	margin: 0 5em;
	padding: 1em 1em 0 1em;
	font-size: 80%;
	border: 1px solid #00A693; /* Persian Green */
}

.encadre p {
	margin-left: 0;
	margin-right: 0;
}

.encadre span {
	display: none;
}

#maincontent .encadre h2,
#widecontent .encadre h2 {
	text-align: center;
	margin: 0;
}


@media (max-width: 65rem) {
	#content {
		position: static;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#widecontent {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		margin: 0;
	}

	#widecontent img {
		max-width: 100%;
	}

	#maincontent {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
		margin: 0;
		max-width: 40rem;
	}

	.localmatter {
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		-ms-flex-order: 4;
		-webkit-order: 4;
		order: 4;
	}

	.sitematter {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		width: 100%;
		position: static;
	}
	.sitematter h2 {
		display: inline;
		margin: 0 1em;
	}
	.sitematter ul {
		display: inline;
		margin: 0;
	}
	.sitematter li {
		display: inline;
		margin: 0 1ex;
	}
	.imgr {
		float: left;
		width: auto;
	}
	h2.sitetitle {
		float: right;
		clear: none;
	}

}

@media (min-width: 52rem) and (max-width: 65rem) {
	.localmatter {
		width: 11rem;
	}
}

@media (max-width: 52rem) {
	p {
		margin: 1em 1ex;
	}

	#maincontent blockquote {
		padding: 0;
		margin: 1em 1em 2em; }
}

@media (prefers-color-scheme: dark) {
	body {
		background: #103c48; /* BG_0 */
		color: #adbcbc; /* FG_0 */
	}

	input, textarea, pre {
		border-color: #41c7b9; /* BORDER */
		background: #184956; /* BG_1 */
		color: #cad8d9; /* FG_1 */
	}

	.spoiler {
		background: #72898f; /* DIM_0 */
		color: #72898f; /* DIM_0 */
	}

	.notes {
		color: #72898f; /* DIM_0 */
	}

	#content a:link {
		color: #4695f7; /* LINK */
	}

	#content a:visited {
		color: #af88eb; /* VLINK */
	}

	#content a:hover {
		background: #4695f7; /* LINK */
		color: #103c48; /* BG_0 */
	}

	#content a:hover img {
		outline-color: #4695f7; /* LINK */
	}

	#content table {
		border-bottom-color: #41c7b9; /* BORDER */
		border-top-color: #41c7b9; /* BORDER */
	}

	#content th {
		border-bottom-color: #41c7b9; /* BORDER */
	}

	#maincontent h2,
	#widecontent h2,
	.sideinfo h2 {
		border-bottom-color: #72898f; /* DIM_0 */
	}

	.sideinfo h2 {
		color: inherit;
	}

	.sideinfo li.current {
		color: #ed8649; /* EMPH */
	}

	#content h2.sitetitle a {
		background: #184956; /* BG_1 */
		color: #41c7b9; /* BORDER */
		border: #41c7b9 solid 1px;
		padding: 0.5ex;
	}

	#content h2.sitetitle a:hover {
		background: #184956; /* BG_1 */
		color: #ed8649; /* EMPH */
		border: #ed8649 solid 1px;
		padding: 0.5ex;
	}

	#ephemeris table {
		border-color: #41c7b9; /* BORDER */
		background: #184956; /* BG_1 */
	}

	.encadre {
		border-color: #41c7b9; /* BORDER */
	}

	.calmday {
		color: #41c7b9; /* BORDER */
	}

	.commadmin {
		border-left-color: #41c7b9; /* BORDER */
		color: #41c7b9; /* BORDER */
	}
}