/* Background of the whole page */
html {
	background: linear-gradient(
	              to bottom, #8bf, #58f
	            ) no-repeat center center fixed;
	background: url('forest1.jpg') no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	font-family: Tahoma, sans-serif;
	text-align: center;
}

/* Logo across the top */
div.logo {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Different types of cards */
div.settings {
	display: none;
	width: 90%;
	margin-left: auto !important;
	margin-right: auto !important;
}
div.news {
	display: inline-block;
	width: 525px;
}

/* General card stuff */
div.card {
	margin: 1em;
	padding: 1em;
	border-radius: 10px;
	background-color: #333;
	color: #eee;
	text-align: left;
	vertical-align: top;
}
div.card a:link, div.card a:visited {
	color: inherit;
	text-decoration: inherit;
}
div.card a:hover, div.card a:active {
	color: #fff;
	text-decoration: underline;
}
div.card .dim {
	color: #999;
}
div.card h2 {
	text-align: center;
	font-weight: bold;
	font-size: inherit;
	margin-top: 0;
	margin-bottom: 1.3ex;
	border-bottom: thin solid #888;
  padding-bottom: 0.3ex;
}
div.card input[type=text], div.card[type=password] {
	background-color: #444;
	border: thin solid #888;
	color: inherit;
}
div.card input[type=text]:hover, div.card[type=password]:hover {
	border: thin solid #bbb;
	color: white;
}
div.card input[type=submit], div.card input[type=button] {
	background-color: #333;
	border: thin solid #777;
	color: inherit;
}
div.card input[type=submit]:hover, div.card input[type=button]:hover {
	outline: thin solid #777;
}

/* Actual news listings in news cards */
div.news ul {
	padding-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

/* Settings button in the upper right */
div#settingsbutton {
	position: fixed;
	right: 0.3ex;
	top: 0.3ex;
	font-size: 300%;
	color: #333;
}
div#settingsbutton a:link, div#settingsbutton a:visited {
	color: inherit;
	text-decoration: inherit;
	outline: none;
}
div#settingsbutton a:hover, div#settingsbutton a:active {
	color: white;
	text-shadow: black 0 0 10px;
	outline: none;
}

/* vim:ts=2:sw=2
 */