/* for safe colours, only use values: 0, 51, 102, 153, 170, 204, 255  */
* {
  font-family: /*"new century schoolbook", "Century Schoolbook",
    "Book Antiqua", "Bookman Old Style", "Bookman",*/ serif;
}
@font-face {
  font-family: "liturgy";
  src: local("liturgy"), url("http://www.romanliturgy.org/fonts.ttf");
}
BODY {
  color: rgb(70,35,10); /* brown-black */
  background: white;
  background-image: url("/texturepaper.png");
}
BODY.reverse {
  color: rgb(255,204,0); /* gold */
  font-weight: bold; 
  background-color: rgb(204,51,51); /* brown3 */
  background-image: url(/leatherred.png);
}
ADDRESS {font-style: italic;} /* this doesn't seem to work for each browser */

FONT.smaller A:hover {
  color: rgb(255,70,70) !important; 
  font-size: 10pt;
  font-weight: normal; 
  background: white;
  background-image: url(/texturepaperlight.png) !important;
  text-decoration: underline;
}
FONT.smaller A:link {
  color: rgb(204,51,51); /* brown3 */
  font-size: 10pt;
  font-weight: normal; 
  background: white;
  background-image: url("/texturepaper.png");
  text-decoration: underline;
}
FONT.smaller A:visited {
  color: rgb(204,51,51); /* brown3 */
  font-size: 10pt;
  font-weight: normal; 
  background: white;
  background-image: url("/texturepaper.png");
  text-decoration: underline;
}
FONT.smaller A:active {
  color: rgb(204,51,51); /* brown3 */
  font-size: 10pt;
  font-weight: normal; 
  background: white;
  background-image: url("/texturepaper.png");
  text-decoration: underline;
}

BODY A:hover {
  color: rgb(255,70,70) !important; 
  background: white;
  background-image: url(/texturepaperlight.png) !important;
  text-decoration: underline;
}
BODY A:link, BODY A:visited, BODY A:active {
  color: rgb(204,51,51); /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
  text-decoration: underline;
}
A:hover IMG, A:link IMG, A:visited IMG, A:active IMG {
  border-style: none;
  background-image: url(/texturepaper.png);
}

BODY.reverse A:hover {
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em;
  color: rgb(255,204,102) !important; /* light goldenrod */
  background-image: url(/leathergreenlight.png) !important;
  background-color: rgb(51,170,51) !important; /* forrest green (safe) */
  text-decoration: underline !important;
}
BODY.reverse A:link {
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em;
  color: rgb(255,204,0); /* gold */
  background-image: url(/leathergreen.png);
  background-color: rgb(0,51,0) !important; /* dark green */
  text-decoration: none;
}
BODY.reverse A:visited {
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em;
  color: rgb(255,204,0); /* gold */
  background-image: url(/leathergreen.png);
  background-color: rgb(0,51,0) !important; /* dark green */
  text-decoration: none;
}
BODY.reverse A:active {
  font-weight: bold;
  padding: 0.1em 0.5em 0.2em;
  color: rgb(255,204,0); /* gold */
  background-image: url(/leathergreen.png);
  background-color: rgb(0,51,0) !important; /* dark green */
  text-decoration: none;
}

H1 {
  max-width: 35em;
  font-size: 42pt;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}
