/***********
GENERAL 
***********/

div {
	border-style: solid;
	border-width: 0px;
}

body {
	background-color: #333;
	font-family: arial, sans-serif;
	font-size: 24pt;
	color: white;
	text-align: center;
	margin: 25px auto;
	
}
/*
#container {
	position: relative;
}

#header, #main, #footer {
	position: absolute;
}
*/

/***********
HEADER 
***********/

h1 {
	font-family: impact;
	font-weight: 100;
	color: #69F;
	margin: 20px;
}

h2 {
	font-family: arial;
	font-size: 18pt;
	font-weight: 100;
	color: white;
	margin: 10px;
}

.item {
	font-family: impact;
	font-size: 28pt;
	color: #69F;
}

.itemdesc {
	font-family: arial;
	font-size: 14pt;
	color: white;
}

.initial {
	color: white;
	text-decoration: underline;
}
 
.header {
	text-align: center;
 }
 

/***********
BODY
***********/


a {
	text-decoration: none;
	color: #6699FF;
}

p {
	vertical-align: middle;
	font-size: 0.5em;
	font-weight: 100;
}

img {
	max-width: 100%;
}

.bg {
	border-style: solid;
	border-width: 2px;
	border-color: white;
}
	
.msg {
	background-color: rgba(0,0,0,0.7);
	padding: 25px;
	width: 40%;
	position: fixed;
	top: 35%;
	left: 24.5%;
}

.poetry {
	font-family: serif;
	white-space: pre;
	text-align: left;
}


/***********
FOOTER
***********/

#footer {
	font-size: 0.4em;
	text-align: center;
	padding: 15px;
}