/*  ---------------------------------- Chapter 7 Hands-on 7.8 -------------------------  */
/* This here is the stylesheet for hands on 7.8. It's basically modifying how the page   */
/* will look when printed. It uses "Bistro.css" as a base to note!                       */ 

/* NOTE: I don't put much comments since nothing is really "new"                         */

*{

    box-sizing: border-box;
    
}


body
{

    background-color: #00005D;
    font-family: Verdana, Arial, sans-serif;

}


#wrapper
{

    margin: 0 auto;
    width: 80%;
    min-width: 940px;
    background-color: #B3C7E6;
    color: #000066;

}


header
{

    color: #000000; 
    font-size: 20pt;

}


nav
{

    display: none;

}


main
{

    font-family: "Times New Roman", serif; 
    font-size: 12pt;

}


footer
{

    font-size:70%;
    text-align: center;
    padding: 10px;
    background-color: #869DC7;
    clear: both;

}


h2
{

    color: #869DC7;
    font-family: arial, sans-serif;

}


#floatright
{

    float: right;
    margin: 10px;

}


nav ul
{

    list-style-type: none;
    margin: 0;
    padding: 0;

}


nav a
{

        text-decoration: none;
        padding: 20px;
        display: block;
        background-color:#B3C7E6;
        border-bottom: 1px solid #FFFFFF;

}


nav a:link 
{

    color: #FFFFFF; 

}


nav a:visited 
{

    color: #EAEAEA; 

}


nav a:hover 
{ 
    
    color: #869DC7;
    background-color: #EAEAEA; 

}