H2 {
  max-width: 35em;
  font-size: 36pt;
  font-weight: normal;
  text-align: center;
}
H2 I {
  max-width: 35em;
  font-size: 36pt;
  font-style: italic;
  font-weight: normal;
  text-align: center;
}
H3 {
  max-width: 35em;
  font-size: 30pt;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
H4 {
  max-width: 35em;
  padding: 1em 0em;
  margin: 0em;
  font-size: 24pt;
  font-variant : small-caps;
  text-align: center;
}
H4.ruber {
  max-width: 35em;
  padding: 1em 0em;
  margin: 0em;
  font-size: 24pt;
  font-variant : small-caps;
  text-align: center;
  color: rgb(204,51,51); /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
}
H5 {
  margin-left: auto;
  margin-right: auto;
  max-width: 35em;
  font-size: 18pt;
}
H6 {
  margin-left: auto;
  margin-right: auto;
  max-width: 35em;
  font-size: 16pt;
  font-style: italic;
  color: rgb(204,51,51); /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
}
H6 I {
  margin-left: auto;
  margin-right: auto;
  max-width: 35em;
  font-size: 16pt;
  font-style: normal;
  color: rgb(204,51,51); /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
}
H6.min {
  margin-left: auto;
  margin-right: auto;
  max-width: 35em;
  font-size: 16pt;
  font-style: italic;
  color: rgb(204,51,51); /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
}
FONT.main {
  color: rgb(70,35,10); /* brown-black */
  background: white;
  background-image: url("/texturepaper.png");
}
FONT.chapter {
  font-size: 16pt;
}
FONT.number {
  color: rgb(204,51,51); /* brown3 */
  font-weight: bold;
  background: white;
  background-image: url("/texturepaper.png");
}
FONT.liturgy {
  color: rgb(204,51,51); /* brown3 */
  font-family: "liturgy", "new century schoolbook", "Century Schoolbook",
    "Book Antiqua", "Bookman Old Style", "Bookman", serif;
  background: white;
  background-image: url("/texturepaper.png");
}
FONT.versus {
  color: rgb(204,51,51); /* brown3 */
  font-size: 8pt;
  vertical-align: super;
  background: white;
  background-image: url("/texturepaper.png");
}
SUP {
  vertical-align: super;
  font-size: 8pt;
}
TABLE {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
TABLE.border {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 1px solid black;
}
TABLE.text {
  margin-left: auto;
  margin-right: auto;
  width: 35em;
}
TABLE.text TD {
  vertical-align: baseline;
  padding: 0pt;
  border: 0pt;
  margin: 0pt;
}
TABLE.text TR {
  padding: 0pt;
  border: 0pt;
  margin: 0pt;
}
TH {
  vertical-align: baseline;
  padding: 1em;
  border: 1px solid black;
}
TD {
  vertical-align: baseline;
  padding: 1em;
  border: 1px solid black;
}
TD.green {
  margin: 0pt;
  width: 100px;
  vertical-align: baseline;
  padding: 1em;
  border: 1px solid black;
}
TD.redborder {
  vertical-align: baseline;
  padding: 1em;
  border: 1px solid rgb(204,51,51); /* brown3 */;
}
TD.noborder, TH.noborder {
  vertical-align: baseline;
  padding: 0pt;
  border: 0pt;
}
TABLE.green {
  margin-left: auto; 
  margin-right: auto; 
  width: 120px;
  color: rgb(255,204,0); /* gold */
  background-color: rgb(204,51,51); /* brown3 */
  background-image: url(/leatherred.png);
  border-width: 2px;
}
TR.green {
  width: 120px;
  color: rgb(255,204,0); /* gold */
  background-color: rgb(0,66,0); /* dark green */
  background-image: url(/leathergreen.png);
}
TD.green {
  color: rgb(255,204,0); /* gold */
  text-align: center;
  padding: 5px;
  border: none;
  background-color: rgb(0,66,0); /* dark green */
  background-image: url(/leathergreen.png);
}
PRE {
  font-family: "lucidatypewriter", "courier new", "courier", monospace;
}
PRE.in {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  min-width: 35em;
  font-size: 10pt;
  background: white;
  font-family: "lucidatypewriter", "courier new", "courier", monospace;
  color: green;
}
PRE.out {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  min-width: 35em;
  font-size: 10pt;
  background: white;
  font-family: "lucidatypewriter", "courier new", "courier", monospace;
  font-weight: normal;
  color: rgb(170,51,51); /* approx. firebrick */
}
P {
  width: 35em;
  padding: 0em 0em 0.5em 0em;
  margin-bottom: 0em;
  margin-top: 0em;
  font-size: 12pt;
}
P I, P CITE {
  width: 35em;
  padding: 0em 0em 0.5em 0em;
  font-size: 12pt;
  font-style: italic;
}
TABLE.white-centered {
  color: rgb(70,35,10); /* brown-black */
  background-color: white;
  margin-right: auto;
  margin-left: auto;
  
}
P.red {
  width: 140px;
  margin: 10px;
  text-align: center;
  font-style: italic;
}
P.question {
  width: 35em;
  font-weight: bold;
}
P.sidenote {
  color: rgb(204,51,51); /* brown3 */
  font-size: 10pt;
  padding-left: 1em;
  width: 15em;
}
P.sidenote I {
  font-size: 10pt;
  font-style: italic;
}
/* Next pseudo-type not yet accepted by all browsers */
P.dropcap:first-letter { 
  font-size: 30pt;
  float: left;
  color: rgb(204,51,51);  /* brown3 */
  background: white;
  background-image: url("/texturepaper.png");
}
DIV {
  margin-left: auto;
  margin-right: auto;
  width: 35em;
  padding: 0em 0em 0.5em 2.5em;
  font-size: 12pt;
}
DIR {
  font-size: 12pt;
  color: rgb(70,35,10); /* brown-black */
  background: white;
  background-image: url("/texturepaper.png");
}
DIR I {
  font-size: 12pt;
  color: rgb(70,35,10); /* brown-black */
  font-style: italic;
  background: white;
  background-image: url("/texturepaper.png");
}
LI {
  width: 35em;
  color: rgb(70,35,10); /* brown-black */
  font-size: 12pt;
  background: white;
  background-image: url("/texturepaper.png");
}
LI I {
  width: 35em;
  color: rgb(70,35,10); /* brown-black */
  font-style: italic;
  font-size: 12pt;
  background: white;
  background-image: url("/texturepaper.png");
}
UL {
  width: 35em;
  color: rgb(70,35,10); /* brown-black */
  background: white;
  background-image: url("/texturepaper.png");
}
HR {
  width: 35em;
  padding-left: 0em;
  background: white;
  background-image: url("/texturepaper.png");
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-bottom-color: rgb(204,51,51);  /* brown3 */
  border-bottom-width: thin;
}

IMG.videolink {
  margin-top: 6pt;
  margin-right: 30px;
  border: 1px solid rgb(204,51,51);  /* brown3 */
}
/* specific styles for romanliturgy format */

/* BLOCK elements */

/* font sizes */
.titulum {
  font-size: 20pt;
}
.subtitulum {
  font-size: 17pt;
}
.formula, .para, .pars, .pars-minor, .thema {
  font-size: 12pt;
}
.rubrica, .rubrica-in-medio, .variationes, .variationis-titulum {
  font-size: 10pt;
}

/* colors */
.formula, .para, .pars, .subtitulum, .titulum {
  color: rgb(70,35,10); /* brown-black */
}
.pars-minor, .rubrica, .rubrica-in-medio, .thema, .variationis-titulum {
  color: rgb(204,51,51);  /* brown3 */
}

/* text-align */
.pars-minor, .thema, .titulum, .subtitulum, .variationis-titulum {
  /* text-align: center; // text-align seems to be buggy */
}

/* font-weights */
.pars, .variationis-titulum {
  font-weight: bold;
}

/* font-variants */
.formula {
  font-variant: small-caps;
}

/* text-transforms */
.pars-minor, .subtitulum, .titulum {
  text-transform: uppercase;
}
/* font-styles */
.cursiva {
  font-style: italic;
}

/* IN-LINE elements */
.ruber {
  color: rgb(204,51,51); /* brown3 */
}
.niger {
  color: rgb(70,35,10); /* brown-black */
}