@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; overflow:hidden;}
html{ overflow: hidden; }

img{border:none; outline:none;}

#header {
	position:absolute;
	margin:20px auto auto 15%; 
	z-index: 50;
	width: 900px;
	height: 136px;
}

#container{
	width:650px; height:320px; 
	margin:230px auto auto 15%; 
	padding-top:20px;
	z-index:3;
	position:absolute;
	background-image:url(../media/summertime.png);
	background-repeat:no-repeat;
}

#dailycontainer{
	width:650px; height:320px; 
	margin:230px auto auto 15%; 
	padding:20px;
	z-index:3;
	position:absolute;
	background-image:url(../media/daily.jpg);
	background-repeat:no-repeat;
}

#dailycontainer p{
	margin-top: 170px;
}


nav {z-index:4;}

nav a {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:2em;
	line-height:2em;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-left:10px;
	padding:5px;
	cursor:pointer;
	width:300px;
	text-indent:-9000px;
}

nav a:hover {
	background-color:#666;
}

#supersize{
	position:absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;/*Needed to eliminate scrollbars*/
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 1;
	overflow:hidden;/*Needed to eliminate scrollbars*/
}

#pattern{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../media/pattern2.png);
	background-repeat:repeat;
	z-index:2;
	overflow:hidden;/*Needed to eliminate scrollbars*/
}

footer{
	color:#FFF;
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
	background:#000;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:3;
	padding-left:15%;
	padding-top:15px;
	display:block;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: .75em;
}