h1, h2, h3, h4 { font-weight: bold; }
h1 { 
  font-size: 130%; 
}
h2 { 
  font-size: 110%; 
}
body {
  font-family: sans-serif; 
  background-color: rgb(100,100,100); 
}
span.imagebox, span.viewbox { 
  display: inline-block; 
   
  text-align: left;
}
span.imagebox { width: 20ex; }
span.viewbox  { width: 50ex; }
div.main { 
  display: block;
  width: 800px; 
  position:relative; 
  border-width: 3px 3px 3px 3px; 
  border-color: rgb(0,0,0) ; 
  border-style: solid; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top: 0px; 
  margin-bottom: 0px;
  padding: 1em;
  background-color: rgb(220,220,220); 
  text-align: center;
  font-family: sans-serif; 
}
div.main p.date { font-weight: bold; margin-top: 0px; }
li {
  margin-top: 0.5ex;
}
p.pic {
  min-height:410px;
}
img { 
  border-width: 2px 2px 2px 2px; 
  border-color: rgb(0,0,0) ;
  border-style: solid; 
}
label.annotate {
  display: inline-block;
  width: 10ex;
  text-align: right;
}
textarea.annotate {
  width: 75ex;
  height: 20px;
}
input.date-input {
  width: 10ex;
}
input.aspect-ratio {
  width: 7ex;
}
.capline {
  margin-left: auto;
  margin-right: auto;
/*  border-style: solid;
  border-width: 1px; */
}
.count, .copy {
  width: 33%;
}
.count {
  text-align: right;
}
.copy {
  text-align: left;
}
.count, .copy, .buttons, .caption {
  border-style: solid;
  border-width: 0px;
}