/*==================================================
* Project 2 css styles
====================================================*/
body {
	padding: 0;
	margin: 0;
	background-color: #FFD700;
}
div#wrapper {
	width: 80%;
	margin: auto;
	background-color: #FFA500;
	padding: 10px 5% 5px 5%;
}
section {
	padding: 50px;
}
ul {
	list-style: none;
}
li {
	padding: 10px;
	padding-bottom: 5px;
}
/** form styles **/
form {
	background-color: #fff;
	padding: 5px;
}
form p {
	margin-left: 50px;
	margin-top: 20px;
}
label {
	display: inline-block;
}
input[type="text"], select, button {
	border-radius: 10px;
	background-color: #FAFAD2;
	padding: 5px;
}
p.nutrition {
	margin-left: 100px;
}
select#protein {
	width: 200px;
}
button {
	letter-spacing: 4px;
	font-weight: bold;
	padding: 8px;
}
.error {
	color: red;
	font-size: .95em;
	font-weight: bold;
}
.error li {
	padding: 0;
	margin: 0;
	margin-left: 110px;
	margin-bottom: 50px;
}
ul.error {
	margin: 0;
	padding: 0;
}
/* END form styles */
footer {
	background-color: #F0FFF0;
	margin-top: 100px;
	padding: 10px;
}
.outputDisplay {
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 25px;
}
.dishDisplayed {
	font-size: 1.1em;
	background-color: #F5F5DC;
	margin-bottom: 25px;
}
.dishTitle {
	font-size: 1.5em;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
nav li {
	display: inline-block;
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	width: 60px;
	text-align: center;
	background-color: snow;
	font-weight: bold;
	letter-spacing: 2px;
}
.socialMedia {
    width: 350px;
	margin-top: 100px;
}