@import url(thelemista.css);
/*@import url(thelemista-sidebar.css);*/

@media screen {
  .this {
	background-color: #882E2E;
  }
}
@media print {
  h1,h2,h3 { page-break-after: avoid; page-break-inside: avoid; }
  p,td { page-break-inside: avoid; }
}

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

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%;
}

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

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.dlg {
	clear: left;
	margin: 0.2em 0 0.7em 0;
}
p.poetry {
	white-space: pre;
}
p.instruct {
	margin: 1em 2em 1em 8em;
	clear: both;
	background: transparent url(../Images/shadow-11-pct) top left repeat;
	font-style: italic;
}
p.direct {
	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.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 {
	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;
}