@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 3
   Coding Challenge 4

   Author: 
   Date:   
   
   Filename: code3-4.css

*/

body {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

ul {
   margin: 0;
   padding: 0;
}

li {
   list-style-type: none;
}

nav.horizontal {
   background-color:rgba(154,20,23,1.00);
   height: 30px;
}

nav.horizontal a {
   color: white;
}
nav.vertical ul {
   line-height: 2em;
}

article p {
   font-size: 1.2em;
   font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
aside ul li {
   margin: 15px 5px;
   background-color:rgba(229,129,131,1.00);
   padding: 5px;
}

a {
   text-decoration: none;
   color: rgb(101, 101, 101);
}

section div h1 {
   font-size: 1em;
   text-align: center;
   background-color:rgba(154,20,23,1.00);
   color: white;
   margin: 0;
}

section div {
   padding-bottom: 20px;
}
section div p {
   font-size: 0.9em;
   text-align: center;
}

section div p:last-of-type {
   font-size: 0.65em;
   text-align: right;
   color:rgba(154,20,23,1.00); 
}

aside h1 {
   text-align: center;
   font-size: 1.2em;
   font-weight: normal;
}

footer {
   text-align: center;
   color: white;
   font-size: 1em;
   height: 30px;
   line-height: 30px;
   
   background-color:rgba(154,20,23,1.00);   
}