.highlight { background: green; color: white }
a .highlight { color: white}
.highlight a { color: white;}

.cxs { font-family: monospace; }

.subsection { padding-left: 1em; border-top: 1px solid black; border-bottom: 1px solid black }

.note em { font-style: normal; }

.defn, span.species { font-style: italic; }
blockquote p q { font-style: italic; }

:lang(gem-common) { font-style: italic; }
:lang(de) { font-style: italic; }
:lang(x-af), :lang(x-mnf), :lang(de) { font-style: italic; }
p :lang(gem-common):before , dt :lang(gem-common):before , dd :lang(gem-common):before { content: "*"; }

q  { quotes: "\2018" "\2019" }
q q  { quotes: "\201C" "\201D" "\2018" "\2019" }

body {
  /*background: rgb(229, 229, 247);
  /*background: rgb(0, 0, 150);*/
  margin: 0;
}

#header {
   position: relative;
   top: 0;
   margin: 0;
   left: 0;
   width: 100%;
   height: 100px;
   background: URL(http://zsau.firespeaker.org/images/gradient) repeat-x;
}

#header h1 a, 
#header h1 {
display: none;
   color: rgb(0, 0, 0);
   text-decoration: none;
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-size: 200%;
   position: absolute;
   top: 0mm;
   width: 780px;
   line-height: 22mm;
   margin: 0;
   padding: 0mm 0 04mm 0;
}

#header #description {
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-style: italic;
   font-size: 90%;
   text-align: right;
   position: absolute;
   width: 100%;
   bottom: 0;
   display: none;
}

#content {
   /*border-top: solid black 1px ;
   border-right: solid black 1px ; */
   position: absolute;
   right: 16em;
   left: 3mm;
	/*padding-left: auto;
	margin-left: auto;
	margin-right: auto;
   width: 28em; */
}

.centre {
background: RGB(200,100,0);
	}

h2, h3, h4, h5 {
   margin: 0;
   padding: 1em 0 0 0;
}

thead, th {
   font-weight: bold;
}

td, th {
   text-align: center;
}

h3 {
   font-size: 120%;
   font-weight: bold;
}

h4 {
   font-size: 100%;
   font-weight: bold;
}

h5 {
   font-size: 100%;
   font-weight: normal;
   font-style: italic;
}

#content ul {
   padding-top: 0;
   margin-top: 0;
}

 #content dl.actors dd {
   line-height: 150%;
   text-align: justify;
   padding: 0 3mm 0 5em;
   margin: 0 0  0;
}

#content dl.actors dt {
  font-size: 1.5ex;
  text-transform: uppercase;
  display: run-in;
  }

#content dl.actors dt:first-letter {
  font-size: 120%; 
  }

#content dl.actors dt:after {
  content: ':';
}



 #content ul li {
   line-height: 150%;
   text-align: justify;
   padding: 0 3mm 0 3mm;
   margin: 0;
}
#content p {
   line-height: 150%;
   text-align: justify;
   padding-left: 3mm ;
   padding-right: 3mm ;
   margin-left: 0;
   margin-bottom: 0;
   margin-right: 0;
   word-break-inside: hyphenate;
}

#sidebar p { margin: 0; padding: 0}

#content h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
   padding-top: 0;
   margin-top: 0;
   }

p + p {
   text-indent: 2em;
   padding-top: 0;
   margin-top: 0;
}

#content caption {
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3mm;
   font-weight: bold;
}

#content table.interlinear {
   overflow: auto;
   width: auto;
   border-top: none;
   border-bottom: none;
   margin-left: 3mm;
   margin-right: 3mm;
   table-layout: fixed;

   font-family: serif;
}
#content table.interlinear caption {
   text-align: left;
   margin-left: 0;
   padding-left: 3mm;
   font-family: serif;
   }
#content table.interlinear td {
   text-align: left;
}
#content table.interlinear tr.phonemic td {
   font-style: normal;
}

#content table {
  overflow: auto;
   /*width: 100%;*/
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-size: 90%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 3mm;
   border-top: solid black 1mm;
   border-bottom: solid black 1mm;
}
#content table td, #content table th {
   padding-left: 0.5ex;
   padding-right: 0.5ex;
}


.orth:before {
	content: "\2039";
}

.orth:after {
	content: "\203A";
}

#sidebar {
   top: 7em; 
   position: absolute;
   height: 100%;
   right: 0;
   width: 16em;
   border-top: solid black 1px;
   text-align: right;
}

#sidebar h2 {
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-size: 4mm;
   font-weight: normal;
   margin: 0;
   padding: 1mm 5mm 1mm 0;
   border-right: solid rgb(0, 0, 0) 2.5mm;
   border-top: solid rgb(0, 0, 0) 1px;
}

#sidebar ul, #sidebar ol {
   margin: 0 0 0 0;
   padding: 0;
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-size: 3.5mm;
}

#sidebar ul {
   font-weight: bold;
}

#sidebar ul li, #sidebar ol li {
   list-style-type: none;
   display: block;
}

#sidebar ul li em { font-style: normal; }

#sidebar ul li ul li ul li a, #sidebar ol li ol li ol li a {
   text-decoration: none;
   display: block;
   color: rgb(00, 00, 0);
   padding-right:  10mm; 
   border-right: solid rgb(0, 0, 0) 10mm;
}
#sidebar ul li ul li ul li a:hover, 
#sidebar ol li ol li ol li a:hover {
   border-right: solid green 10mm;
}
#sidebar ul li ul li ul li a:hover:visited, 
#sidebar ol li ol li ol li a:hover:visited {
   border-right: solid red 10mm;
}

