/*
  Bluebonnet Sewing

  Filename: sewing.css
  Author: Rachal Simmons
  Date: 3/8/2016

*/


/* Display HTML5 structural elements as blocks */

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


/*Default Page Element Styles */

body * {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  vertical-align: baseline;

}


/* Body Styles */

body {
  width: 70%;
  min-width: 950px;
  max-height: 1400px;
  background-image: url(bluepat.jpg);
  background-repeat: repeat;
  font-family: Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-size: 13px;
  margin: 0px auto;
  position: relative;

}

div{
  background-color: white;
  width: 950px;
  border-left: 1px solid #ED9C55;
  border-right: 1px solid #ED9C55;
  margin: 0px auto;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

  -moz-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
  -webkit-box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;
  box-shadow: rgba(0,0,0,0.6) 10px 10px 15px;

}

/* Header Styles */


header {
  width: 100%;
  background-color: white;
}


header h1{
  color: gray;
  font-size: 45px;
  font-family: "Hobo Std", "Lucida Handwriting", serif;
  text-align: center;
}


/* Navigation List Styles */

nav {
  float: left;
  width: 15%;
  margin: 2% 4px 4px 5px;


}

nav li {
   display: block;
   width: 100%;
   height: 35px;
   margin-left: 2px;
   margin-bottom: 6px;
   background-color: #996699;


}

nav li a {
   display: block;
   line-height: 25px;
   text-align: center;
   color: black;
   font-size: 15px;
   font-family: "century gothic";
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;

}

nav li a:hover {
   background-image: url(bluepat.jpg);
   opacity: 0.8;
}

nav li a:visited {
  color: #ED9C55;
}


/* Section Styles */

section {
  width: 75%;
  margin: 2% 10px 10px 2%;
  padding-left: 20px;
  float: left;
  font-size: 1.3em;
}

section article h1{
  background-color: #006699;
  width: 100%;
  height: 40px;
  text-align: right;
  color: black;
  font-family: Georgia;
  font-size: 20px;
  margin: 1px 1px 4px 0px;
  padding: 10px 2px 0px 0px;
}


section a {
	color: #ED9C55;
	text-decoration: none;
}

section a:hover {
	color:black;
}

section a:visited {
	color: #ED9C55;
}

section a:hover:visited {
	color: black;
}

/* Footer Styles */

footer {
	margin: 0px auto;
	padding: 10px;
	width: 87%;
	float: center;
	clear: both;
	text-align: center;
	background-color: #983265;
	font-size: 0.95em;
}

/* Table Styles */

table.hours {
	background-color: rgb(178, 71, 124);
	border: 2px double white;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	width: 65%;
	margin: 0px auto;
	float: center;
	
}

table.hours thead tr{
	height: 30px;
}

table.hours thead th {
	padding: 5px;
	vertical-align: top;

}

table.hours th, table.hours td {
	border: 1px solid white;
}

 table.hours tbody tr {
	 height: 25px;
 }
 
 table.hours tbody td {
	 padding: 5px;
	 vertical-align: top;
 }

 
 /* Image styles */
 
 	 img {
       -moz-border-radius: 15px;
       -webkit-border-radius: 15px;
       border-radius: 15px;

      -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px;
      -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px;
      box-shadow: rgba(0,0,0,0.6) 5px 5px 10px;
      }