body {
   background-color: lightblue;
}
header {
}
header > h1 {
   position: relative;
   left: 2%;
   margin: 0.25em;
   float: left;
   color: white;
   z-index: 1;
}
header > h1 > a {
   text-decoration: none;
   color: white;
}

/* Site Navigation */
nav#site {
   position: relative;
   background-color: darkblue;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
nav#site > ul {
   display: flex;
   padding: 0;
   margin: 0;
   margin-right: 12em;
   justify-content: right;
}
nav#site ul li {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.dropdown:hover .dropdown-content, .dropdown-content:hover {
   display: block;
}

.dropdown-content {
   display: none;
   position: absolute;
   background-color: darkblue;
   top: 50px;
   z-index: 1;
   padding: 0px;
   box-shadow: 4px 4px 16px #008080;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

nav#site ul li a {
   padding: 0.875em 0.625em;
   margin: 5px;
   text-decoration: none;
   display: block;
   color: white;
   position: relative;
}

div#body-section {
   font-size: 16px; /* Reference value for em measures*/
}

/*Posts navigation settings */
nav#posts {
   position: absolute;
   overflow: auto;
   left: 0.5em;
   width: 12em;
   top: 4.05em;
   height: 35em;
   max-height: 35em;
   background-color: steelblue;
   border-bottom-left-radius: 10px;
   text-align: center;
   padding: 0;
   margin: 0;
}
nav#posts ul {
   padding: 0;
   margin: 0;
}
nav#posts ul li#selected {
   background-color: #008080;
   border-radius: 10px;
}
nav#posts ul li a {
   display: block;
   padding: 0.875em 0.625em;
   margin: 0;
   overflow: hidden;
   text-decoration: none;
   color: white;
}
main {
   position: absolute;
   left: 12.5em;
   right: 0.5em;
   top: 4.05em;
   height: 35em;
   float: right;
}
div#file {
   background-color: white;
   overflow: auto;
   padding: 0.5em;
   padding-left: 20px;
   height: 34em;
   max-height: 34em;
   border-bottom-right-radius: 10px;
}
div#file a {
   text-decoration: none;
}

footer {
   position: absolute;
   top: 40em;
   height: 2em;
}
footer > p {
   position: static;
   text-align: center;
   margin: auto;
}