:root {
	--BACKGROUND_COLOR: #545775;
	--TEXT_COLOR: #DBCFB0;
	--LINK_COLOR: #BFC8AD;
	--HEADER_BG: #718F94;
	--NAV_BG: #718F94;
	--CONTENT_BG: #545775;
	--BEVEL_LIGHT: rgba(255, 255, 255, 0.4);
	--BEVEL_DARK: rgba(0, 0, 0, 0.4);
}

body {
	background-color: var(--BACKGROUND_COLOR);
	color: var(--TEXT_COLOR);
	font-family: Times;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px var(--BEVEL_DARK);
}

#mainContainer {
	max-width: 800px;
	margin: 20px auto;
	background-color: var(--CONTENT_BG);
	box-shadow: 0 0 15px var(--BEVEL_DARK), inset 0 0 15px var(--BEVEL_LIGHT);
	border: 3px ridge var(--HEADER_BG);
}

.BlogHeader {
	background: var(--HEADER_BG);
	text-align: center;
	padding: 10px;
	border-bottom: 2px double var(--BEVEL_DARK);
}

.BlogHeader marquee {
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 3px 3px var(--BEVEL_DARK);
}

table {
	width: 100%;
	border-collapse: collapse;
}

.BlogNav {
	background-color: var(--NAV_BG);
	width: 150px;
	vertical-align: top;
	padding: 10px;
	box-shadow: inset 0 0 10px var(--BEVEL_DARK);
}

.BlogNav b {
	display: block;
	margin-bottom: 10px;
	text-shadow: 1px 1px var(--BEVEL_DARK);
}

.BlogNav a {
	color: var(--LINK_COLOR);
	text-decoration: none;
	display: block;
	margin: 5px 0;
	padding: 2px;
	border: 2px outset var(--BEVEL_LIGHT);
	box-shadow: 1px 1px var(--BEVEL_DARK);
}

.BlogContent {
	padding: 15px;
}

.BlogPost {
	background: var(--BACKGROUND_COLOR);
	border: 2px groove var(--BEVEL_DARK);
	margin-bottom: 20px;
	padding: 10px;
	box-shadow: 3px 3px var(--BEVEL_DARK);
}

.BlogPost h2 {
	text-shadow: 2px 2px var(--BEVEL_DARK);
}

.BlogFooter {
	text-align: center;
	font-size: 12px;
	padding: 10px;
	border-top: 2px double var(--BEVEL_DARK);
	background: var(--HEADER_BG);
	box-shadow: inset 0 0 10px var(--BEVEL_LIGHT);
}

img {
	border: 5px solid var(--TEXT_COLOR);
	box-shadow: 2px 2px var(--BEVEL_DARK);
}