@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
	background:url('BGtile.png');
	color:black;
	font-family:arial, sans-serif;
	font-size:100%;
	font-weight:bold;}

@font-face {font-family:Lobster;
	src:url('Lobster 1.4.otf');}
	
h1,h2,h3,h4{
	font-family:Lobster,serif;
	color:#dfcf99;
	font-weight:normal;}

p {text-indent:2em;}	 
	
#wrapper{
	background-color:rgba(63,171,133,.85);
	width:320px;
	margin:0 auto;}
	
#main-head{
	background:url('tiletexture.png');
	height:100px;
	position:relative;
	margin:0 auto;}
	
#main-head h1{
	position: absolute;
	text-align:center;	
    bottom: 0; 
	width:100%;
	font-size:250%;
	margin-bottom:.7em;}
	
#content-wrapper{
	padding:0 .5em;
	margin-top:1em;}

div#main{
	color:#120400;
	width:100%;
	position:relative;}
div#main p{
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.5em;}

header#main{
	padding:.3em;}
header#main h2{
	margin:0;}

#nav h3{display:none;}

	#nav{
		color:#F2E2CE;
		padding:5px;
		font-size:90%;
		line-height:200%;
		width:100%;
		white-space:nowrap;
		text-align:center;
		}
#nav a{
	display:block;
	background-color:#120400;
	margin:.5em;
	padding:.75em;
	-webkit-border-radius:.75em;
	text-align:center;}
#nav a:link { 
			   color:#dfcf99;
			   font-weight:bolder;
			   font-style:normal;
			   text-decoration:none;}
#nav a:visited { 
			   color:rgb(63,171,133);
			   font-weight:bolder;
			   text-decoration:none;}
div#secondary{
	background-color:rgba(63,171,133,.5);
	padding:.5em;
	color;#120400;}
	
div#secondary img{
	margin:.4em auto;
	display:block;}
header#secondary{
	background-color:#3fab85;
	padding:.3em;}
header#secondary h2{
	margin:0;
	text-align:center;}

aside{
	color:#120400;
	padding:5px;
	width:100%;}

footer{
	clear:both;
	color:#dfcf99;}
footer p{
	padding:.3em 0;
	text-indent:0;
	font-size:85%;
	width:100%;
	text-align:center;}