/* HTML 5 Compat */
center {
	text-align: center;
}
.center {
	text-align: center;
}

/* Shit for doldoc only kinda works */
invert {
	color: white;
	background-color: black;
	mix-blend-mode: difference;
}
.invert {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

/* Blink tag impl */
blink {
	text-decoration: blink;
	-webkit-animation: 1s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
	animation: 1s linear infinite condemned_blink_effect;
}
.blink {
	text-decoration: blink;
	-webkit-animation: 1s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
	animation: 1s linear infinite condemned_blink_effect;
}
/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
	0% {
		visibility: hidden;
	}
	50% {
		visibility: hidden;
	}
	100% {
		visibility: visible;
	}
}
@keyframes condemned_blink_effect {
	0% {
		visibility: hidden;
	}
	50% {
		visibility: hidden;
	}
	100% {
		visibility: visible;
	}
}

/* Light theme */
html {
	background-color: #FFFFFF;
	color: #000000;
}

body {
	font-family:courier;
	font-size:9pt;
	background-color: #55FFFF;
	color: #000000;
	border-style: solid;
	border-width: 8px;
	border-color: #0000AA;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	padding: 0px 20px 0px 20px;
	height: auto;
}

h1 {
	color: #AA00AA;
}
h2 {
	color: #AA00AA;
}
h3 {
	color: #AA00AA;
}
h4 {
	color: #AA00AA;
}
h5 {
	color: #AA00AA;
}
h6 {
	color: #AA00AA;
}

strong {
	color: #00AA00;
}

a {
	color: #AA0000;
	text-decoration: underline;
	text-decoration-color: #0000FF;
}

u {
	text-decoration: underline;
	text-decoration-color: #0000FF;
}

@media all and (prefers-color-scheme: dark) {
	/* Reset everything */
	html {
		background-color: unset;
		background-image: unset;
		color: unset;
	}
	body {
		font-family:unset;
		font-size:unset;
		background-color: unset;
		color: unset;
		border-style: unset;
		border-width: unset;
		border-color: unset;
		margin-top: unset;
		margin-left: unset;
		margin-right: unset;
		max-width: unset;
		padding: unset;
	}
	h1 {
		color: unset;
	}
	h2 {
		color: unset;
	}
	h3 {
		color: unset;
	}
	h4 {
		color: unset;
	}
	h5 {
		color: unset;
	}
	h6 {
		color: unset;
	}
	strong {
		color: unset;
	}
	a {
		color: unset;
		text-decoration: unset;
		text-decoration-color: unset;
	}
	u {
		text-decoration: unset;
		text-decoration-color: unset;
	}
	html {
		padding-bottom: 400px;
		/* color: #ebdbb2; */
		font-family: sans-serif;
		/* background: #1d2021; */
		background: #000000 ;
		color: #f0eeea ;
	}

	a {
		/* color: #689d6a; */
		text-decoration: none;
		color: #2c3390 ;
	}

	a:hover {
		/* color: #fe8019; */
		color: #8e0522 ;
	}


	body {
		max-width: 1050px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		overflow: none;
	}

	/* The two panels on the main page: */
	.mainpanel {
		float: left;
		max-width: 700px;
	}
	.sidepanel {
		float: left;
		max-width: 300px;
	}

	a:hover img {
		/* background: #fe8019; */
		background: #540d4d ;
	}

	ul {
		list-style: none;
	}

	ul li::before {
		content: "\2022";
		color: #214b14;
		font-weight: bold;
		display: inline-block;
		width: 1em;
		margin-left: -1em;
	}

	/* Blog entry: */
	.entry {
		padding: 10px;
		border-radius: 0 30px 30px 0;
		margin-bottom: 40px;
		background: #151a34 ;	
		border-left: 10px solid #8e0522;
	}
	.entry h2 { margin: 5px auto 2px auto; }

	footer strong { font-weight: bold; }

	dt {
		font-weight: bold;
	}

	/* Class name of video thumbnails in videos.html */
	.image {
		width: 175px !important;
		table-layout: fixed;
		margin-left: auto;
		margin-right: auto;
		display: inline-table;
		padding: 0px;
	}

	img.centered {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	figcaption {
		padding: 0px;
		max-width: 175px;
	}

	code {
		/* color: #b8bb26; */
		overflow-x: auto;
		/* background: #1d2021; */
	}
	pre {
		border: 3px solid #a36032;
		padding: 5px;
		display: block;
		/* background: #1d2021; */
	}

	.indexcolname {
		max-width: 100px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.indexcoldesc {
		font-weight: bold;
		padding: 10px;
		font-size: large;
	}
	.indexcollastmod,.indexcolsize {
		font-size: small;
	}

	#indexlist {
		margin: 0px auto;
	}

	.centerpiece {
		align: center;
		margin: 0px auto;
	}


	/* Used in library.html */
	.booklist dt {
		display: list-item;
		list-style-type: square;
		font-weight: normal;
	}
	.booklist dd {
		display: none;
	}
	.booklist:hover dd {
		display: block;
	}
	/* The mic class is for books featured in a NotRelated episode. */
	.mic:before {
		content: "🎙️";
	}
	.mic {
		list-style: none;
		padding-left: 1em;
		text-indent: -1em;
		margin-left: 0;
		padding-left: 0;
	}

	h1 {
		/* color: #cc241d; */
		/* text-shadow: -2px 0 black, -2px -2px black, 0 -2px black; */
	}

	h2 {
		/* color: #83a598; */
		/* text-shadow: -2px 0 black, -2px -2px black, 0 -2px black; */
	}
}