body {
  background-color: #311;
  color: #fff;
  font-family: sans-serif;
}

a:link {
  color: #f33;
}

a:visited {
  color: #f55;
}

.figure {
  text-align: left;
  background-color: #fff; 
  width: 800px;
  font-size: 18px;
  color: #000;
  padding: 1em;
}

div.figure {
  background-color:#fff;
  border: solid;
  border-width: 5px;
  border-color: #594b31; /*65*/
  border-color: #a68c5c; /*35*/
  border-radius: 2px;
}

body {
  background-color: #080808;
  color: #eee;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

a {
  text-decoration: none;
}

a:link, a:visited {
  color: #d00;
}

body,html{
  height : 100%;
  width : 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}
body{
  margin : 0px;
  /*border: 10px solid #333; /* you can choose here whatever size and whichever color you like*/
}

div.nav {
  background-color: #222;
  background-color: #907b78;
  background-color: #403523; /*75*/
  background-color: #332b1c; /*80*/
  background-color: #2e2619; /*82*/
  background-color: #292216; /*84*/
  background-color: #2b2418; /*83*/
  background-color: #262015; /*85*/
  color: #ccc;
  padding: 0;
  margin: 0;
}

div.fignav {
  margin: -1em;
}

.grad2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,333333+50,505050+100 */
background: rgb(40,40,40); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(40,40,40,1) 0%, rgba(51,51,51,1) 50%, rgba(80,80,80,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(40,40,40,1) 0%,rgba(51,51,51,1) 50%,rgba(80,80,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(40,40,40,1) 0%,rgba(51,51,51,1) 50%,rgba(80,80,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#505050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.grad3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,333333+50,444444+100 */
background: rgb(34,34,34); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(34,34,34,1) 0%, rgba(51,51,51,1) 50%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(34,34,34,1) 0%,rgba(51,51,51,1) 50%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(34,34,34,1) 0%,rgba(51,51,51,1) 50%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.grad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#440000+0,770000+100 */
background: rgb(68,0,0); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(68,0,0,1) 0%, rgba(119,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(68,0,0,1) 0%,rgba(119,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(68,0,0,1) 0%,rgba(119,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#440000', endColorstr='#770000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.nav > .button {
  padding: 1em;
}

td.navbar-title {
  width:400px;
  /*font-style: italic;*/
  color:#aaa;
  text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000;
  font-family: "Cinzel Decorative", "Julius Sans One", courier;
  line-height:140%;
  padding:20px 0 10px 0;
}

td.fignavbar-title {
  /*font-style: italic;*/
  color:#aaa;
  text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000;
  font-family: "Cinzel Decorative", "Julius Sans One", courier;
  line-height: 95%;
  padding:20px 0 10px 0;
}

td.allFigures, .imgborder {
  background-color:#fff;
  border: solid;
  border-width: 3px;
  border-color: #594b31; /*65*/
  border-color: #a68c5c; /*35*/
  border-radius: 2px;
}

table.allFigures {
  border-spacing: 6px;
  border-collapse: separate;
}

td.figex {
  text-align: center;
}

.navbar-subtitle {
  font-family: "Open Sans", sans-serif;
  line-height:100%;
  margin-top:-2ex;
}

td.navbar {
  width: 120px;
  text-align: center;
  padding: 1ex;
  font-family: "Cinzel Decorative", "Julius Sans One", sans-serif;
  font-weight:400;
  font-size:22px;
}

table.navbar {
  padding: 0;
  margin: 0;
}

.navbar > a:link, .navbar > a:visited {
  color:#ccc;
}

.navbar > a:hover {
  color:#a00;
}

.Header {
   background-color: red;
   padding-left: 30px;
}
.Header > div {
   background-color: blue;
   padding-right: 30px;
}
.Header > div > div {
   background: green;
   padding: 0;
   height: 30px;
}

hr {
  margin: 2em 0;
  border-color:#800 ;
}

td.quote {
 vertical-align: top;
 width: 800px;
}

td.quote-citation {
  vertical-align: top;
}

p.quote {
 font-size: 24px;
}

th.author, td.author {
  width: 266px;
  vertical-align: top;
  padding: 1ex;
}

img.quote {
  float:left;
  width: 65px;
  border: solid;
  border-width: 3px;
  border-color: #594b31; /*65*/
  border-radius: 2px;
  margin-right: 1em;
}

th.author > img {
  width: 200px;
  border: solid;
  border-width: 7.5px;
  border-color: #a00;
  border-color: #262015; /*85*/
  border-color: #594b31; /*65*/
  border-radius: 2px;
}

img.cover {
  margin-right:20px;

  border:solid;
  border-width:4px;
  border-color:#000;

  border: solid;
  border-width: 5px;
  border-color: #a00;
  border-color: #594b31; /*65*/
  border-color: #262015; /*85*/
  border-radius: 2px;
}

hr {
  width: 600px;
}

span.chapter {
  color:#594b31;
  font-weight:900;
  font-style: italic;
}

th.chapter, td.chapter {
  width: 500px;
  padding-left: 1ex;
  padding-right: 1ex;
}

th.chapter {
  vertical-align: bottom;
  color: #ccac71; /*20*/
  color: #ad9260; /*32*/
  color: #b39663; /*30*/
  color: #a68c5c; /*35*/
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 0.5ex;
}

td.chapter {
  vertical-align: top;
  padding-bottom: 1em;
}

b {
  color: #b39663; /*30*/
}

table.retailer {
  width: 780px;
}

th.retailer {
  vertical-align: top;
  text-align: center;
  font-size: 36px;
  width: 250px;
}

td.retailer-sub {
  vertical-align: top;
  text-align: center;
  font-size: 14px;
}

td.retailer {
  vertical-align: top;
  text-align: left;
  padding: 0 1em;
  font-size:16px;
}