body {
  background-color: #EFF0FF;
  color: #000000;
  margin: 8px;
}
table {
  /* prevent font boosting on mobile devices: http://qaru.site/questions/62500/chrome-on-android-resizes-font */
  max-height: 999999px;
}
.light {
  color: #A0A0A0;
}
.interlocutor {color: #800000;}
.interlocutor blockquote {color: #000000;}
.interlocutor blockquote .interlocutor {color: #800000;}
.no_top_margin {
  margin-top: 0px;
}
.no_bottom_margin {
  margin-bottom: 0px;
}
blockquote blockquote {
  font-size: smaller;
}
blockquote blockquote blockquote {
  font-size: 100%;
}
.text_on_image, .text_on_image_serif {
  font-size: 16px;
} /* - important when the text is placed via position:absolute over some image */
.text_on_image {
  font-family: sans-serif;
}
.text_on_image_serif {
  font-family: serif;
}
a:link {color: #0000FF;}
a:visited {color: #800080;}
a:active {color: #FF0000;}
.translation {font-size: smaller}

#top_addthis {
  float: right;
}
#top_addthis:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
#content {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  padding: 16px;
}
#bottom_menu {
  /* prevent font boosting on mobile devices: http://qaru.site/questions/62500/chrome-on-android-resizes-font */
  max-height: 999999px;
  font-size: smaller;
}
#ad_bottom_counters {
  margin-top: 8px;
  width: 70%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 18px; /* precisely under right bottom corner of #content */
}
#ad_top {
  width: 732px; /* guarantees that several wide ads cannot be placed in one line on a very wide screen */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}
#ad_bottom {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-bottom: 8px;
}
.forward_back_nav {
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: sans-serif;
  font-size: smaller;
}
.forward_back_nav a {
  text-decoration: none;
}
.back_link {
  display: block;
  float: left;
  text-align: right;
  width: 38%;
}
.top_link {
  display: block;
  float: left;
  text-align: center;
  width: 20%;
}
.forward_link {
  display: block;
  float: left;
  text-align: left;
  width: 38%;
}
ul.directory, ol.directory, li.directory {
  list-style-type: disc;
}
ul.subdirectory, ol.subdirectory, li.subdirectory {
  list-style-type: circle;
}
li.none {
  list-style-type: none;
}
a.ref {
  /* vertical-align: super; */
  text-decoration: none;
}
a.footnote {
  position: relative;
  top: -5px;
  font-size: smaller;
  text-decoration: none;
  padding-left: 3px;
}
.footnotes {
  font-size: smaller;
}
.footnote_return_to_text {
  margin-top: -0.5em;
  float: right;
}
.footnote_return_to_text a {
  font-family: sans-serif;
  font-size: smaller;
  text-decoration: none;
}
.img_center {
  text-align: center;
}
.epigraph {
  width: 45%;
  margin-left: auto;
  margin-bottom: 0px;
  font-size: smaller;
}
.epigraph_hebrew {
  width: 45%;
  margin-left: auto;
  text-align: right;
}
.epigraph_hebrew b {
  font-size: 120%;
}
.epigraph_source {
  width: 40%;
  margin-top: 5px;
  margin-left: auto;
  font-size: smaller;
  font-style: italic;
  text-align: right;
}
.epigraph_rtl {
  width: 45%;
  margin-right: auto;
  font-size: smaller;
}
.epigraph_source_rtl {
  width: 40%;
  margin-right: auto;
  font-size: smaller;
  font-style: italic;
  text-align: left;
}
.illustration_left {
  float: left;
  font-size: smaller;
  text-align: center;
  padding: 0.5em 1em 0.5em 0;
}
.illustration_right {
  float: right;
  font-size: smaller;
  text-align: center;
  padding: 0.5em 0 1em 0.5em;
}
.illustration_inline {
  display: inline-block;
  font-size: smaller;
  text-align: center;
  padding: 0.5em;
}
.temporary_remarks {
  display: none;
}
.clearer {
  clear: both;
}
.no_wrap {
  white-space: nowrap; 
}