@import url(thelemista-standard.css);
@import url(thelemista-sidebar.css);
@import url(popup.css);

div#mass{
	float: right;
	width: 30%;
	margin: 1em 0 0.5em 8px;
	padding: 4px;
	border: 1px solid #cc6;
	background: transparent url(../Images/Backgrounds/li-backdrop.png) top left repeat;
}
div#mass-details {
	margin-top: 0.5em;
}
div#mass-details p {
	margin-left: 2em;
}
div#mass-details p#dinner-details {
	margin: 4px 2px;
	font-size: smaller;
}
div.botl_quote,
div#botl_quote {
	float: left;
	padding: 3px;
	width: 30%;
	margin: 1.5em 5px 8px 0;
	border: thin solid #FC1;
	font-family: cursive;
	font-size: smaller;
	line-height: 1.5em;
	color: #ff6;
	background: transparent url(../Images/Backgrounds/li-backdrop.png) top left repeat;
}
div#end-matter {
	float: left;
	width: 100%;
}
div#rant {
	display: none;
}
div#random-quote {
	float: left;
	width: 90%;
	clear: both;
	font-size: smaller;
	font-family: sans-serif;
	padding: 3px 1em;
	border: 1px solid #cc6;
}

div#news-display {
	float: left;
	clear: both;
	border-top: 1px solid #933;
	border-left: 1px solid #933;
	border-bottom: 2px solid #633;
	border-right: 2px solid #633;
	background: transparent url(../Images/Backgrounds/li-backdrop.png) top left repeat;
}
div.news-item {
	float: left;
	clear: both;
	width: 100%;
	margin: 0.5em 1em;
	font-size: smaller;
	line-height: 1.4em;
}
div.news-item div.date,
div.news-item div.time,
div.news-item div.item {
	float: left;
}
div.news-item div.date {
	width: 10em;
	padding-right: 4px;
}
div.news-item div.time {
	width: 6em;
	padding-right: 4px;
}
div.news-item div.item {
	width: 40em;
}
div#resh-list {
	clear: left;
	float: left;
	width: 17em;
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}
div#resh-list div.time {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
}
div#resh-list div.time div.t {
	float: left;
	width: 6em;
	padding-right: 6px;
	text-align: right;
}

div.label {
	float: left;
	clear: left;
	width: 15%;
	text-align: right;
	padding-right: 8px;
}
div.value {
	float: left;
	width: 80%;
}

div.label img {
	display: inline;
	vertical-align: middle;
}

div.content-block {
	width: 100%;
	clear: both;
	margin-top: 0.5em;
}

div.dl-box {
	float: left;
	width: 100%;
}
div.dl-img {
	float: left;
	clear: left;
	width: 200px;
	margin-right: 10px;
}
div.dl-img img {
	display: block;
	margin: 10px auto;
}
div.dl-notes {
	float: left;
    width: 50%;
	padding-top: 10px;
}

a.lbox	{ font-style: normal; font-family: sans-serif; font-size: x-small; }
a.lbox:link, a.lbox:visited {
	color: #DD0; background-color: #833; text-decoration: none;
	border: thin solid #990;
	padding: 1px;
}
a.lbox:hover, a.lbox:active { color: white; background-color: black; }


.bordered {
	padding: 2px;
	border: thin solid #603;
	margin: 0 4px;
}
.padded {
	padding: 3px;
	margin: 0 4px;
}
.filled {
	color: yellow; background-color: #833;
}
.note {
	padding: 2px 8px;
	border: thin solid #F83;
	margin: 4px;
}

.rtside {
	float: right; clear: right;
	padding: 5px; margin: 6px 0 1em 0.5em;
	border: thin solid #FC1;
	width: 30%;
	background: transparent url(../Images/Backgrounds/li-backdrop.png) top left repeat;
}

.lfside {
	float: left; clear: left;
	padding: 4px; margin: 6px 1em 1em 0;
	border: thin solid #FF3;
	width: 30%;
	background: transparent url(../Images/Backgrounds/li-backdrop.png) top left repeat;
}

q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

.footnote {
  font-size: 12px;
  color: #ff6;
  background-color: #833;
  text-decoration: none;
  position: absolute;
  z-index: 20;
  visibility: hidden;
  top: 0px; 
  left: 0px;
  border-top: 1px solid #c69;
  border-left: 1px solid #c69;
  border-bottom: 2px solid #603;
  border-right: 2px solid #603;
  padding: 3px;
}
.footnote dl {
  margin: 0;
  padding: 0; 
}
.footnote dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.footnote dd {
  margin-left: 5px;
  margin-bottom: 0.5em;
}

