body {
	background-color: #EEEEEE;
	width: 1080px;
	margin: auto;
}


header {
	background-color: #61503b;
	width:1068px;
	padding: 5px;
	margin: 0px;
}	
header h1 {
	font: bold 16px/20px Arial, sans-serif;
	margin: 0px;
	padding: 5px;
	display: inline;
	border-right: 1px dotted white;
	color:white;
}
header h2 {
	font: 15px/20px  Arial, sans-serif;
	margin: 0px;
	padding: 5px;
	display: inline;
	border-right: 1px dotted white;
	color:white;
}

a {
	text-decoration: none;
	color: white;
}

a:hover{
	color: #b3a973;
}

header h3 {
	font: 14px/20px  Arial, sans-serif;
	margin: 0px;
	padding: 5px;
	display: inline;
	color:white;
}
article {
	background-image: url("../img/rock2bgrnd.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px;
	padding: 0px;
	width: 1080px;
	height: 540px;
}
article h1 {
	font: bold italic 16px/20px Arial, sans-serif;
	padding: 5px;
	color: #ffffff;
	background-color: rgba(191,155,115, .5);
}
img {
	border: 4px solid #563e37;
	display: block;
	float: left;
	margin: 25px 10px 50px 80px;
}


img:hover {
    border: 4px solid #b3a973;
	transform: rotate(-20deg);
  
}
.quote {
	float: left;
	width: 515px;
	margin: 25px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #b3a973;
	opacity:.8;
}
.quote p {
	font: normal 32px/35px Georgia, serif;
	margin: 0px 5px 5px 5px;
	color: #FAF5EE;
}
.quote #name {
	font: italic 18px/30px Georgia, serif;
	text-align: right;
	margin-right: 25px;
	color: #FAF5EE;
}
hr {
	clear: both;
	border: 5px solid rgba(191,155,115,.5);
}