/* CSS Document */

body {
font: san-serif;
color: #ffffff;
background-color:#000000;
width: 800px;
margin-left: 20%;
}

.phead {
   font-size: 24pt;   
   border-bottom: thick double #ffffff;
}



#main {
text-align: justify;    
margin: auto;
}

#icons {
text-align: center;      
}

#footer {
vertical-align: middle;
}

.faves {
   font-size: 24pt;   
   border-bottom: thick double #ffffff;
}


#nav {
background-color: #000000;
color: #ffffff;
vertical-align: middle;
border-top: thick double #ffffff;
border-bottom: thick double #ffffff;
}

a:link {
color: #ffffff;
}

a:visited {
color: #ffffff;
}

/*TOP NAV BAR*/

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #335429;
  border-bottom: thick double #ffffff;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: #335429;}

ul.topnav li.right {float: right;}


/* SOCIAL MEDIA STARTS HERE */
ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}