#sidebar ul li ul li a, #sidebar ol li ol li a {
   text-decoration: none;
   display: block;
   color: rgb(00, 00, 0);
   padding-right: 7.5mm ;
   border-right: solid rgb(0, 0, 0) 7.5mm;
}
#sidebar ul li ul li a:hover, 
#sidebar ol li ol li a:hover {
   border-right: solid green 7.5mm;
}
#sidebar ul li ul li a:hover:visited, 
#sidebar ol li ol li a:hover:visited {
   border-right: solid red 7.5mm;
}

.a {
   color: rgb(0, 0, 0);
}

#sidebar ul li a, #sidebar ol li a,
#sidebar ol li .a, #sidebar ul li .a {
   text-decoration: none;
   display: block;
   padding: 1px 5mm 1mm 0;
   border-right: solid rgb(0, 0, 0) 5mm;
   font-weight: normal;
}
#sidebar ul li a, #sidebar ol li a {
   color: rgb(00, 00, 0);
   font-weight: bold;
   /*border-top: solid rgb(229, 229, 247) 1px;
   padding-top: -1px;*/
   /*border-top: solid white 1px;*/
}

#sidebar ul li a:hover, 
#sidebar ol li a:hover {
   border-right: solid green 5mm;
   border-top: solid green 1px;
   color: green;
   margin-top: -1px;
}

#sidebar ul li a:hover:visited, 
#sidebar ol li a:hover:visited {
   border-right: solid red 5mm;
   border-top: solid red 1px;
   color: red
}

#content [href] {
   color: green;
}

#content [href]:visited {
   color: red;
}



#sidebar a img {
   border: none;
}

#sidebar .calendar caption a{
   text-decoration: none;
   }

#sidebar .calendar caption a + a + a {
   }

.calendar table thead {
   border-bottom: 1pt solid #000031;
   font-weight: bold;
   color: #310000;
}
.calendar table tbody th { 
   font-weight: bold; 
   text-align: left;
   color: #310000;
}
#sidebar table tbody {
   border-top: 2pt solid #310000;
}
table tbody {
   border-top: 2pt solid #000031;
}
.calendar table {
   width: 62mm; 
}

.calendar table td a[href] { 
   font-weight: bold; 
}

#sidebar table {
   font-size: 85%;
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   text-align: center;
   padding: 0 4mm 0 0;
   margin-right: 0;
   margin-left: auto;
 /*  position: relative;
   right: 0; */
   border-right: solid black 2.5mm;
}
#sidebar table caption {
   text-align: right;
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
   font-size: 4mm;
   font-weight: bold;
   margin-right: 0 ;
   margin-left: auto;
   padding: 0 5mm 0 0;
   border-right: solid black 2.5mm;
}

#sidebar form {
   padding: 0 5mm 1ex 0;
   border-right: solid black 2.5mm;
   margin: 0;
}
#sidebar form p {
   text-align: right;
   font-size: 90%;
   font-family: "Bitstream Vera Sans", verdana, sans-serif;
}

#sidebar .attr {
   font-size: 80%;
}

p.verse  {
   font-size-adjust: 0.58;
   text-indent: 0;
   padding: 12pt 2cm 12pt 2cm;
   text-align: left;
}

.stanza {
   padding-top: 12pt;
}

.indent {
   padding-left: 4em;
}
   

.editorial:before {
   content: "[";
   font-style: normal;
}

.editorial:after {
   content: "]";
   font-style: normal;
}

:lang(la), :lang(eu) {
   font-style: italic
}

span:lang(fr) {
   font-style: italic
}

.phonemicnb {
   font-family: Gentium, "Arial Unicode", serif;
   font-style: normal;
}
.phonemic {
   font-family: Gentium, "Arial Unicode", serif;
   font-style: normal;
}

.phonemic:lang(x-af) {
   font-style: normal;
}

.phonemic:before, .phonemic:after {
   content: "/";
}

.movie, .tv, .book, .fact, .booktitle, .journal, .newspaper {
   font-style: italic
}

p.citeformat {
   text-indent: 0;
   padding-top: 12pt;
   font-size: 87%;
}

p.citeformat cite {
   font-style: normal
}

.article:before {
   content: "\2018";
}

.article:after {
   content: "\2019";
}

.uri:before {
   content: "\2039";
}

.uri:after {
   content: "\203A";
}

h4.boring  {
   font-size: 100%;
   font-weight: normal;
}

#content li {
   text-align: justify;
   font-size: 95%;
}



p.ss { float: left; }


span.side { display: none; }

ol.ly { list-style-type: none; }

.comments-body { 
	border: 1px solid black;
	margin: 2px;
	padding: 2px;
	}

.footer {
	font-size: 80%;
	font-family: sans-serif;
	font-style: italic;
	border-top: 1px solid black;

}

#design {
	position: relative;
	bottom: 0;
}

[href] { color: green; }

div.section { padding-top: 1em; }

div.section + div.section p:first-child:first-letter 
        {       
	font-size: 320%;
	font-weight: bold;
	float: left;
	margin-top: 0;
																	        }

.sc, .fw { font-size: 1.5ex; text-transform: uppercase; }


pre { overflow: auto; }

ul.convo { list-style: none inside; }
ul.convo li.new:before { content: '\2014'; }

.note { font-style: italic; }

#content a img {
margin-right: auto; 
margin-left: auto;
border-left: none;
border-right: none;
}

#content p.inimage {
text-indent: 0;
text-align: center; }

.parh { font-weight: bold; }

#content blockquote .attr { 
   text-align: right;
   text-indent: 0;
}

#content blockquote .attr:before { content: '\2014'; }

#content [title] { border-bottom: dotted 1px black; }


#content em + em:before 
#content em + em:after 
{content: '*'; }