#all {
	border:1px solid black;
	border-radius:25px;
	position: absolute;
	width: 1000px;
	height: 1100px; 
	box-shadow:5px 5px 10px #999999;
}

#headline {
	font-size: 4em; /* increased size for readability */
	font-family: "Bitcount Prop Double Ink"; /* changed font-family to Google font */
	text-align: center;
	position: absolute;
	top: 30px;
	left: 27%; /* changed from pixel to percent to look more centered */
	text-transform: uppercase; /* removed underline and added uppercase */
}

#thumbnails {
	position: absolute;
	top: 175px;
	left: 50px;
	width: 150px;
	height:auto;
	opacity:0.5;
}
#thumbnails li{
	list-style:none;
}
#thumbnails:hover{
	cursor:pointer;
	opacity:1;
}
.smallimg {
	width: 75px; /* reduced width so each thumbnail fit inside container */
	margin:10px;
	float: left;
	border-radius: 5px; /* added rounded corners */
}

#largearea {
	position: absolute;
	top: 138px;
	left: 300px;
	width: 650px;
}

#mainphoto {
	width: 500px; /* reduced width so vertical photos stay inside container */
	float: left;
	margin:50px 15px 50px 0px;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3); /* add drop shadow to img */
	border-radius: 5px; /* added rounded corners */
}

/* added hover effect to mainphoto for funsies */
#mainphoto:hover {
	transform: scale(1.05);        /* increase size slightly */
	box-shadow: 15px 15px 20px rgba(0,0,0,0.35); /* we like a good drop shadow */
	border-radius: 5px; /* keep rounded corners */
}

#caption {
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic; /* added style for drama */
	text-align: center;
	position: absolute;
	top: 135px;
	left: 225px; /* reduced to get caption to sit closer to middle of img */
	width: 650px;
}