body {
	background-color: var(--site-page-background);
	color: var(--text-color);
}

a,
a:visited {
	color: var(--link-normal);
	text-decoration: none;
}

a:hover {
	color: var(--link-hover);
	text-decoration: underline;
}
#layout {
	position: absolute;
	
	width: 100%;
	height: 100%;
	
	min-height: 100%;
}

#header header > h1 {
	margin-top: 16px;
	margin-bottom: 5px;
}

#header header > p {
	margin-top: 0px;
	margin-bottom: 16px;
}

#navigation {
	height: 40px;
}

#navigation nav {
	padding-left: var(--padding-page-feed);
	padding-right: var(--padding-page-feed);
}

#navigation nav > p {
	margin-top: 8px;
	margin-bottom: 8px;
}

#article {
	padding-left: var(--padding-page-feed);
	padding-right: var(--padding-page-feed);
}

#article-footer {
	height: 40px;
}

#article-footer footer {
	padding-left: var(--padding-page-feed);
	padding-right: var(--padding-page-feed);
}

#article-footer footer > p {
	margin-top: 8px;
	margin-bottom: 8px;
}

#sidebar {
	width: 200px !important;
	
	border-left: 1px dotted var(--sidebar-border);
	
	padding-left: var(--padding-page-feed);
	padding-right: var(--padding-page-feed);
}
.seamless {
	margin:  0; /* Invisible padding outside the border */
	border:  0; /* Visible border frame */
	padding: 0; /* Invisible padding inside the border */
	
	/* Required to avoid browser default styles adding 1px borders to tables despite above */
	border-collapse: collapse;
}

.cell-top {
	vertical-align: top;
}

.text-center {
	text-align: center;
}
html {
	font-family: 'Trebuchet MS', 'Verdana', 'Arial', 'Times New Roman', sans-serif;
}
#header {
	background-color: var(--header-background);
	color: var(--header-text);
}

#header header a {
	color: var(--header-link);
}

#navigation {
	background-color: var(--nav-background);
	color: var(--nav-text);
}

#article {
	background-color: var(--article-background);
	color: var(--article-text);
}

#article-header {
	
}

#article-content {
	
}

#article-footer {
	
}

#sidebar {
	background-color: var(--sidebar-background);
	color: var(--sidebar-text);
}
:root {
	--padding-page-feed: 25px;
	
	--site-page-background: #f4f4f4;
	--text-color: #000;
	
	--link-normal: #258;
	--link-hover: #136;
	
	--header-background: #258;
	--header-link: #fff;
	--header-text: #ccc;
	
	--nav-background: #222;
	--nav-text: #ccc;
	
	--article-background: #fff;
	--article-text: #555;
	
	--sidebar-border: #999;
	--sidebar-background: #f1f1f3;
	--sidebar-text: #555;
	
	--footer-border: #222;
	--footer-background: transparent;
	--footer-text: #ccc;
}
.dark-theme {
	--site-page-background: #111;
	--text-color: #fff;
	
	--nav-background: #258;
	--nav-text: #ddd;
	
	--article-background: #555;
	--article-text: #fff;
	
	--sidebar-border: #aaa;
	
	--footer-background: #000;
	--footer-text: #ddd;
}