@charset "utf-8";

/* I comment out a lot of shit. It gets pretty messy.
 * Try viewing this with syntax highlighting. */

html {
	background-color: #E0F0FF;
/*
	background-image: url("/Media/Images/Style/Background-Flame");
	background-position: top center;
	background-repeat: repeat-x;
*/
	background-image: url("/Media/Images/Style/Background-Flame-Rotated");
	background-position: left;
	background-repeat: repeat-y;
	color: #000080;
}
@media print {
	html {
		background: white;
		color: black;
	}
}

body {
	margin: 0;
	padding-left: 2%; padding-right: 2%;
	padding-top: 1em; padding-bottom: 1em;
}

a         { text-decoration: inherit; }
a:link    { color: #C00000; }
a:visited { color: #800080; }
a:hover   { color: #00C0FF; }
a:active  { color: #FFFFFF; }
a img     { border: 2px solid; }
@media print { a:link, a:visited { color: black; } }
.meritbadges a img { border: none; }

h2,h3,h4,h5,h6 {
	color: black;
	font-weight: normal;
	border-bottom: 2px dotted #8080C0;
}
h1 {
	color: black;
	text-align: left;
	font-weight: normal;
}

.textonly { display: none }
@media tty {
	.textonly { display: block; }
	span.textonly { display: inline; }
}

.navbar {
	/* To compensate for body{} padding */
	margin-left: -2%; margin-right: -2%;
}

.navbar ul {
/*	background-color: #E0F0FF;
*/
	background-image: url("/Media/Images/Style/Navbar-Gradient");
	background-position: bottom;
	background-repeat: repeat-x;
/*	background-color: #E0F0FF; */
	border-bottom: 1px solid navy;
	text-align: center;
	margin: 0; padding: 0;
}
.navbar ul li.selected {
	background-color: white;
	border: 1px solid navy;
	border-bottom-color: white;
	font-weight: bold;
}
.navbar ul.secondary, .navbar ul.tertiary {
	font-size: smaller;
	margin-top: 1em;
}

.navbar ul li, .pagefooter .meritbadges li {
	padding-left: 0.5em;
	padding-right: 0.5em;
	white-space: nowrap;
	display: inline;
}

@media print {
	.navbar {
		display: none;
	}
}


.navbar ul li a:link    { color: black;  }
.navbar ul li a:visited { color: purple; }
.navbar ul li a:hover   { color: aqua;   }

/******************************/

.pagebody {
	padding: 1em;
}
@media print {
	/* the browser/printer will add its own margins */
	.pagebody { padding: 0; }
}
.pagefooter {
	text-align: center;
	font-size: smaller;
	border-top: 2px dotted #103050;
	color: #907070;
	padding: 1em;

	/* To compensate for body{} padding. */
	margin-left: -2%; margin-right: -2%;
}
.pagefooter p { margin: 0; }
.pagefooter hr { display: none; }

.section {
	margin-left: 5%;
}
.section h2, .section h3, .section h4, .section h5, .section h6 {
	margin-left: -5%;
}


/* General styling */

abbr[title],acronym[title] {
	border-bottom: 1px dotted #709070;
	cursor: help;
	font-style: inherit; /* Konqueror insists on rendering italic... ¬_¬ */
}
sub,sup { font-size: smaller; }

strong { color: black; }

table {
	border: 2px solid #000040;
	font-size: smaller;
	margin-left: auto; margin-right: auto;
}
th, td { border: 1px dotted #000040; padding: 0.25em; }
th { background-color: #C0E0FF; }

.footnote { font-size: smaller; }

.navlist dt { border-left: 1em solid #A0A0FF; padding-left: 0.5em; }

q:before, q:after { content: ""; }

.date {
	font-style: oblique;
	font-size: smaller;
	color: #808080;
}

.digression {
	margin-left: 5%;
	padding-left: 5%;
	border-left: 4px solid navy;
	font-size: 0.9em;
}
blockquote {
	font-size: 0.9em;
	background-color: #F0F0FF;
	color: #404060;
	border: 1px dashed #404040;
	padding: 1em;
	margin-left: 4em;
	margin-right: 4em;
}
.toc {
	font-size: smaller;
	background-color: #F0F0FF;
	padding: 1em; padding-top: 0;
	border: 1px solid black;
	width: 75%;
	margin-left: auto; margin-right: auto;
}

/* User comments */

.comment {
	margin-left: 4em;
	margin-right: 4em;
	border: 1px solid navy;
	margin-bottom: 1em;
}
.comment-header {
	background-color: #E0F0FF;
	color: #000040;
	padding: 0.5em;
}
.comment .comment-header .name { font-weight: bold; }
.comment .comment-header .tripcode {
	color: #800000;
	font-style: italic;
	font-family: monospace;
	font-size: smaller;
}
.date {
	color: #808080;
	font-style: italic;
}
.comment-message {
	padding-left: 1em; padding-right: 1em;
	font-size: smaller;
}
.comment-note { font-size: smaller; color: gray; }
td.save-to-cookie { text-align: center; vertical-align: middle; }

.trident-warning {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	background-color: yellow;
	color: black;
	border: 1px solid black;
	font-size: smaller;
	padding: 1em;
}

.unavailable { color: silver; }
.unavailable del { text-decoration: none; }

/* Page-/Section-specific styling, based on the class of <body> */

body.bible q {
	font-family: serif;
	color: #800000;
}
body.bible q sup, body.bible q sub { font-family: sans-serif; color: #000080; }

body.drawings-page table.category-page {
	border: none;
}
body.drawings-page table.category-page td {
	text-align: center;
	border: none;
}
body.drawings-page .drawing {
	text-align: center;
}
body.drawings-page .description {
	text-align: justify;
}