/* Recipe Style Sheet */
body {
	background: url("../images/breakfast_1.jpg") repeat;
	text-align: center;
	font: 16px arial, sans-serif;
	color: #000;}
h2 {
	color: #000;}
#logo {
	width: 770px;
	height: 150px;}

<style type="text/css" media="print">
.printbutton {
  visibility: hidden;
  display: none;
}
</style>
</body>
</html>
#container {
	background: #fffff0;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	border: solid;
	border-width: 2px;
	}
/*style for written contents in second container */
#containercontent {
	padding: 20px;
	text-align: left;}
/* style for featured recipe box */
#container {
	background: #fffff0;
	width: 770px;
    margin:0 auto;
	padding-left: 40px ;
	text-align: left;
	border: solid;
	border-width: 2px;
	}
#footcontainer {
	background: #fffff0;
	width: 770px;
	margin: 0 auto;
    padding-left: 40px;
	text-align: left;
	border: solid;
	border-width: 2px;
	}
#content {
	padding-left: 220px;
	padding-right: 10px;
    padding-bottom: 30px}
#footcontent {
	padding-left: 220px;
	padding-right: 10px;}
#ingredients {
    Float: left;
}
#materials {
    float: right;
    margin-right: 60px;
}

#print {
		width: 180px;
		float:right;
		}

#recipepicture {
	padding-top: 20px;
   float: left}

#omaspicture {
	float: left;
	padding: 5px;}
#metadata {
    font: 10px arial, sans-serif;
	color: #000;
	text-align: center;}
a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
.previous:hover

.previous {
    background-color: #000;
    color: white;
}

.next:hover
.next {
    background-color: #000;
    color: white;
}

#homebutton {
padding-top: 10px;
    padding-left: 50px;
    float: inherit}

div.scroll {
    background-color: #FFFFF0;
    width: 500px;
    height: 300px;
    overflow: scroll;
}