/* 
Palette:
	1A1423 - Dark
	3D314A - Darkish
	D8D2E1 - Neutral highlight
	73877B - Green midtone
	D0EFB1 - Green highlight
*/

body {
	background-color: #1A1423;
	background-image: url("/images/background.png");
	background-size: 20%;
	image-rendering: pixelated;
	font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
	
}

h1 {
	font-size: 48px;
	color: #D8D2E1;
	text-shadow: 2px 2px #1A1423;
	border: 18px solid transparent;
	border-image: url("/images/hframe2.png");
	border-image-repeat: stretch;
	border-image-slice: 18;
}

h2 {
	font-size: 24px;
	color: #D8D2E1;
	background-image: url("/images/headbg.png");
	background-repeat: repeat-x;
	background-size: 0.6%;
	text-shadow: 2px 2px #1A1423;
}

a {
	color: #D8D2E1;
	text-decoration: none;
}

.layout {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.sidebar {
	width: 128px;
	flex-shrink: 0;
	justify-content: center;
	/*background-color: #3D314A;*/
	list-style: none;
}

.content {
	flex: 1;
	background-color: #3D314A;
	color: #D0EFB1;
	line-height: 1.6;
	font-size: 18px;
	padding: 0px 16px;
	
		border: 18px solid transparent;
	border-image: url("/images/hframe.png");
	border-image-repeat: round;
	border-image-slice: 18;
}

.banner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
}

.page {
	max-width: 1100px;
	margin: 0 auto;
}

.update-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	color: #D8D2E1;
	border-style: outset;
	border-color: #73877B #1A1423 #1A1423 #73877B;
	padding: 4px;
}

.blogpost-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	color: #D8D2E1;
	border-style: outset;
	border-color: #73877B #1A1423 #1A1423 #73877B;
	padding: 4px;
}

.permalink {
	color: #D8D2E1;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px
}

.warning {
	border-style: outset;
	background-color: #1A1423;
	font-size:14px;
	text-align: center;
}

.sitebutton {
	display: flex;
	justify-content: center;
}