/*The thing that contains the submenu divs*/
#header{
	clear:top;
	margin-left:5px;
	text-align:center;
	background-color: transparent;
	border: dotted black;
	padding:5px;
	min-height: 40px;
	margin-top: 5px;
	position: fixed;
	z-index: 1;
}

/*The thing that you can click to go to other pages*/
.submenu{
	width:100px;
	float:left;
	padding:7px;
	background-color: silver;
	text-align: center;
	vertical-align: center;
	position: center;
	margin: ;
}

/*when you hover, submenu changes color*/
.submenu:hover{
	background-color: #e6e6e6;
}

/*Holds all the page*/
#container{
	clear:both;
	margin: auto;
	background-color: gray;
	width: 600px;
	text-align: center;
	/*border:4px solid black;*/
	height:1300px;
	background: url(http://fc01.deviantart.net/fs70/i/2012/074/6/1/black_and_white_tempest_by_pillemaster-d4nrvac.jpg)no-repeat;
	background-attachment: fixed;
}

/*Sets font and background*/
body{
	background-color: silver;
	font-family: Papyrus;
	font-weight: bold;

}

/*Changes the way that the links look*/
a{
	color:black;
}

/*The divs that hold pictures and words*/
.content{
	width: 500px;
	
	min-height: 100;
	max-height: 1000;
	padding:5px;
	margin:7%;
	background-color: gray;
	border-radius: 5%;
	border:dotted black;
}

/*divs that space out page*/
.empty{
	height: 50px;
}

/*h1 changes to overline*/
h1{
	text-decoration: overline;
}

/*sets image width*/
img{
	width: 450px;
}

/*Obscure words*/
.secret{
	background-color: black;
	width: 500px;
	min-height: 100;
	max-height: 1000;
	padding:5px;
	margin:7%;
	border-radius: 5%;
	border:dotted black;
}

/*until you hover*/
.secret:hover{
	background-color: gray;
}