/*
   New Perspectives on HTML and CSS
   Tutorial 5
   Tutorial Case

   Tables Style Sheet
   Author: Amy Gravely
   Date: 03/16/2016  

   Filename:         tables.css
   Supporting Files: 

*/

/* body styles */

body {
	margin: 0px auto;
	padding: 10px;
	line-height: 1.5em;
	width: 98%;
	max-width: 1600px;
	min-width: 250px;
	font-family: Arnoldboecklin, fantasy;
	background-color: rgb(192,192,192)
}

/* style for Ghost vapor header */

header {
	display: block;
	margin: 10px;
	text-align: center;
	width: 100%;
}

/* style for nav list*/

nav ul {
  display: inline;
    width: 50px;
    height: 10px;
    margin: 100px;
    border: no border;
}

/* section style */
section {
	background-color: lightgrey;
        width: 75%;
        padding: 100px;
        border: no border;
        margin: 100px;
}


/* style for section element */
section h3 {
	text-align: center;
	color: #1aff1a;
	background-color: black;
}

/* styles for p element */

p img {
	width: 200px;
	height: 200px;
	float: left;
}


/*style of table*/

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
	float: no float;
	margin: 5px;
	width: 40%;
}
th, td {
    padding: 5px;
	margin: 5px;
	background-color: #4d4dff;
}
th {
	height: 25px;
	text-align: left;
	color: #1aff1a;
	letter-spacing: 2px;
}


/* Style for Footer*/

footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    max-width: 90%;
  padding:5px;
	margin: 60px; 
}