/*
   IT 270 Website Design
   Final Project
   
   Author Kenneth Bosch
   Date: 1/17/2016
   Filename: lulus.css

   This file contains styles used in the homepage.htm, products.htm, aboutlulus.htm
	monthlyspecials.htm, orderform.htm file.

*/

/* navigation styles */

body * {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 100%;
   font-weight: inherit;
   line-height: 1.2em;
}

/* navigation styles */
nav ul {
    padding: 0;
    margin: 0;
    list-style: none;   
}

nav li {
    float: left;
}

nav a {
    float: left;
    color: black;
    margin: 0 5px;
    padding: 3px;
    text-decoration: none;
    border: 1px solid black;
    font: bold 14px;   
	background-color: rgb(255, 222, 134);
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
}

nav a:hover {
    background-color: white;
}

nav a:active {
    background-color: white;	
}	

/* Home Page Styles */

aside {
   border-top: 1px solid black;
   font-size: 14px;
   background-color: rgb(255, 222, 134);
   border-bottom: 1px solid black;
}


aside h2 {
  font-size: 1em;
  font-weight: bold;
  margin-left: 10px;
}
aside h3 {
	font-size: 30px;
}

aside ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

aside ul li {
text-indent: 10px;
margin-bottom: 2px;
line-height: 1.5em;
}

aside ul li a:hover {
  color: white;
}

aside ol {
  list-style: display;
}
  #middle h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}

 
#middle p {
  text-align: justify;
}

#middle p {
  margin: 20px auto;
  font-size:20px;
}
/* Products Styes */

#gallerypage {
	border: 4px solid black;
}
#gallerypage th {
	border-bottom: 3px solid black;
	font-size: 20px;
	font-weight: bold;
	background: rgb(255, 222, 134);
}

#gallerypage td {
	height: 50px;
	width: 50px;
}
/* Monthly Specials Styles */

#calendar_table {
	background-color: rgb(255, 222, 134); 
	border: 10px outset rgb(191, 191, 191);
 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 5px;
	width: 100%;

	-moz-box-shadow: -5px 5px 22px black;
	-webkit-box-shadow: -5px 5px 22px black;
	box-shadow: -5px 5px 22px black;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#calendar_head {
	color: rgb(255, 222, 134);
	letter-spacing: 5px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;

	background-color:black; 
	background: -o-linear-gradient(0deg, rgb(223, 29, 29), black, rgb(223, 29, 29));
	background: -ms-linear-gradient(0deg, rgb(223, 29, 29), black, rgb(223, 29, 29));
	background: -moz-linear-gradient(0deg, rgb(223, 29, 29), black, rgb(223, 29, 29));
	background: -webkit-linear-gradient(0deg, rgb(223, 29, 29), black, rgb(223, 29, 29)); 
	background: linear-gradient(0deg, rgb(223, 29, 29), black, rgb(223, 29, 29));
}

.calendar_weekdays {
	background-color: white;
	width: 14%; 
	font-size: 12px; 
	border-bottom: 3px solid gray;
}

.calendar_dates {
	text-align: left; 
	vertical-align: top;
	font-size: 9px;
	padding: 3px;
	border: 1px dotted white;
	background-color: white;
	height: 60px;
}

#calendar_today {
	font-weight: bold; 
	color: rgb(223,29,40); 
	background-color: ivory;
	border: 1px solid black;
}

#specials {
	color: white;
	background-color: rgb(255, 222, 134); 
	border: 2px solid black;
}

#specials h1 {
		font-weight: bold;
		font-size: 24px;
}

#specials h2 {
	font-weight: bold;
}

/*Footer Styles */

footer {

	background: rgb(255, 222, 134);
	font-style: italic;
}