/* Up in flames - BBQ kitchen
    Author: Robert Quiros
    Date: 06/01/16 

    Filename: styles.css 
		
	*/

	
/* Default styles */
* {
   margin: 0px;
   padding: 0px;
}

header, nav, section, footer {
   display: block;
}



/* General Body styles */
body {
   font-size: 18px; 
   font-family: Verdana, Geneva, sans-serif;
	 color:white;
   margin: 0px auto;
   width: 950px;
	 background-image:url("../media/images/background.jpg")
}

header{
   height: 250px;
   width: 98%;
   background-image:url("../media/images/banner-flames2.jpg");
   text-align: left;
 }
header h1{
   color: white;
   padding: 30px 10px 0px 20px;
	 font-family: Papyrus, Helvetica, sans-serif;
	 font-size: 56px;
}
h2 {
   margin: 10px 5px 5px 5px;
   padding-left: 20px;
	 font-family: Papyrus, Helvetica, sans-serif;
}

p{
   margin: 5px 10px 10px 10px;
}
footer address{
	font-size:16px;
	text-align:center;
	margin:1px 5px 10px 5px;
	padding:5px;
}
hr{
   margin-top:20px;
}

/* Nav bar styles */

nav *{
   height: 40px;
   line-height: 40px;
   
}
nav ul{padding: 0px 10px 0px 10px}

nav ul li {
   background-color: rgb(89, 89, 89);
   border: 1px outset white;
   display: block;
   text-align: center;
   float: left;
   width: 19.5%;
}

nav ul li a {
   color: lightgrey;
   text-decoration: none;
 }

nav ul li:hover {
   background-color: rgb(230, 138, 0);
}

/* recipe page styles  */
section#recipe {
   background-image: url("../media/images/crumpled-brown-paper-texture-hd.jpg");
   color: black;
   width: 100%;
   height: 1050px;
}
table *{
	border-collapse: collapse;
 }
table {
   width: 60%;
   margin: 5px 120px;
}
section#recipe img{
   margin:5px 120px 5px 120px;
   border: 3px dotted black;
}
div#recPrep{
   margin: 20px 50px 20px 50px;
}
div#recPrep ol{
   margin: 0px 20px 0px 20px;
   padding-left: 20px;
}


/* sound buttons style */
#sound img {
		background-color: white;
   float: right;
   margin: 2px 2px 2px 2px;
}

/* menu page style */
section#menu {
   background-color: rgba(255, 255, 255, 0.15);
   color: white;
   width: 100%;
   height: 3950px;
	 text-align: center;
}
section#menu table{
	width:95%;
   margin: 20px 20px 20px 20px;
   padding: 20px 20px 20px 20px;
}
section#menu table td{
	padding-top: 15px;
	text-align: left;
	border-bottom: 2px dotted white;
}
section#menu img{
   margin-top: 30px;
}
section#menu th{
   font-family: Papyrus, Geneva, sans-serif;
   font-size: 24px;
}

/* main page styles */

aside#main_side_menu {
	 margin-top:30px;
   width: 30%;
   clear: left;
   float: left;
 }
aside#main_side_menu img{
   width: 288px;
   margin: 2px 1px 1px 1px;
   border: 2px solid antiquewhite;
 }
#main_sect{
	width:60%;
	float:right;
}
footer{
   clear: both;
}
#main_sect2 {
	height: 785px;
	width: 62%;
	float:right;
   margin: 20px 40px 20px 10px;
   background-image: url("../media/images/grillwithyellowbackground.jpeg"); 
}
#main_news{
   height: 550px;
   width: 60%;
   border: 3px solid grey;
   margin: 150px 20% ;
   background-color: rgba(255, 255, 255, 0.95);
}
#sauce {
   margin: 30px;
   border: 2px solid black;
   float: right;
		/* rotate styles */
		-o-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		transform: rotate(20deg);
}
#main_news{
  padding: 5px 5px 5px 5px;
   color: black;
}