* {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
}

body {
	display: flex;
	background-color: #EEE;
	height: 100%;
	width: 100%;
	margin: 0;
}

div.index {
	padding: 1em;
}

header {
	background-color: #888;
	height: 2em;
	display: none;
}

main {
	margin: 1em;
}

div.content-container > article {
	width: 100%;
}

@media (min-width: 64em){
	div.content-container > article {
		width: 50em;
	}
}

table {
	border: 1px solid #666;
	border-radius: 3px;
}

ul, ol {
	list-style: none;
}

nav {
	background-color: #242;
	color: #EEE;
}

nav.nav-left {
	min-width: 10em;
	max-width: 10em;
	min-height: 100vh;
	flex: 1;
}

nav > ul{
	padding-left: 20px;
}

nav ul>li {
	width: 100%;
}

nav a, nav a:link, nav a:visited {
	background-color: #222;
	width: 100%;
	border: none;
	color: #DDD;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	margin: 2px 0px;
	padding: 2px 8px;
}

a, a:link, a:visited {
	color: #33A;
	border: none;
	text-decoration: none;
}

div.meta-container {
	display: flex;
	flex-wrap: wrap;
}

div.main-container {
	width: 100%;
	height: 100%;
}

div.content-container {
	background-color: #DDD;
	padding: 1em;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
	height: 100%;
	width: auto;
}

div.author-container {
	background-color: #DDD;
	padding: 1em;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
	height: auto;
	width: auto;
}

div.container {
	padding: 5px;
	display: inline-block;
	width: auto;
	height: auto;
}

.article-list {
	padding: 0px;
}

footer {
}

footer ul {
	display: flex;
	padding: 0;
	flex-direction: right;
}

hr {
	color: #d2d3d3;
}

tbody>tr:nth-child(odd) {
 	background-color: #cccccc;
} 

footer ul > li {
	list-style: none;
	margin-left: 1em;
}

/*
 * Code block css
 */
pre {
	font-family: monospace;
	display: block;
  background-color: #fdf6e3;
	color: #657b83;
	padding: 1em;
	border: 1px solid #666;
	border-radius: 3px;
	word-wrap: break-word;
}

div.highlight span.cp
{
	color: #cb4b16;
}

div.highlight span.nf,
div.highlight span.k
{
	color: #859900;
}

div.highlight span.c1,
div.highlight span.cm
{
	color: #93a1a1;
}

div.highlight span.nb,
div.highlight span.cpf,
div.highlight span.mi,
div.highlight span.s
{
	color: #2aa198;
}

div.highlight span.kt
{
	color: #b58900;
}