body	{
	font-family: monospace;
	background-image: url("csspics/sky.jpg");
	background-size: 100% 100%;
	color: #00FFFF;
}



#home	{
	display: block;
	padding: 3%;
	width: 8%;
	background-image: url("csspics/homebutton.png");
	background-size: contain;
	background-repeat: no-repeat;
}

#home:hover	{
	display: block;
	padding: 3%;
	width: 8%;
	background-image: url("csspics/homebutton_c.png");
	background-size: contain;
	background-repeat: no-repeat;
}


h1, h2	{
	display: inline-block;
	padding: 2%;
	color: #7A072F;
	background-image: url("csspics/title.png");
	background-size: 120% 100%;
	background-position: center;
	
}

.text	{
	display: inline-block;
	padding: 1%;
	color: black;
	background-image: url("csspics/text.png");
	background-size: 100% 100%;
	background-position: center;

}

.section	{
	padding: 1em;
	margin: .5em;
	text-align: center;
	border-image-source: url(csspics/filmborder.png);
}

#first	{
	background-image: url("csspics/woodenboard.png");
	background-size: 100% 100%;
	background-blend-mode: overlay;
}

#second	{
	background-image: url("csspics/woodenboard2.png");
	background-size: 100% 100%;
}


#third	{
	background-image: url("csspics/woodenboard3.png");
	background-size: 100% 100%;
}

.one	{
	display: inline-block;
	width: 45%;
	margin: 1%;
	
}

.two	{
	display: inline-block;
	width: 30%;
	margin: 1%
}

.early	{
	width: 100%;
	
}

.spring	{
	width: 100%;
	
}

.post	{
	width: 90%;
	height: 350px;
}