body {
	font-family: Ubuntu, "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 17px;
	background: linear-gradient(0deg, rgba(60, 100, 0, 0.5), rgba(60, 100, 0, 0.5)), url('romanesco.webp');
	background-attachment: fixed;
}
p, li {
	color: #444;
	line-height: 1.5em;
	margin: 14px 0;
}
h1 {
	text-shadow: 0 0 4px rgba(51, 170, 0, 0.5);
}
h2{
	font-size: 1.3em;
}
h3{
	margin: 22px 0 10px;
}
a{
	text-decoration: none;
}
a:link {
    color: #339900;
}
a:visited {
    color: #337700;
}
a:hover {
	text-shadow: 0 0 1px rgba(51, 170, 0, 0.6);
}
a:active {
	text-shadow: 0 0 3px rgba(51, 170, 0, 1);
}

.bold {
    font-weight: bold;
}

div.underlay {
	width: 100%;
	height: 100%;
	background-color: rgba(30, 60, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
}
div.main {
	position: relative;
	box-shadow: 0 0 20px rgba(40,40,40,0.8);
	margin: 50px auto;
	padding: 5px 30px;
	max-width: 950px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.92);
}

.back-tab {
	position: absolute;
	top: -2em;
	right: 2em;
	background: #DDDDBB;
	padding: 0.4em 0.75em 0.5em;
	font-size: 1em;
	border-radius: 4px 4px 0 0;
	z-index: -1;
}