body { font-family: sans-serif;color:#000000;background-color:#EBEBEF; }
a { text-decoration:none;color:#1F3D99; }
h1 { text-align:center;font-weight:500;font-family:'fanwood_text', serif; }

#wrapper { width:100%; clear:both; }
#leftside { width:100px; float:left; }
#rightside { width:275px; float:right; }
#center { overflow:hidden; }

#leftside a, a:visited { 
  font-size:80%; 
  display:block; 
  font-style:italic; 
  font-family:serif; 
}
#navigation { 
  text-align:center;
  margin:0px;
  padding:0em 2em;
  background-image: linear-gradient(to right, #EBEBEF, #FFFFFF 10%, #FFFFFF 90%, #EBEBEF);
}
#navigation a, a:visited { font-size:90%;font-style:italic;font-family:serif;}

#wordviewer-top {
  background-color:#4F466C;
  position:fixed;
  text-align:center;
  top:0px;
  right:0px;
  width:260px;
  height:50px;
  padding-left:1em;
  padding-right:1em;
  border-left:thin solid #000;
  border-right:thin solid #000;
}
#wordviewer-top a {
  color:#ECE8F7;
  font-family:'fanwood_text', serif;
}
#wordviewer {
  position:fixed;
  top:50px;
  right:0px;
  width:260px;
  border: thin solid #000;
  padding-left:1em;
  padding-right:1em;
  padding-bottom:1em;
  border-bottom-right-radius:1em;
  border-bottom-left-radius:1em;
  box-shadow: 5px 5px 5px #888888;
}

#wordviewer h2 {
  text-align:center;
  font-size:100%;
  padding-top:0;
}
#wordviewer h3 {
  padding-top:0;
  margin-top:0;
}
#wordviewer .info {
  font-size:90%;
  display:block;
}
#wordviewer .info .lab {
  color:#142966;
}
#wordviewer-bottom {
  position:fixed;
  text-align:center;
  padding-top:-1em;
  width:270px;
}
#text {
  padding: 0 2em;
}
p {
  display: block;
  clear:both;
  text-indent: 2em;
  margin: 10px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
/* metrical formatting */
.line {
  text-indent:0em;
  display: block;
  padding-left:4em;
}
.line:last-child {
  display: inline;
  padding-left:4em;
}
.line:only-child {
  display: inline;
  padding:0em;
}
/* .line:only-child:before { content: '\A      '; } */
.line .padabreak:after {
  content:"\a\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
  white-space:pre;
}
.line:last-child .padabreak:after {
  content:"\a\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
  white-space:pre;
}
span.mentioned, span.label, span.bold { font-weight: bold; }
span.mula { font-weight: bold; font-size:120%; padding-top:0.5em; display:block; }
span.example { color:#142966; }
span.appnote {
  font-style: normal;
}
a.person { font-weight:bold; }
.header, .label {
  display:block;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
}
.header.large {
  font-size:150%;
}
.wrapper .trailer {
  padding-left:0px;
}
.trailer {
  text-align:center;
  display:block;
  padding-left:15%;
  margin-bottom:20px;
  font-size:95%;
}
ul.horizontal { padding:1em 0px;margin:0px; }
ul.horizontal li {
  display:inline;
  text-align:center;
}
ul.horizontal li:not(:last-child):after {
  content: " • "
}
div.notes {
  font-family:'fanwood_text', serif;
}
.linebefore {
  border: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
