body {
  font-family: sans-serif;
  background-color: black;
  color: peru;
}

body.gallery {
  font-family: sans-serif;
  background-color: white;
  color: black;
}

.center { text-align: center }

div.content { padding: 0.5em }

div.banner { position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 120px;
  width: 100%;
  background-color: saddlebrown;
  border-bottom: medium khaki solid;
  background-image: url("site/yolosunflowers.jpg");
  overflow:hidden
  /* border: 1px solid red;  diagnostic */
}

div.mast { position: absolute;
  top: 120px;
  left: 0px;
  width: 25%;
  bottom: 80%;
  /* border: 1px solid red;  diagnostic */
}

div.branding
 { position: absolute;
  top: 80%;
  left: 0px;
  width: 25%;
  bottom: 0px;
  font-size: 75%
  /* border: 1px solid red;  diagnostic */
}
div.body { position: absolute;
  top: 120px;
  left: 25%;
  right: 0%;
  /* bottom: 0px;
  overflow: auto */
  /* border: 1px solid red;  diagnostic */
}

body.gallery div.body, body.gallery div.mast {
  top: 0px; }

body.gallery div.mast, body.gallery div.branding { width: 150px }

body.gallery div.body { left: 150px }

h1 { margin-top: 0em;
  font-size: 110% }

h2.title { margin-top: 0.5em;
  font-size: 90% }

h1.image-title { margin-top: 0.5em }

p.help { font-size: 80%; margin-top: 0.25em; margin-bottom: 0em }

p.hint { font-size: 80%; margin-top: 0.25em; margin-bottom: 0em;
  text-align: right; vertical-align: top }

h4.info { font-size: 90%; font-weight: bold; margin-top: 0em; margin-bottom: 0.5em }

p.line { margin-top:0em;
  margin-bottom: 0em;
  margin-left: 2em;
  text-indent: -2em }

span.title { font-style:italic;
  font-weight: bold }

div.panel {
  margin-top: 1em;
  width: 70%;
  border: none;
  padding: 0em;
  margin-left: 0em;

  
  /* text-align:center;
  margin-left: auto;
  margin-right: auto */ }

div.image-panel {
  overflow: display;
  text-align: center;
  width: 520px;
  margin-left: auto;
  margin-right: auto
 }

div.image-block { overflow: display;
  margin-left: auto;
  margin-right: auto
 }

div.link-buttons {
  position: absolute;
  top: 3em;
  width: 60px;
  left: 520px }

div.panel-links {
  margin-top: 50px;
  font-size: 80%;
  font-family: sans-serif }

div.inset-quote {
  padding: 0.5em;
  font-family: serif;
  font-style: italic;
  font-size: 85%;
  background-color: peru;
  color: black;
  border: medium groove saddlebrown
}

div.inset-quote p.byline {
  font-style: normal;
  font-size: 90%;
  text-align: right;
  margin: 0em;
}

div.mast h2,
div.mast h3,
div.mast h4 { margin: 0em }

dl {margin-top:0px }

dl.toc { margin-top:50px;
  font-family:  sans-serif;
  font-family: 120% }

dl dl { margin-left: 1em; }

dt { margin-top: 0.25em }

dl.toc dt { margin-top: 0.5em }
 
img { border: none }

div.price-panel { font-size: 80%;
  margin-top: 0.5em; margin-bottom: 0.5em }

div.price-panel h5 { margin: 0 }

div.price-panel table { border-collapse: collapse;
   margin-top: 0.5em; margin-bottom: 0.5em}

div.price-panel td { border-top: thin solid black;
  padding-left: 1em; padding-right: 1em }

// a img.artwork { border: thin solid black }

// a img.artwork:hover { border: thin solid peru }

a { color: khaki;
  text-decoration: none }

a:hover { text-decoration: underline }

body.gallery a { color: saddlebrown }