`/*
   New Perspectives on HTML and CSS
   Final Project

   AMC Tickets Style Sheet
   Author: David Lucas
   Date:   November 6, 2015

   Filename:         tkts.css
   Supporting Files: starwarstakeover.png

*/

/* Display HTML5 structural elements as blocks */

article, aside, figure, figcaption, footer, hgroup, header, 
section, nav {
   display: block;
}

/* Set the default page element styles */

body * {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 100%;
   font-weight: inherit;
   line-height: 1.2em;
   list-style: none;
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   vertical-align: baseline;
   
}

/* Body Styles */
body {
   width: 95%;
   min-width: 900px;
   max-width: 1000px;
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
   font-size: 16px;
   margin: 0px auto;
   position: relative;
   border-left: 1px solid blue;
   border-right: 1px solid blue;
   background: url(https://lorenzobeanx.files.wordpress.com/2013/06/starwarstakeover.png);
}

/* Header styles */

header {
	float: left;
   width: 100%;

   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;

   background-color: rgb(255, 255, 255);
   border-bottom: 1px solid blue;
}

header img {
   display: block;
   float: left;
   width: 35%;
}

header article {
   /*float: left;*/
   text-align: center;
   width: 70%;
}

/* Section styles */

section {
   clear: left;
   width: 100%;
}

section h1 {
	text-align: left;
	padding: 10px;
	color: black;
}

section p {
   color: white;
   margin-left: 60px;
   padding-top: 20px;
}

/* Footer Styles */
footer {
   clear: left;
   margin-left: 20%;
   width: 65%;
   border-top: 1px #F7FE2E;
   padding-bottom: 20px;
}

footer nav ul li {
   display:  block;
   float:  left;
   width: 16%;
   text-align: center;
}

footer nav ul  li a {
   color: #F7FE2E;
   font-size: 0.7em;
}