/*
   New Perspectives on HTML and CSS
   Final Project

   Financials Page Style Sheet

   Filename:         finance.css
   Supporting files: 

*/

/* Default styles */
* {
   margin: 0px;
   padding: 0px;
}

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



/* Body styles */
body {
   font-size: 18px; 
   font-family: Verdana, Geneva, sans-serif;
   margin: 0px auto;
   width: 950px;
   background: url(https://lorenzobeanx.files.wordpress.com/2013/06/starwarstakeover.png);
   color: yellow;
}



/* Navigation list */

nav {
   position: relative;
   top: -60px;
   left: 200px;
}

nav ul li {
   background-color: rgb(153, 153, 255));
   border: 3px outset yellow;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;

   display: block;
   float: left;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   text-align: center;
   margin: 0px 5px;
   min-width: 60px;
   padding: 0px 10px;
}

nav ul li a {
   color: yellow;
   text-decoration: none;
}

nav ul li:hover {
   background-color: rgb(153, 153, 255);
}

/* Section styles */

section {
   clear: left;
}

section p {
   margin: 0px 0px 20px 10px;
}

section p b {
   color: red; 
   letter-spacing: 3px;
}



/* Footer and address styles */

footer {
   clear: both;
   padding-top: 20px;
}

footer address {
   border-top: 2px solid rgb(51, 204, 255);
   font-size: 10px;
   font-style: normal; 
   font-variant: small-caps; 
   text-align: center;
}