html {
	font-family: Helvetica, sans-serif;
}

header {
	height:          5em;
	padding:         0.5em 1em 0 1em;
	background:      #941;
}

body {
	margin:0;
	padding:0;
	background:#DDD;
}

header a {
        text-decoration: none;
	color: #FFF;
}

img {
	width=100%;
	height= 100%;
}

#top_nav {
	height: 1em;
	padding: 0.3em;
	font-size:14px;
	text-align: left;
	border-bottom: 1px dotted;
	background-color: #578;
}

#top_nav a {
        text-decoration: none;
	color: #FFF;
	padding: 0.3em 1em 0.15em 1em;
}

#top_nav a:hover {
	color: #C00;
	background-color: #ACD
}

#side_nav {
	float: right;
	height: 100vh;
	font-size:14px;
	border-left: 1px dotted;
	text-align: left;
}

#side_nav li {
	list-style: none;
}

#side_nav a {
	display: block;
	text-decoration: none;
	color: #07E;
	padding: 0.3em 1em 0.3em 1em;
	margin: 0;
}

#side_nav a:hover {
	color: #05C;
	background-color: #EEE;
}

#center_content {
	max-width: 75%;
	font-size:14px;
	padding: 0 20px 0 20px;
	overflow: hidden;
}

#center_content img {
	max-width: 100%;
	height: auto;
}

#center_content a {
	color: #07E;
}

#center_content a:hover {
	color: #05C;
}

#article_menu li {
	list-style: none;
}

#hidden {
	display: none;
}
:checked + #hidden {
	display: block;
}
#shown {
	display: block;
}
:checked + #shown {
	display: none;
}