/* ===============
Designer:	"Blue | Ben W.";
Client:	"codeyspen | Codey";
Site:	"http://www.codeysworld.com/";
Path:	"fables/";
File:	"fables.css";
Type:	".css" | "text/css" | "CSS 2.0 Stylesheet";
Date:	"2008-04-22"; // added .quoteTiny and .quoteBig styles;

History: {
	"2006-03-11"; // fables posted;
	"2006-08-11"; // updated URL and email;
	"2006-08-26"; // added .quoteTiny and .quoteBig styles;
}
---------------
*	Stylesheet for <a href="fables.htm">Codey's Fables</a>.
*	See Also: <a href="../fables/notes/notes.htm">Fables Design Notes</a>
	for fonts, colors, and files used;
---------------
*	relative font-sizes are used to allow proper page and text scaling 
	for accessibility features using recent browsers 
	(MSIE6, FF1, NS7, Safari, Opera);
*	absolute font-sizes (such as 12pt) DO NOT scale properly;
=============== */

body {
	background: white;
	color: black;
	font-family: "Times New Roman", "Times", serif;
}
p, blockquote, div, ol, ul, li, dl, dt, dd, 
table, caption, thead, tbody, tfoot, tr, td, th {
	background: transparent;
	color: black;
	font-size: large;
	font-family: "Times New Roman", "Times", serif;
}
td, th { vertical-align: top; }
p {
	font-size: large;
	font-family: "Times New Roman", "Times", serif;
}
.pBlockIndent, p.pBlockIndent { text-indent: 0.0em; margin: 12pt auto; }
.pFirstIndent, p.pFirstIndent { text-indent: 1.5em; margin: 0pt auto; }
#thanks, p#thanks { 
	text-align: center; 
	text-indent: 0.0em; 
	margin: 12pt auto; 
	width: 5.0in; 
}
.btnEmail, p.btnEmail, div.btnEmail { text-align: center; }
h1, h2, h3, h4, h5, h6 {
	margin-top: 12pt;
	margin-right: 0in;
	margin-bottom: 6pt;
	margin-left: 0in;
	text-align: center;
	text-indent: 0in;
	page-break-after: avoid;
	font-family: "Times New Roman", "Times", serif;
	color: #C04000;
	font-style: italic;
}
h1 { font-size: xx-large; margin-top: 0in; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4 { font-size: medium; }
h5 { font-size: small; }
h6 { font-size: x-small; }

a {
	background: transparent;
	color: #C04000;
	font-family: "Times New Roman", "Times", serif;
}
a[href] { text-decoration: underline; }
img { border: none; }
a img { border: 2px solid #C04000; }
a:link {
	background: transparent;
	color: #0080C0;
	text-decoration: underline;
}
a:link img { border: 2px solid #0080C0; }
a:visited {
	background: transparent;
	color: #0080C0;
	text-decoration: none;
}
a:visited img { border: 2px solid #0080C0; }
a:active, a:hover {
	background: transparent;
	color: #ff5500;
	text-decoration: none;
}
a:active img, 
a:hover img { border: 2px solid #ff5500; }
.menuBox {
	border: 0.75pt solid #FFC000;
	background: #FFF0C0;
	color: black;
	padding: 3pt;
}
p.divTrailDocs, li.divTrailDocs, div.divTrailDocs {
	/*
	border: 0.75pt solid #FFF0C0;
	background: #FFF8E0;
	color: black;
	padding: 1.5pt;
	*/
	margin: 12.0pt 0.0in;
	text-align: center;
	font-size: large;
}

pre, tt, kbd, code, samp {
	margin: 0in;
	margin-bottom: .0001pt;
	font-size: small;
	font-family: "Courier New", "Courier", monospace;
}
pre { white-space: pre; }

.hByline, h2.hByline {
	margin-top: 12pt;
	margin-right: 0in;
	margin-bottom: 6pt;
	margin-left: 0in;
	text-align: center;
	text-indent: 0in;
	page-break-after: avoid;
	font-size: x-large;
	font-family: "Times New Roman", "Times", serif;
	color: #C04000;
	font-weight: bold;
	font-style: italic;
}
.hSeparator, h3.hSeparator, img.hSeparator {
	margin: 0in;
	margin-bottom: .0001pt;
	text-align: center;
	font-size: large;
	font-family: "Times New Roman", "Times", serif;
	color: #C04000;
	font-weight: bold;
}
.tinyLJ { font-size: small; text-align: left;   margin: 0.5em auto; }
.tinyCJ { font-size: small; text-align: center; margin: 0.5em auto; }
.tinyRJ { font-size: small; text-align: right;  margin: 0.5em auto; }
.quoteTiny { 
	font-size: small; 
	font-style: italic; 
	text-align: left; 
	margin: 0pt; 
}
.quoteBig {
	background: transparent;
	color: black;
	font-size: large;
	font-style: italic;
	font-family: "Times New Roman", "Times", serif;
}

hr, hr.hSeparator {
	color: #FFE080;
	height: 1.5pt;
}

.date { }
.time { }
.highlighter { background: yellow; }
.flag { 
	border: 0.25pt solid #c080ff; 
	background: #e0c0ff; 
	color: #8000ff;
	font-size: x-small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.ed {
	padding: 0pt 3pt;
	background: #800040;
	color: white;
	font-size: medium;
	font-family: "Times New Roman", "Times", serif;
	font-weight: bold;
	text-align: center;
}

.colxN { width:  80.00%; }
.colxFull { width: 6.00in; }
.colxHalf { width: 3.00in; }
.colx1 { width:  25.00%; }
.colx2 { width:  50.00%; }
.colx3 { width:  75.00%; }
.colx4 { width: 100.00%; }

.pageHeader, p.pageHeader, li.pageHeader, div.pageHeader, 
.pageFooter, p.pageFooter, li.pageFooter, div.pageFooter { 
	margin: 0in;
	margin-bottom: .0001pt;
	font-size: large;
	font-family: "Times New Roman", "Times", serif;
	font-weight: bold;
}

/* Page Definitions */

@page usLetter {
	size: 8.5in 11.0in; /* // 215.9mm 279.4mm; */
	margin: 1.0in 1.0in 1.0in 1.0in;
}
div.usLetter {
	page: usLetter;
}

@page isoA4 {
	size: 210mm 297mm; /* // 8.2677in 11.6929in; */
	margin: 1.0in 1.0in 1.0in 1.0in;
}
div.isoA4 {
	page: isoA4;
}

div.Section1 { 
	page: usLetter; 
}