@charset "utf-8";

/*
	I Don't Care Family Restaurant and Sports Bar Layout Styles
	Filename: weeklyspecials_layout.css
 */

/* HTML Styles */

html {
	background-color: black;
	font-size: 18px;
	font-family: Tahoma, Geneva, sans-serif;
}

/* Body Styles */

body {
	background-color: rgb(235, 235, 235);
	margin: 0px auto;
	padding: 0px;
	width: 95%;
	max-width: 1100px;
	min-width: 720px;
}

/* Body Header */

body > header {
	background-color: black;
	height: 300px;
	margin-bottom: 30px;
	position: relative;	
}

body > header > img {
	display: block;
	margin-top: 15px; 
	margin-left: auto;
	margin-right: auto;
}

/* Navigation Styles*/

#nav {
	width: 720px;
	margin: 0 auto;
 	margin-top: 63px;
	padding: 0px;
}
 
ul#navigation {
  margin: 0px auto;
}
 
ul#navigation li {
  display: inline;
  font-size: 18px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}
 
ul#navigation li a {
    padding: 10px 25px;
    color: white;
    text-decoration:none;
    display:inline-block;
    background-color: rgb(170, 17, 17);
}
 
ul#navigation li a:hover {
    background-color: rgb(128, 0, 0);
    color: white;
}
 
ul#navigation li:hover > a {
    background-color: rgb(128, 0, 0);
}

/* Drop-Down Navigation */

ul#navigation li:hover > ul {
    visibility: visible;
    opacity: 1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    visibility:hidden;
    opacity:0;
    position: absolute;
    width:180px;
    background-color: rgb(170, 17, 17);
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color: white;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}


/* Header Styles */
section article h1 {
	color: rgb(170, 17, 17);
	font-size: 30px;
	text-align: center;
}

section article h2 {
	color: white;
	font-size: 25px;
	font-weight: normal;
	margin-top: 15px;
	text-align: center;
 }


/* Article Styles */

section#special article {
   background-color: rgb(191, 191, 191);
   margin: 0px auto;
   padding: 20px;
   width: 75%;
}

section#special article {
  background: radial-gradient(black 30%, rgb(170, 17, 17));
  border: 1px solid rgb(151, 151, 151);
  border-radius: 50px;
  box-shadow: 10px 10px 20px rgb(51, 51, 51);
}

section#special article img {
   display: block;	
   margin-left: auto;
   margin-right: auto;
   width: 50%
}


/* Paragraph Styles */

section#main p {
	font-size: 22px;
	text-align: center;
	
}

section#special p{
	color: white;
	font-size: 20px;
	text-align: center;
	
}
	

/* Footer Styles */

footer {
    background-color: rgb(170, 17, 17);
    font: normal 0.9em;
	color: white;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    
    text-align: center;
}