#container {
background-color: maroon;
color: black;
border: solid;
height: 800px;
width: 80%;
margin-left: 5%;
/* total margin left and right is 10 */
border-radius: 10px;
padding: 5%;
/* total padding left and right is 10 */
}

#header {
	float: left;
	clear: both;
	height: 60px;
	width: 100%;
	margin-top: 10px;
	background-color: gray;
}
.textarea {
	float: left;
	clear: both;
	height: 600px;
	width: 90%;
	/* width is 90% because of 5% padding on both sides*/
    padding: 5%;
	margin-top: 10px;
	background-color: silver;
	font-size: 25px;
}

.menu {
	height : 50px;
	width : 14%;
	background-color: gray;
	float: left;
	font-size: 25px;
	text-align: center;
}

.pictureframe {
	float: left;
	clear: both;		
	margin: 10px;
}