/*
      Website Design
      Final Project
*/



/* Default Styles */
header {
   text-align: center;
}

h1 {
   font-size: 98%;
}

#logo {
   width: 38%;
}


nav.top {
   margin-top: -3px;
}

nav.top ul {
   height: 20px;
   background-color: rgb(9, 51, 153);
}

nav.top ul li {
   padding: 0px;
   float: left; 
   width: 12.5%; 
   line-height: 20px;
   height: 20px; 
}

nav.top ul li a {
   display: block; 
   text-align: center;
   width: 100%; 
   font-size: 15px; 
   text-decoration: none; 
   color: white;
}

nav.top ul li:hover {
   background-color: rgb(171, 171, 231);
   background-color: rgba(255, 255, 255, 0.4);

}

nav.left {
   float: left;
   padding-left: 5px;
   border: 2px solid rgb(171, 171, 231);
   width: 17%;
   margin-bottom: 15px;

}

footer {
   clear: both;
   padding-top: 8px;
   border-top: solid 3px black;
   margin-top: 30px;
   text-align: center;
}

article {
   margin-left: 8px;
   width: 40%;
   float: left;
}

#romance{
    text-align:center;
    margin: auto;
}
#romance a{
    margin:0px 20px;
    display:inline-block;
    text-decoration:none;
    color:black;
}