@font-face {font-family: "Gentium Book Plus";
	src:url("../fonts/SIL/Gentium/GentiumBookPlus-Regular.woff2");
}
@font-face { font-family: "Ezra SIL";
	src:url("../fonts/SIL/Ezra/SILEOT.woff");
}
@font-face { font-family: "Andika";
	src:url("../fonts/SIL/Andika/Andika-Regular.woff2");
}
@font-face { font-family: "Inconsolata";
	src:url("../fonts/Inconsolata/Inconsolata-Regular.ttf");
}

table, td, th { border: /* thin solid grey; */ none; }

td, th
{
   vertical-align: top;
   max-width     : 500px;
   padding-top   : 0.0ex;
   padding-bottom: 0.0ex;
   padding-left  : 0.0em;
   padding-right : 0.0em;
}

th p { text-align: left; text-indent: 0.0em; }

p {
   font-family   : "Gentium Book Plus", serif;
   font-size     : 16px;

   text-align   : justify;
   text-indent  : 1.2em;

   margin-top   : 0.5ex;
   margin-bottom: 0.5ex;
   margin-left  : 0.0em;
   margin-right : 0.0em;

   padding-top   : 0.0ex;
   padding-bottom: 0.0ex;
   padding-left  : 0.0em;
   padding-right : 0.0em;
}

.original
{
/* Uncomment for unilingual spelling check */
/* visibility    : hidden; */
   font-family   : Andika, sans-serif;
   font-size     : 16px;
   padding-left  : 0.5em;
   padding-right : 0.75em;
}

.trnslatn
{
   font-family   : Andika, sans-serif;
   font-size     : 16px;
   padding-left  : 0.75em;
   padding-right : 0.5em;
}

.plain-comment
{
   font-family   : "Gentium Book Plus", serif;
   font-size     : 16px;
   max-width     : 650px;
   margin-left   : 0.50em;
   margin-right  : 0.50em;
}
.column-comment
{
   font-family   : "Gentium Book Plus", serif;
   font-size     : 16px;
   column-count  : 2;
   column-gap    : 1.25em;
   max-width     : 980px;
   margin-left   : 0.50em;
   margin-right  : 0.50em;
}

@media only screen and (max-width: 800px)
{
   .column-comment
   {
      column-count  : 1;
   }
}
