/*****************************************************************
 * Lyr.css -- a styling guide for Ponies on Lyr. Version 2.8.    *
 *****************************************************************/
/* -------------------------------------------------------------------------------------------------
   Navigation lists */
nav, nav a {display:block;}
nav ul {margin:0; padding:0;}
#toc {margin-left:5%;}
nav ul li {
	width:18%;
	height:3em;
	text-align:center;
	list-style-type:none;
	float:left;
	margin:0.25em;	
	border:1px solid #444444;
	background-color:#FFFFAA;
	white-space:nowrap;
}
nav ul li.misc {display:block; width:94%; height:auto;}
nav ul li.misc a {display:inline;}
nav ul li ul li {
	height:auto;
	margin:1em auto 1em auto;
	display:inline;
	margin:0.25em;
	border:1px solid #444444;
	background-color:#FFFF88;
	white-space:nowrap;
	cursor:pointer;
}
nav ul[id^="spoiler"] li:hover,
#first:hover, .sectionfirst:hover, #prev:hover, #next:hover, .sectionlast:hover, #last:hover,
nav ul[id^="spoiler"] li:focus,
#first:focus, .sectionfirst:focus, #prev:focus, #next:focus, .sectionlast:focus, #last:focus {
	background-color:#FF6;
}
nav ul[id^="spoiler"] li {width:auto; height:auto; padding:0 3px;}
nav ul[id^="spoiler"] li:first-of-type {background:#FFAAAA; cursor:pointer;}
nav ul[id^="spoiler"] li:first-of-type:before {content:" × "; color:#FF0000;}
nav ul[id^="spoiler"] li:first-of-type:hover {background:#FF8888;}
nav ul[id^="spoiler"] li:first-of-type:active {background:#FF4444; color:white;}
nav ul[id^="spoiler"] li:first-of-type:active:before {content:" × "; color:#FFAAAA;}
/* -------------------------------------------------------------------------------------------------
   Letter styles */
@font-face {font-family:"Liberation Serif"; src:url("../SpecialFiles/LiberationSerif-Regular.ttf");}
@font-face {
	font-family:"Liberation Serif";
	src:url("../SpecialFiles/LiberationSerif-Bold.ttf");
	font-weight:700;
}
@font-face {
	font-family:"Liberation Serif";
	src:url("../SpecialFiles/LiberationSerif-Italic.ttf");
	font-style:italic;
}
@font-face {
	font-family:"Liberation Serif";
	src:url("../SpecialFiles/LiberationSerif-BoldItalic.ttf");
	font-style:italic;
	font-weight:700;
}
body {counter-reset:verse 70 superverse 30;}
.versed p {
	padding-left:3em;
	text-indent:0;
}
.versed p:before, .versed p.newsuperverse:before {
	font-weight:bold;
	font-size:90%;
	border:thin solid #888;
	color:#888;
	content:counter(superverse) counter(verse, armenian) " >";
	float:left;
	text-indent:0;
	font-family:"Everson Mono", monospace;
	padding:0 1px;
	position:relative;
	right:4em;
}
.firstwords {font-weight:bold; color:#444;}
.versed p:before {counter-increment:verse;}
.versed hr {
	counter-increment:superverse 2 verse -5;
	width:50%;
	border:1px solid;
}
audio,embed {width:100%;}
section {border-bottom:3px groove #AF2303;}
.bonuses {
	width:128px;
	border:1px solid #CCC;
	background:#FFF;
	height:32px;
	overflow:hidden;
	float:right;
	position:relative;
	bottom:3.25em;
}
.spoilercontrol {clear:right;}
i.lyrpeg, i.lyrpeg-ex {text-decoration:underline;}
.stanza {margin:1em auto;width:50%;text-indent:0;}
article p {
	text-align:justify;
	font-family:Cambria, Gentium, Georgia, "Liberation Serif", proportional;
	line-height:1.25;
}
header.return p {font-family:Times;text-align:right;text-indent:0;font-size:90%;}
#greet, .greet, footer.signatory {
	font-family:"Palatino Linotype", Georgia, proportional;
	border:none;
	text-align:left;
	text-indent:0;
	margin-left:15px;
	clear:left;
}
footer {border-top:2px groove #CCC;}
#footnotes{border:0; margin-top:1em; font-size:95%;}
#footnotes:before {
	content:"Footnotes:";
	color:#888;
	display:block;
	width:25%;
	border-top:1px solid #888;
}
#footnotes:hover:before{content:"註:";}
#footnotes:active:before{content:"f/n:";}
#footnotes div {padding:0.5em 0; border-top:1px dotted #99998A;}
#footnotes div:first-of-type {border-top:0;}
#footnotes div>* {margin:0.25em 0;}
.footnotesmell {color:#666; margin-left:2em;}
canvas {margin:1em auto;display:block;}
.stamp {
	margin:4em auto;
	color:rgba(255,0,0,0.25);
	font-size:150%;
	text-indent:0;
	text-align:center;
	transform:rotate(20deg);
		-ms-transform:rotate(20deg);     /* << vnd.IE */
		-moz-transform:rotate(20deg);    /* << vnd.Fx */
		-webkit-transform:rotate(20deg); /* << vnd.SC */
		-o-transform:rotate(20deg);      /* << vnd.Op */
	border-top: 1px solid rgba(256, 0, 0, 0.25);
	border-bottom: 1px solid rgba(256, 0, 0, 0.25);
	width:inherit;
	font-family:"Courier New", Courier, monospace;
}
.setting {color:#444; font-style:italic;}
div.equation {text-align:center; font-family:Code2000, Cambria, Arial; margin:1em auto;}
img.equation {display:block;margin:1em auto;}
.addendum {
	margin:1em auto;
	width:85%;
	border:2px solid #444;
	outline:1px solid #888;
	color:#111;
	background:#FF0;
	font-family:Arial;
	padding:0.25em;
	font-size:14px;
}
span[onclick] {background:#CCC;}
span[onclick]:active {background:#AAA;}
.lyrmetro {display:block;margin:1px auto;border:1px solid black;}
/* ::::::::::::::
   Double-columned stuff */
.foot {vertical-align:super; font-size:75%;}
blockquote.dialogue {border-width:1px; background-color:#FFF6DA; width:90%; margin:1.5em auto;}
blockquote.dialogue p {
	margin-top:0;
	margin-bottom:0.25em;
	text-indent:0;
	margin-left:20%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11pt;
}
blockquote.dialogue p+p {text-indent:20px;}
blockquote.dialogue .speaker {
	font-weight:bold;
	color:#444;
	float:left;
	width:18%;
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10pt;
}
blockquote.dialogue .speaker:after {content:":";}
.split-screen p {width:80%; border-right:1px solid #CCC; padding-right:1%;}
.split-screen .side {float:right; color:#444; width:18%; line-height:1.5; font-family:monospace;}
.split-screen .side+.side {clear:right;}
.split-screen+* {clear:all;}
article [onmouseover][onmouseout]:after {content:"[hover!]"; font-size:75%; font-color:red;}
/* ::::::::::::::
   Link Styling */
a[href^="http://"] {color:#00448D; position:relative;}
a[href^="http://"]:active {color:#8D2200;}
a[href^="http://"]:hover:before {
	content:"[External Link]";
	position:absolute;
	top:1.5em;
	background:#FFF6DA;
	text-indent:0;
	text-align:center;
	font-size:75%;
}
a[href^="http://"]:visited {color:#55008D;}
a[href^="http://worlddreambank.org/"] {color:#077935 !important;}
a[href^="http://worlddreambank.org/"]:hover:before {content:"[World Dream Bank Link]";}
/* ::::::::::::::
   Heading stuff, including time table, balance book and such */
/* Time table */
#daytally {width:100%; border-collapse:collapse; background-color:rgba(255,255,0,0);}
#daytally tr th:first-child {width:20px;}
#Earth, #Pseudo, #Lyr, #Equestria {background-position:center center;}
#Earth {background-image:url("../img/Earth.jpg");}
#Pseudo {background-image:url("../img/Pseudo.jpg");}
#Lyr {background-image:url("../img/Lyr.jpg");}
#Equestria {background-image:url("../img/Equestria.jpg");}
.planetdaytally {border-collapse:collapse; width:25em;}
#Earth caption {color:white;}
.planetdaytally thead th {background:rgba(255,226,109,0.75); color:#330;}
.planetdaytally thead th:hover {background:rgb(255,226,109);}
.planetdaytally thead tr:last-child th,.planetdaytally thead tr:last-child td{
	border-bottom:3px double rgba(236,189,0,0.75);
}
.planetdaytally tfoot tr:first-child th,.planetdaytally tfoot tr:first-child td{
	border-top:3px double rgba(236,189,0,0.75);
}
.planetdaytally thead tr:last-child th:hover,.planetdaytally thead tr:last-child td:hover{
	border-bottom:3px double rgb(236,189,0);
}
.planetdaytally tfoot th {background:rgba(255,226,109,0.75); color:#330;}
.planetdaytally tfoot th:hover {background:rgb(255,226,109); color:#330;}
.planetdaytally tfoot td {background:rgba(221,221,170,0.75);
	border-top:3px double rgba(236,189,0,0.75);
}
.planetdaytally tfoot td:hover {background:rgb(221,221,170);
	border-top:3px double rgba(236,189,0,0.75);
}
.planetdaytally th, .planetdaytally td {
	border:1px solid rgba(236,189,0,0.75);
	background-color:rgba(255, 255, 204, 0.75);
	min-width:1.5%;
}
.planetdaytally th:hover, .planetdaytally td:hover {
	border:1px solid rgb(236,189,0);
	background-color:rgb(255,255,204);
	min-width:1.5%;
}
.planetdaytally td {text-align:right;font-family:Courier;}
.planetdaytally td[colspan] {text-align:center;}
.planetdaytally td[colspan="1"] {text-align:right;}
.monthday {text-align:right !important;}
  /* ^^ Don't know why it must be increased in weighting to show up, going to do it anyway. */
.planetdaytally th {white-space:nowrap; font-family:Arial; background-color:rgba(255,240,180,0.75);
	color:#330;
}
.planetdaytally .na {white-space:nowrap; font-variant:small-caps;
	background-color:rgba(175,140,0,0.75); color:white;
}
.planetdaytally .na:hover {background-color:rgb(175,140,0);}
.planetdaytally .info[title] {background:rgba(255,236,162,0.75); cursor:help;}
.planetdaytally .info[title]:hover {background:rgb(255,236,162);}
/* Balance Book */
#accountbalance, #accountbalance table {border-collapse:collapse; width:100%;}
#accountbalance table td, #accountbalance table tfoot th {text-align:right;}
#accountbalance table td:first-child {text-align:left;}
#accountbalance th {font-family:Arial;}
#accountbalance table td:last-child:before, #accountbalance table td:nth-child(3):before {
	content:"Σ";
	float:left;
}
.gains {background:url("../img/up.png") !important; width:40%;}
.losses {background:url("../img/down.png") !important; width:40%;}
#accountbalance .na {background:#CF9800;}
/* ::::::::::::::
   Easter Eggs */
.egg {text-indent:0; text-align:center; color:#888;}
.egg:before, .egg:after, .easter:before, .easter:after {
	content:"::V::S::";
	visibility:visible;
	color:#888;
}
.easter:before {content: "|]-(< ";}
.easter:after {content: " >)-[|";}
.easter {visibility:hidden;}
.supereaster {display:none;}
.blanked {color:#FFE; background-color:#FFE;}
/* ::::::::::::::
   Watermarks & paper */
article { /* The "fake paper" effect */
	border:3px outset #CCC;
	background:#F5F5DC;
	font-family:Cambria, Gentium, Georgia, "Liberation Serif", proportional;
	padding:1em;
	margin:1em auto 1em auto;
	min-height:30em;
	width:69.479%;
}
article:before { /* The Adaptation Evaluation Department watermark */
	content: "AED";
	color:rgba(256, 0, 0, 0.15);
	font-size:450%;
	font-family:"Arial Narrow", Arial;
	margin-left:0.3em;
	cursor:default;
	float:left;
	transform:rotate(-15deg);
		-ms-transform:rotate(-15deg);     /* << vnd.IE */
		-moz-transform:rotate(-15deg);    /* << vnd.Fx */
		-webkit-transform:rotate(-15deg); /* << vnd.SC */
		-o-transform:rotate(-15deg);      /* << vnd.Op */
}
article article {min-height:0; background-color:#EBEBD3;}
article.nowater:before, article article:after {content:""; width:0; border:0;}
/* No watermark; use this as a watermark for further things */
.nowater:before, .nowater:after {content:""; width:0; border:0;}
article:after { /* "Content approved for general distribution" stamp */
	content: "Content approved for general distribution";
	color:rgba(256, 0, 0, 0.25);
	border-top: 1px solid rgba(256, 0, 0, 0.25);
	border-bottom: 1px solid rgba(256, 0, 0, 0.25);
	font-size:150%;
	font-family:"Courier New", Courier, monospace;
	cursor:default;
	float:right;
	transform:rotate(-25deg);
		-ms-transform:rotate(-25deg);     /* << vnd.IE */
		-moz-transform:rotate(-25deg);    /* << vnd.Fx */
		-webkit-transform:rotate(-25deg); /* << vnd.SC */
		-o-transform:rotate(-25deg);      /* << vnd.Op */
	position:relative;
	bottom:5.5em;
	right:0em;
	width:250px;
	text-align:center;
}
article.contingency:before {
	content:"AEDBOC v.3250.0.0.4";
	font-size:150%;
	width:100%;
	transform:rotate(0deg);
		-ms-transform:rotate(0deg);     /* << vnd.IE */
		-moz-transform:rotate(0deg);    /* << vnd.Fx */
		-webkit-transform:rotate(0deg); /* << vnd.SC */
		-o-transform:rotate(0deg);      /* << vnd.Op */
	position:relative;
	bottom:0.25em;
}
article.link-at-bottom:after {bottom:11em; right:6em;}
/* -------------------------------------------------------------------------------------------------
   Link maker styles */
#err {background:#CC4; color:#EE0303;}
#link a, #info a {color:#0000FF;}
table tbody tr :nth-child(4) {text-align:right;}
#slct {text-align:center;}
#ChNA, #ChNB {float:left; width:40%; height:4em;}
#ChNB {float:right;}
legend label {width:auto;}
/* -------------------------------------------------------------------------------------------------
   Other */
hgroup {margin-top:1em; margin-bottom:1em;}
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {margin:0;}
hgroup :nth-child(2) {text-indent:140px;text-transform:lowercase;}
.seccircle {display:block;border:4px double black;margin:1em auto 1em auto;}