span.callout  { font-size: x-small; font-family: sans-serif; color: #CC0; background-color: black; }
span.callout a:link,
span.callout a:visited { color: #CC0; background-color: black; text-decoration: underline; }
span.callout a:active,
span.callout a:hover { color: black; background-color: #CC0; }

span.pdf { font-family: fixed; font-size: x-small; color: white; }

.standout {
	font-style: normal; font-weight: normal; font-variant: small-caps;
	line-height: 1.2em;
	text-align: center; vertical-align: middle;
	border-top: 1px solid #933;
	border-left: 1px solid #933;
	border-bottom: 1px solid #633;
	border-right: 1px solid #633;
	color: yellow; background-color: #722;
	margin-left: 2em; margin-right: 2em;
}

div.standout {
	clear: both;
}

div.v1 {
	clear: both; width: 100%;
	color: yellow; background-color: #CD5E5E;
	padding: 2px 5px;
	border: thin solid #DD0;
	margin: 0 0 0 1em;
}
div.v_id  { float: left; clear: left; width: 5%; }
div.spacer { width: 100%; clear: both; }
div.symbol { float: left; }
div.link_block {
	float: left;
	min-width: 10%;
	margin: 0.5em 0 0.5em 2em;
	font-size: smaller;
	font-family: sans-serif;
}
div.body-section,
div.link-section {
	float: left;
	clear: both;
	width: 100%;
}
div.link-section {
	margin: 0.5em 0;
	font-size: smaller;
	font-family: sans-serif;
	background-color: #833;
	color: yellow;
}
div.link-section a {
	float: left;
	padding: 3px 1em;
}
div.link-elem {
	float: left;
	width: 12em;
	padding-right: 8px;
}
div.link-back {
	font-size: smaller;
}
div.narrow {
	max-width: 40em;
	margin: 0 auto;
	padding: 4px 1em;
}
div.column2 {
	float: left;
	max-width: 48%;
	padding: 4px 8px 4px 2em;
	margin: 4px;
}

div.poem-block {
	width: 23em;
	margin-left: 10%;
	background: transparent url(../Images/quote-r.gif) 100% 100% no-repeat;
}
blockquote {
	width: 90%; margin-left: auto; margin-right: auto;
	background: transparent url(../Images/quote-r.gif) 100% 100% no-repeat;
}
blockquote.a {
	border: 1px solid #DD0;
	padding: 4px 8px;
	background: transparent url(../Images/quote-r.gif) 99% 95% no-repeat;
}
div.poem-block p,
blockquote p {
	background: transparent url(../Images/quote-l.gif) 0 0 no-repeat;
	padding-left: 30px;
	margin-bottom: 0;
}
blockquote p.ra {
	text-align: right;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0.8em;
	margin-right: 4em;
}
div.hebrew-verse {
	float: left;
	clear: left;
	width: 75%;
	margin: 1em auto;
	text-align: right;
	vertical-align: top;
	direction: rtl;
}
div.language_list {
	float: right;
	clear: both;
	width: 80%;
	vertical-align: middle;
}
div.language_item {
	float: right;
	margin: 2px 8px;
}
div.hebrew {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
	vertical-align: top;
	direction: rtl;
	font-size: larger;
	line-height: 1.2em;
}
div.team-date,
div.team-mbr {
	width: 24%;
	height: 1.5em;
	float: left;
	border-bottom: 1px solid black;
	margin-bottom: 2px;
}
div.team-date {
	text-align: right;
	padding-right: 1em;
}
div.team-mbr {
	text-align: left;
}
div.team-hdr {
	width: 100%;
	float: left;
	font-weight: bold;
}
div.team-hdr div.team-date {
	text-align: center;
}

ul.submenu-list li {
	list-style-image: url(../Images/star-arrow);
}

.dialog,
.intro {
	padding-left: 3em;
}
.dialog,
.intro {
	text-indent: -3em;
}
.dirinstr span,
.dialog span,
.dialog2 span {
	font-variant: small-caps;
	font-weight: bold;
}
.dialog2 {
	padding-left: 2em;
}

table.ch { margin-left: auto; margin-right: auto; width: 90%; }
td.ctr   { text-align: center; vertical-align: middle; }
th.ctr   { text-align: center; vertical-align: middle; }

.ra   { text-align: right; }
.lf { float: left; clear: left; margin-right: 1em; }
.rt { float: right; clear: right; margin-left: 1em; }
.lalign { float: left; margin: 0.5em; text-align: center; }
.ralign { float: right; margin: 0.5em; text-align: center; }
.spacer { clear: both; margin-left: 0; margin-right: 0; }

.narrow { margin-left: 5%; margin-right: 5%; }
hr.sep { display: block; width: 50%; margin: 0 auto; }
.footnote img,
li     { margin-bottom: 0.5em; }
li.img { margin-bottom: 1.5em; }
pre { display: inline; font-family: Courier, monospace; }
ul.arrow	{ list-style-image: url(../Images/nextarr.gif); }
ul.arrow li	{ margin-bottom: 5px; }
th        { text-align: left; vertical-align: top; }
.big	  { font-size: x-large; }
.small	  { font-size: smaller; font-family: sans-serif; }
.ul { text-decoration: underline; }
td.stage  { text-align: center; color: red; }

/* Formatting for Rites scripts */
.officer span { font-weight: bold; }
.direct { width: 70%; font-style: italic; }
.instruct { width: 80%; margin: 5px auto; padding: 4px 1em; border: 1px solid #833; }
.dirinstr {
	width: 70%;
	font-style: italic;
	margin: 8px auto;
	clear: both;
	border-top: 1px solid #866;
	border-bottom: 1px solid #866;
}
.actor { width: 10em; margin-top: 0.8em; font-weight: bold; }
.poetry,
.dialog { width: 90%; padding-left: 2em; }
.poetry { white-space: pre; }
.ed_note { font-family: monospace; margin: 0 auto; width: 80%; }
.ed_note span { font-family: monospace; padding: 1px 3px; border: 1px solid #833; }
span.author { padding-left: 2em; }