/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*-----BODY -----*/
body {
	background-color: #990060;
	font-size: 16px;
	font-family:"Comic Sans MS", cursive	
}


/*-----CONTAINER -----*/
#container {
	background-color: #646464;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 960px;
}

/*-----HEADER -----*/
header {background-color: #1C1C1C;
 	border-bottom: 2px solid #FFF;
	}
header h1 {
	font-size: 2.5em; 
	padding: .5em 0 .8em 2%;
	color: #FF00A0;
	}

header img {
	float: left;
	padding: .5em 2%;
	width: 20%;
	}



/*-----NAVigation -----*/
nav {}
nav ul li {}
nav ul li a {
	display:block;
	text-align:center;
	padding: .7em;
	background-color:#F0F0F0;
	color:#000;
	text-decortation: none;
	margin: .5em;
	border: 2px solid #000;
	border-radius: 12px; 
	font-size: 1em;
}
nav ul li a:hover {
	background-color:#999;
}
nav ul li a:active {
	background-color:#000;
}



/*-----CONTENT -----*/
#content {
	min-height: 5em;
	background-color: #FFF;
	font-size: 1em;
}
#content h1 {
	margin: .5em .5em .8em 3%;
	font-size: 1.5em;
	text-align:center;
}
#content h2 {
	margin: .5em .3em .5em 3%;
	padding-top: .5em;
	font-size: 1em;
	text-align:center;
	
}
#content h3 {
	margin: .5em 0 .5em 3%;
	font-size: .8em;
	text-align: center;
	padding-bottom:.5em;
	
}
#content img {
	Width:100%;
	}


/*----- FOOTER -----*/
footer {
	clear: both;
	text-align:center;
	padding: 1em;
	color: #FFF;
	background-color: #1c1c1c; 
	font-size: .7em;
}

.keepOpen {
	clear: both;
	}