body{
	background-color: #0f5f71;
	font-size: 100%;
}

.sitename{
	text-transform: uppercase; 
	background-color :#f96e6c;
	border-color: #fdcfce;
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	letter-spacing: 2px;
	color:#ffffff;
	text-shadow: 2px 2px #ff0000;

}

.menu{
	background-image: url("images/pretty.png");
	box-shadow: 15px 10px 5px #0c4c5a;
	margin: -55px 20px -2000px -20px;
	font-size: 18px;
	height: 300%;
	width: 270px;
	float: left;
	font-family: 'gill sans';

}

.pattern{
	background-image: url("images/pretty.png");
	box-shadow: -15px 10px 10px #0c4c5a;
	float:right;
	height: 300%;
	width: 270px;
	margin: -55px -40px -1000px 20px;
}

h1{
	text-align:center;
	font-family: sans-serif;
	font-size: 40px;
	color:#f85654; 
	margin: 2%;
}

h2{
	font-family: sans-serif;
	color:#f85654; 
}

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

.menu ul { /*the list gets styled, but only in the "container" div*/
    list-style-type: none; /*removes bullets*/
    margin: 45px; /*removes any defaults*/
    padding: 0;
	width:120px;

}

.menu li { /*the items gets styled, but only in the "container" too*/
    padding: 10px; /*list items are getting treated as boxes*/
    margin-bottom: 20px;
    background-color :#f96e6c;
    color: #ffffff;
    box-shadow: 9px 9px 5px #85292f;
	
} 

.menu li:hover{
		background-color:#0f5f71;
}


.rightside{
	text-align: justify;
	font-family: 'gill sans';
	line-height: 36px;
	color: #f1e5cb;
	font-size: 17px;
	margin: 2% 25% 0% 25%;

}


.quote{
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	font-size: 24px;
	color: white;
    width: auto;
    border: 5px;
    border-style: dotted;
    border-color: #f96e6c;
    padding: 10px;
    text-shadow: 2px 2px #ff0000;
}

figure{
	float:left;
	margin:0 2em 0 0; /*top, rt, btm, lft*/
   	display: table; /*this helps control the caption width for multiple lines*/
	}

figure img {
    max-width: 100%;
    margin: 2px 5px 2px 0px;
    border-style: dotted;
    border-color: #f96e6c;
	}
figcaption {
    display: table-caption;/*this matches the caption's width to the "figure"*/
    caption-side: bottom; /* or top*/
	font-size: .7em; /*smaller than the rest*/
	color: white;
	font-family: sans-serif;
    margin: 2px 5px 0px 0px;
    text-align: center;
    border-style: dotted;
    border-color: #f96e6c;
    line-height: 20px;
}

p{
	margin-left: 3em;
	margin-right: 3em;
}