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

body  {
	font-family: sans-serif; line-height: 1.3em;
	padding-left: 2em; padding-right: 2em;
	margin: 0;
}

@media screen {
  body {
	color: #ff6;
	background: #CD5E5E url(/Images/babalon-hex.jpg) top left fixed repeat;
  }
  div.chapter_display {
	background: #CD5E5E;
  }
  .this {
	background-color: #882E2E;
  }
}
@media print {
  body {
	color: black;
	background-color: white;
  }
  h1,h2,h3 { page-break-after: avoid; page-break-inside: avoid; }
  p,td { page-break-inside: avoid; }
  div#footer { display: none; }
}

div#main-body-content {
	float: right;
	width: 78%;
}
div#sidebar-menu-top-level {
	float: left;
	clear: left;
	padding: 0;
	width: 20%;
}

div#footer {
	float: right;
	clear: both;
	width: 80%;
	margin-top: 1em;
	border-top: 1px solid #ff6;
	padding-top: 0.5em;
}
div.link_block {
	float: left;
	max-width: 50%;
	font-size: smaller;
}
div#validator-info {
	float: right;
	max-width: 20%;
}

h1,h2,h3  { text-align: center; line-height: 1.2em; }

h2.title {
	letter-spacing: 0.2em;
	margin-top: 2em;
}

a:link, a:visited { color: yellow; background-color: transparent; text-decoration: underline; }
a:active, a:hover { color: white; background-color: transparent; }

table  { margin-left: auto; margin-right: auto; }
td.ctr { text-align: center; vertical-align: middle; }
th.ctr { text-align: center; vertical-align: middle; }
img    { border-style: none; }

.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 #ff0; border-bottom: 1px solid #ff0;
	color: yellow; background-color: #833;
	margin-left: 2em; margin-right: 2em;
}

ol {
	clear: left;
	margin-left: 5%;
}

p.actor {
	float: left;
	clear: left;
	max-width: 30%;
	margin: 1em 0 0.2em 0;
	font-weight: bold;
	font-size: larger;
	font-variant: small-caps;
}
p.author {
	text-align: center;
	font-style: italic;
}
p.poetry,
p.dialog {
	clear: left;
	margin: 0.2em 0 0.7em 5%;
}
p.poetry {
	white-space: pre;
}
p.instruct {
	margin: 1em 5% 1em 8em;
	clear: both;
	white-space: pre;
	font-style: italic;
}
p.direct {
	max-width: 40%;
	margin: 1em 0 0.2em 0;
	padding-left: 6em;
	float: left;
	white-space: pre;
	font-style: italic;
}
p.officer {
	clear: left;
	margin-left: 2em;
	text-indent: -2em;
}
p.direct span,
p.instruct span,
p.officer span {
	font-variant: small-caps;
	font-weight: bold;
}
p.instruct em,
p.instruct cite {
	font-style: normal;
}
p.hebrew {
	direction: rtl;
	unicode-bidi: bidi-override;
	font-size: larger;
	margin: 0.3em 4em;
}
p.title {
	font-variant: small-caps;
	font-size: larger;
	text-align: center;
	letter-spacing: 0.2em;
	margin-top: 2em;
	border-top: 1px solid #660;
	border-bottom: 1px solid #660;
}
p.ed_note {
	max-width: 50%;
	clear: both;
	margin: 0.5em auto;
	border: 1px solid black;
	padding: 3px;
	font-size: smaller;
}

th.sol     { background-color: #F3E008; color: black; }
th.mercury { background-color: #980DC4; }
th.venus   { background-color: #648117; }
th.luna    { background-color: #F3F4F0; color: black; }
th.mars    { background-color: #B7062D; }
th.saturn  { background-color: black; }
th.jupiter { background-color: #00237F; }

th.sol a		{ color: black; }
th.mercury a	{ color: yellow;  }
th.venus a		{ color: #ccc; }
th.luna a		{ color: black; }
th.mars a		{ color: white; }
th.saturn a		{ color: yellow; }
th.jupiter a	{ color: white; }

th.sol a,
th.mercury a,
th.venus a,
th.luna a,
th.mars a,
th.saturn a,
th.jupiter a {
	padding: 3px;
}

th.sol a:hover,
th.mercury a:hover,
th.venus a:hover,
th.luna a:hover,
th.mars a:hover,
th.saturn a:hover,
th.jupiter a:hover {
	color: #0f0;
	background-color: #030;
	padding: 3px;
}

.popup {
  color: #611;
  background-color: #EEC;
}