body {
  font-size: 14px;
  font-family: sans; text-align: center;
  background-color: ivory;}
div.content { width: 100%; text-align: center;}
p { font-size: 14px; text-align: left; }

a.metakey {
  white-space: nowrap; color: blue;
  text-decoration: none;}
a.metakey:hover {
  white-space: nowrap; color: blue;
  text-decoration: underline;}

div.narrative_body {
  text-align: left; margin-right: 8px;}
div.narrative_body em {
  color: green;}
div.narrative_body p {
  font-size: 14px; max-width: 60em;
  margin-right: 24px;}

span.links { padding-right: 8px;}
span.links span.label { color: purple; }
span.links a { color: blue;}

span.bpr { color: red;}
span.bpg { color: green;}
span.bpb { color: blue;}
span.bpo { color: darkorange;}
span.bpp { color: purple;}
img.diamond { padding-right: 6px; padding-left: 4px;}

span.core { font-weight: bold; }
span.subtree { font-size: 75%; }

sub.langids {
  color: purple;}

h1 { color: purple; text-align: left; font-family: sans-serif,sans;}

span.tagblock {
  padding-right: 10px; font-weight: normal;
  font-size: 10px; font-family: sans-serif;}
span.tagblock a { text-decoration: none; color:  black;}
span.tagblock a:hover { text-decoration: underline; color: blue;}
span.tagblock a.site {
  font-weight: bold; padding-right: 6px;}
span.tagblock a.sitename {
  font-weight: bold; padding-right: 6px;}
span.tagblock img {
  border: 0px;}
span.tagblock .hideshow { padding-left: 12px; font-size: 12px;}
span.site {
  font-size: 10px; font-style: italic;}

span.tagblockhead { white-space: nowrap; }

div#sidebar div.verse {
  text-align: left; width: 100%;}
div#sidebar div.verse div.hang {
  margin-left: 18px; margin-right: 6px;
  text-indent: -10px;}

div.verse div.cite {
  text-align: right; font-size: 85%;}

div.cite a {
  text-decoration: none; color: purple;}

div.footer {
  margin-top: 18px; margin-bottom: 8px; border-top: solid 1px purple;
  font-family: sans,sans-serif; font-size: 80%; clear:both;
  text-align: center;}

div.scrollhead {
  background-color: rgb(200,200,255);
  padding: 6px; margin-bottom: 12px;}
div.scrollhead span.scrolling { font-weight: bold; float: right; }
div.scrollhead span.subhead {
  font-weight: bold; font-size: 150%; font-family: sans,sans-serif;}
div.scrollhead span.base {font-family: fixed;}

a.scrolltick {
  color: blue;
  text-decoration: none;}
a.scrolltick:hover { text-decoration: underline;}
span.scrolling a.scrolltick
 { font-weight: normal;
   padding-right: 4px; padding-left: 4px;}

div.searchbar {
  background-color: silver;
  text-align: right; font-size: 16px;}
.searchtick { padding-left: 8px; padding-right: 8px; color: black;}
a.searchtick { font-weight: bold; }
div.searchbar a { text-decoration: none; }

div.urlitems { margin-top: 12px; }

div.urlitem {
  font-family: sans-serif; margin-right: 40px;
  margin-bottom: 12px; padding-top: 4px; border-top: solid purple 2px;}
div.urlitem a.title {
  text-decoration: none; font-size: 150%; font-weight: bold;
  vertical-align: top;}

div.urlitem span.tag a { text-decoration: none; }
div.urlitem span.tag {white-space: nowrap; }

div.etc { font-size: 10px; font-family: fixed;}
div.etc div.item {
  margin-left: 32px; text-indent: -32px;}
div.etc div.item span.head {
  font-weight: bold;}

span.bmm {
 color: rgb(255,0,0);}
span.bme {
 color: rgb(228,100,17);}
span.bmt {
 color: darkgreen;}
span.bma {
 color: rgb(0,0,255);}

a.showinlang { float: right;}
a.showinlang img { border: none;}

div.gloss_field div.gloss {
  font-style: italic; margin-left: 18px; margin-right: 36px;
  margin-bottom: 8px;}

a.tagsum { color: blue; font-size: 200%; }
a.tagsum img {
  padding-left: 3px; padding-right: 3px;}

.tag { padding-right: 5px; }
.tag img { border: none; }