﻿body {
  font-size: 100%;
  font-family:"Arial",san-serif;
  color:black;
  background-color:WhiteSmoke;
  }

/*headings*/	
h1 {
  text-align:left;
  color:darkmagenta;
  font-size:1.6em;
  }
h2 {
  color:black;
  font-size:1.4em;
  text-transform:uppercase;
  }
h3 {
  font-size:1.3em;
  font-weight:bold;
  color:darkmagenta;
  text-align:center;
  }
h4 {
  font-size:1.2em;
  font-weight:normal;
  text-align:left;
  }
h5{
  font-size:1.1em;
  font-weight:normal;
  text-align: center;
  }
h6{
  font-size:0.9em;
  font-weight:normal;
  }
p {
  font-weight:normal
  }

/*header and footer*/	
header, 
footer {
  background-color:Thistle; 
  padding:0.5em;
  }
footer {
  border-top: 5px saddlebrown; 
  text-align:center;
  clear:both;
  }

  

/*main content*/	
section {
  padding:0em 2em 1em 2em;
  width: 95%;
  border-left: white;
  }
section p {
  text-indent: 1em; 
  line-height:2;
  }
section ul {
  list-style-type:square;
  }
/*booklistpage text with purple background*/
div {
  background-color:thistle;
  text-decoration:none;
  font-size:1em;
  padding: 5px;
  }
/*contacts table*/	
table {
  width: 75%;
  border-collapse: collapse;
  padding: 0.5em;
margin-left: auto;
  margin-right: auto;
  }
th {
  font-weight: normal;
  font-style: italic;
  }
th,
td {
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px #533f1c;
  }

/*image gallery*/	
.img-gal {
  margin:15px;
  border:1px solid lightgray;
  width:222px;
  height:310px;
  display: inline-block;
  background-color:white;
  }
.img-gal:hover {
  border:1px #533f1c;
  font-weight:bold;
  }
.img-title {
  padding:5px;
  text-align:center;
  font-weight:bold;
  }
.img-author {
  text-align:center;
  }
.img-desc {
  padding:5px;
  text-align:left;
  font-size:0.7em;
  }
.cntrhorz {
  text-align:center;
  }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.centerheader {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

img {
  border:5px solid #533f1c;
  }

/*navigation*/	
nav {
  background-color:thistle;
  text-decoration:none;
  text-align:center;
  font-size:1.25em;
  border-bottom: 10px solid gold;
  }
nav ul {
  margin:0;
  padding:0;
  list-style-type:none;
  }
nav li {
  display:inline-block;
  padding: 0.5em 0em;}
nav a {
  text-decoration:none;
  padding: 0.52em 0.7em;
  color: DarkMagenta
  }
nav a:hover:not(.nav-active) {
  background-color: lightgoldenrodyellow;
  border-radius: 15px 15px 0 0;
  }
nav a.nav-active {
  color: White;
  }
.nav-active {
  background-color: #533f1c;
  border-radius: 15px 15px 0 0;
  }	
/*sub-navigation*/	
.booklists {
  background-color: white;
  }
.booklist-active {
  background-color: gold;
  border: 2px solid gold;
  }
.booklistnav {
  background-color:thistle;
  text-decoration:none;
  text-align:center;
  font-size:1.25em;
  }


/*blog*/


.blog {	
  background-color:white;
  border:2px solid darkmagenta;	
  border-radius: 5px;
  padding: 5px;
  }