/* Style sheet for "American Children's Periodicals, 1789-1872," compiled by
Pat Pflieger and available online at merrycoz.org
*/

/*This was a nice color
background: #cdbe70
*/

body {
  margin:0;
  padding:0 0 0 165px;
  overflow:auto;
  background: #dfd07d;
  color: #110b07;
  font-family: serif;
 }

.leftcolumn {
  position:absolute;
  top:0;
  left:0;
  width:145px;
  height:100%;
  background: #648e19;
  border-right:3px solid #c09d40;
  text-align: center;
 }

.thisone {
  color: #efe195;
  font-size: 20px;
 }

.leftcolumn a:link {
  margin-left: 5px;
  text-decoration:none;
  display:block; width:130px; height:30px; text-align: center;
  border: 1px solid #efe195;
  padding-bottom: 1px;
  color: #c09d40;
  font-size: 20px;
}

.leftcolumn a:visited {
  margin-left: 5px;
  text-decoration:none;
  display:block; width:126px; height:30px; text-align: center;
  border: 1px solid #c09d40;
  padding-bottom: 1px;
  color: #efe195;
  font-size: 20px;
}

.leftcolumn a:hover {
  color: #60371c;
  background: #efe195;
 }

 @media screen{
  body>div#left-side{
   position:fixed;
  }
 }
 * html body{
  overflow:auto;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

.content {
  margin:0;
  padding:0 15px 0 0;
  height:100%;
  overflow:auto;
  background: #dfd07d;
 }

.content a:link {
  background: url(bib/urlbrown.gif) repeat-x 100% 100%;
  text-decoration:none;
  padding-bottom: 3px;
  white-space: wrap;
  color: #60371c;
 }

.content a:link:hover {
  color: #ffffff;
  background: #648319;
 }

.content p {
  margin-top: 0;
  margin-left: 2em;
 }

.caps {
  font-variant: small-caps;
 }

h1 {
  background: url(bib/wavybar.gif) no-repeat center;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40%;
  height: 5px;
  width: 264px;
 }

h5 {
  background: url(bib/wavy2.gif) no-repeat center;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 45%;
  height: 5px;
  width: 144px;
 }

#left {
  float: left;
  position: relative;
  width: 45%;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
 }

#mid {
  margin-bottom: 10px;
  text-align: center;
 }

#right {
  float: right;
  position: relative;
  width: 45%;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
 }

#clear {
  clear: both;
 }

.bottom {
  text-align: center;
 }

.bottom td {
  text-align: center;
  vertical-align: top;
 }

.bottom a:link {
  background: #dfd07d;
  text-decoration:underline;
  color: #60371c;
 }

.bottom a:visited {
  background: #dfd07d;
  text-decoration:none;
  color: #60371c;
 }

.bottom a:hover {
  color: #ffffff;
  background: #648319;
 }