/* Skeleton of the document (spooky) */
html, body {
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}
body {
	background-color:#ca6;
}
div#wrapper {
	padding-top:100px;
	min-height:90%;
}
@media screen and (min-width: 650px) {
	div#content {
		padding-left:15%;
		padding-right:15%;
	}
}
@media screen and (max-width: 650px) {
	div#content {
		padding-left:3%;
		padding-right:3%;
	}
}
div#content {
	padding-top:0;
	padding-bottom:100px;
	clear:both;
	overflow:auto;
}
div#overlay {
	position:fixed;
	height:100%;
	width:100%;
	z-index:999;
	background-color:#000;
	opacity:0.5;
	display:none;
}

/* Navbar style */
div#navbar {
	width:100%;
	height:100px;
	line-height:100px;
	background-color:#862;
	position:fixed;
	top:0;
	
}
div#navbar span#title {
	font-family:"Lora", verdana, sans-serif;
	color:#fff;
	font-size:200%;
	padding:0 30px;
}
div#navbar span#title a {
	color:inherit;
	text-decoration:none;
}
ul#navbar-buttons {
	padding:0;
	margin:0;
	list-style-type:none;
	display:inline;
}
/* Navbar buttons */
ul#navbar-buttons li {
	padding:15px;
	margin:0 10px;
	height:20px;
	font-size:150%;
	display:inline;
	border:2px solid #503510;
	border-radius:5px;
	background-color:#752;
	cursor:pointer;
	transition:0.3s;
}
ul#navbar-buttons li a {
	color:#fff;
	font-family:verdana, sans-serif;
	text-decoration:none;
	transition:0.3s;
}
ul#navbar-buttons li:hover {
	background-color:#d6b590;
	transition:0.3s;
}
ul#navbar-buttons li:hover a {
	color:#503510;
	transition:0.3s;
}

/* Text styles */
p, b, li, h1, h2 {
	font-family:"Adamina", verdana, sans-serif;
	font-size:1.25em;
	line-height:1.6em;
	color:#453005;
}
h1 {
	font-size:1.5em;
	line-height:1.75em;
}

/* Footer */
div#footer {
	background-color:#752;
	height:100px;
	width:100%;
	position:relative;
	clear:both;
}
footer {
	font-family:verdana, sans-serif;
	font-size:75%;
	color:#aaa;
	text-align:center;
	padding:25px 0;
}
footer a, a:visited {
	color:#00f;
}

/* Opera Fix */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}