/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"anthology/2009-holidays/";
File:	"styles-2009-holidays-rev01.css";
History: {
Date:	"2009-09-05";
Date:	"2009-10-31";
Date:	"2009-11-14";
}
===== */


/* Style Definitions */

.sans {
	font-family: "Century Gothic", "Avant Garde", sans-serif; 
}
.serif {
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
}
.casual {
	font-family: "Comic Sans MS", sans-serif; 
}

body {
	background-color: #ffcc99; 
	color: black; 
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	font-size: medium; 
	text-align: left;
}
.backdrop, body.backdrop, div.backdrop, table.backdrop {
	background-color: #ffcc99; 
	background-image: none; /* url(images/summer-leaves-bright.jpg); */
	background-attachment: scroll;
	background-position: top center;
	background-repeat: no-repeat;
	color: black; 
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	font-size: medium; 
	text-align: left;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: black; 
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
}
p.pFirst { margin-top: 3.0em; }
div.pIndentFirst p, p.pIndentFirst { 
	text-indent: 1.0em; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-indent: 0.25in; 
}
dt { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { 
	background: transparent;
	color: black;
	font-family: "Comic Sans MS", sans-serif; 
}
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4 { font-size: medium; }
h5 { font-size: small; }
h6 { font-size: x-small; }
.separator {
	text-align: center;
}

div.casual, div.casual p { 
	background: transparent; 
	color: black; 
	font-family: "Comic Sans MS", sans-serif; 
}
div.casual h1, div.casual h2, div.casual h3, 
div.casual h4, div.casual h5, div.casual h6 {
	margin: 0.0em auto; 
	background: transparent; 
	color: black; 
	text-align: center; 
	font-family: "Postino Std", "Postino", "Comic Sans MS", serif; 
	font-style: italic; 
	font-weight: normal; 
}

table { border-collapse: collapse; }
td, th { 
	background: transparent; 
	color: black; 
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	vertical-align: top; 
}
div.xGrid { 
	display: table;
}
div.xRow {
	display: table-row;
}
div.xCell, div.xRole, div.xDialogue { 
	display: table-cell;
	background: transparent; 
	color: black; 
	/*
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	*/
	font-family: "Comic Sans MS", sans-serif; 
	vertical-align: top; 
}

a { 
	background: transparent; 
	color: black; 
	/* text-decoration: none; */
	/* font-weight: bold; */
}
a[href] { text-decoration: underline; }
a:link { background: transparent; color: #cc3300; }
a:visited { background: transparent; color: #6600cc; }
a:active, 
a:hover { background: transparent; color: red; }
img, a img, img a { border: none; }

.external { background: transparent; color: magenta; font-weight: bold; }

.trail, div.trail, table.trail {
	border-top:    0.75pt solid #cc3300;
	border-bottom: 0.75pt solid #cc3300;
	background: transparent;
	color: black;
	font-family: "Comic Sans MS", sans-serif;
	font-size: medium; /* 12pt; */
	margin: 0.25in 0.0in;
	padding: 3pt 6pt;
	width: 100.00%;
} 
ol.horizontal, ul.horizontal {
	/* border: none; */
	background-color: transparent;
	display: block; 
	list-style: none;
	margin:  4px 2px;
	padding: 2px 2px;
}
ol.horizontal li, ul.horizontal li {
	border: none;
	display: inline; 
	list-style: none;
	margin:  2px 2px;
	padding: 2px 4px;
}

/* ----- List or Tree ----- */
/* to support an advanced technique ~ no, I haven't programmed it */
.tree, ol.tree, ul.tree { 
	font-size: medium; 
	list-style: square outside; 
	list-style-image: url(images/leaf0.png); 
	text-indent:   0.0em;
	margin-left:   1.0em; 
	padding-left:  0.0em; 
}
li.tree0 { list-style-image: url(images/tree0.png); } /* collapsed */
li.tree1 { list-style-image: url(images/tree1.png); } /* expanded */
li.leaf0 { list-style-image: url(images/leaf0.png); } /* regular */
li.leaf1 { list-style-image: url(images/leaf1.png); } /* special */

.stub { background: transparent; color: gray; }

.flag { 
	background: transparent; 
	color: green;
	font-family: "Comic Sans MS", sans-serif; 
	font-size: small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.flag a, a.flag { padding: 0pt 3pt; }

.margin0 {
	margin-top: 0;
	margin-bottom: 0;
}
.imageCenter {
	margin: 1.0em auto;
	text-align: center;
}

.endnote, 
.notes, ol.notes, ul.notes {
	border-top:    0.75pt solid #cc3300;
	border-bottom: 0.75pt solid #cc3300;
	background: transparent; 
	color: black;
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	font-size: small;
	margin: 0.25in 9pt;
	padding: 9pt 9pt;
	text-align: center; 
}
.notes li, li.notes, ol.notes li, ul.notes li { 
	font-size: small; 
}

.poem, ol.poem, ul.poem { 
	background: transparent;
	color: black;
	font-style: italic;
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.verse, ol.verse, ul.verse { 
	background: transparent;
	color: black;
	font-style: italic;
	list-style: decimal; 
	margin-left: 0.5in; 
	padding: 0; 
}
.verse li, ol.verse li, ul.verse li { 
	background: transparent;
	color: black;
	font-style: italic;
	list-style: none; 
	margin-left: -0.375in; 
	padding: 0; 
}
.stanzaIndent0 { 
	font-style: italic;
	text-indent: -0.25in; 
	margin-left:  0.25in; 
}
.stanzaIndent1 { 
	font-style: italic;
	text-indent:  0.00in; 
	margin-left:  0.25in; 
}

.wUpdated, .wDateTime, .xDateTime, .yDateTime, 
.wSubject, .wTitle, .wAuthor, .wComments { 
	font-family: "Century Gothic", "Avant Garde", sans-serif; 
}
.wDateTime { font-size: small; }
.xDateTime { font-size: small; display: none; }
.yDateTime { font-size: small; display: inline; }
.wUpdated, .wUpdated .wDateTime, .wUpdated .xDateTime, .wUpdated .yDateTime { font-size: x-small; }
.wSubject {  }
.wTitle {  }
.wAuthor {  }
.wComments {  }

.audioPair {
	/*
	display: block;
	float: none;
	clear: both;
	width: 100.00%;
	*/
	margin: auto auto;
	padding: 4px;
	text-align: center;
}
.audioIcon {
	/*
	display: inline;
	float: left;
	clear: none;
	width: 20.00%;
	*/
	margin: auto auto;
	padding: 4px;
	text-align: center;
}
.audioLabel {
	/*
	display: inline;
	float: left;
	clear: none;
	width: 80.00%;
	*/
	margin: auto auto;
	padding: 4px;
	text-align: center;
}

.tocSidebar { 
	float: left;
	width: 30%; 
	margin: 0.25in 0.125in; 
}
.tocSidebar p {
	font-size: small;
}
.tocTable { 
	float: left;
	width: 30%; 
	margin: 0.25in 3pt; 
}
.tocCell { 
	width: 100%; 
	margin: 3pt 3pt; 
	padding: 0pt 3pt;
}
/* 
fields in order: 
	{ .tocHeading || { .tocTitle, .tocFlags, .tocKind, .tocAuthor, .tocDate, .tocBlurb } }; 
*/
.tocTitle { 
	width: 100%; 
	margin: 3pt 3pt;
	padding: 3pt 3pt; 
	font-size: medium;
	font-weight: bold; 
}
.tocAuthor, .tocKind, .tocDate, .tocFlags { 
	width: 100%; 
	margin: 3pt 3pt;
	padding: 3pt 3pt; 
	font-size: small;
	font-weight: normal; 
}
.tocDate { display: none; }
.tocBlurb { 
	width: 100%; 
	margin: 3pt 3pt;
	padding: 3pt 3pt; 
	font-size: small;
	font-weight: normal; 
}
.tocHeading { 
	width: 100%; 
	margin: 6pt 3pt;
	padding: 3pt 3pt; 
	border-top:    3pt dotted #cc3300;
	border-bottom: 3pt dotted #cc3300;
	font-weight: bold; 
	font-style: italic; 
}

table.dueTable { width: 100.00%; margin: 1.0em auto; }
table.dueTable td, table.dueTable th { 
	padding: 0pt 3pt;
	vertical-align: baseline; 
}
.dueHead { 
	font-family: "Comic Sans MS", sans-serif; 
	font-weight: normal;
	font-size: small;
	text-align: right;
	width: 25.00%;
	padding: 0pt 3pt;
}
.dueDate { 
	font-family: "Comic Sans MS", sans-serif; 
	font-weight: bold;
	font-size: large;
	text-align: left;
	width: 25.00%;
	padding: 0pt 6pt;
}
.dueItem {
	font-family: "Century Schoolbook", "NewCenturySchlbk", serif;
	font-weight: bold;
	font-size: medium;
	text-align: left;
	width: 50.00%;
	padding: 0pt 6pt;}

#masthead, div#masthead, table#masthead {
	background-image: none;
	font-family: "Comic Sans MS", sans-serif;
}
#masthead h1, #masthead h2, #masthead h3, 
#masthead h4, #masthead h5, #masthead h6 {
	font-family: "Comic Sans MS", sans-serif;
	font-style: italic;
}
#masthead td, div#masthead td, table#masthead td, 
#masthead th, div#masthead th, table#masthead th {
	font-family: "Comic Sans MS", sans-serif;
	text-align: center;
	vertical-align: top;
}

#header td, #header th, #footer td, #footer th { vertical-align: middle; }

/* Column Definitions */

.colx1of4				{ width:  25.00%; }
.colx2of4, .colx1of2	{ width:  50.00%; }
.colx3of4				{ width:  75.00%; }
.colx4of4, .colx2of2	{ width: 100.00%; }

.colx1of5 { width:  20.00%; }
.colx2of5 { width:  40.00%; }
.colx3of5 { width:  60.00%; }
.colx4of5 { width:  80.00%; }
.colx5of5 { width: 100.00%; }

.colx1of6				{ width:  16.67%; }
.colx2of6, .colx1of3	{ width:  33.33%; }
.colx3of6				{ width:  50.00%; }
.colx4of6, .colx2of3	{ width:  66.67%; }
.colx5of6				{ width:  83.33%; }
.colx6of6, .colx3of3	{ width: 100.00%; }

/* Page Definitions */

@page usLetter {
	size: 8.5in 11.0in; /* // 215.9mm 279.4mm; */
	margin: 1.0in 1.0in 1.0in 1.0in; /* // 254mm; */
}
div.usLetter { page: usLetter; }
@page isoA4 {
	size: 210mm 297mm; /* // 8.2677in 11.6929in; */
	margin: 254mm 254mm 254mm 254mm; /* // 1.0in; */
}
div.isoA4 { page: isoA4; }
@media print {
	div.page { page: usLetter; }
} /* // @media print */
@media screen {
	div.page { width: 80.00%; margin: 0.125in 10.00%; }
} /* // @media screen */