/** CSS3 */
@import url("/css/banners.css");

a {
	color: lightblue;
}

a:visited {
	color: #c6c;
}

body {
	margin: 0;
	margin-top: 5em;
	font-family: sans-serif;
	font-size: 14pt;
	background: black;
	color: #ddd;
	padding-bottom: 3em;
}

.content {
	width: 95%;
	margin: 0 auto;
}

@media screen and (min-width: 1600px) {
	.content {
		width: 45%;
	}
}

@media screen and (min-width: 1200px) {
	.content {
		width: 50%;
	}
}

details p {
	margin-left: 1.5em;
}

hr {
	border-color: #aaa
}

li {
	margin-bottom: 0.3em;
}

header, .header {
	position: fixed;
	top: 0;
	background: black;
	width: 100%;
}

header hr, .header hr {
	margin: 0;
}

nav, .nav {
	overflow-x: scroll;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
nav::-webkit-scrollbar, .nav::-webkit-scrollbar {
  display: none;
}

menu, .menu {
	padding-left: 0;
	margin-bottom: 0.9em;
	width: 850px;
}

menu a, .menu a {
	text-decoration: none;
	color: #ccc;
	padding: 1em;
}

menu a:visited, .menu a:visited {
	color: #ccc;
}

menu a.active, .menu a.active {
	font-weight: bold;
    color: white;
    font-size: 1.2em;
}

.menu {
	margin: 1em 0;
}

.comment-thread {
	border-left: 1px solid #555;
	padding: 1em;
}

.comment-thread p {
	margin-top: 0;
}

.comment-meta {
	margin-bottom: 1em;
}

.comment-created {
	font-size: 12pt;
}

.comment-author {
	margin-left: 15px;
	text-decoration: none;
	font-weight: bold;
}

.comment-text {
	margin-bottom: 0.5em;
}

.comment-anon {
	margin-left: 15px;
	text-decoration: none;
}

.comment-submitbtn {
	margin-top: 1em;
}

.comment-submitted {
	font-weight: bold;
}

input, textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 1em;
	padding: 1em;
	border-radius: 10px;
}

button {
	font-weight: bold;
	background: transparent;
	border: none;
	text-decoration: underline;
	color: #eee;
	cursor: pointer;
	margin-bottom: 1em;
	padding-left: 0;
	font-size: 12pt;
}

.invert-color {
  filter: invert();
}

footer, .footer {
	padding-top: 3em;
}

footer div, .footer div {
	margin-top: 1em;
}

footer p, .footer p {
	margin-top: 0;
}