/* =====
Designer:	"Ben W. Blue";
Site:	"http://www.codeysworld.org/";
Path:	"ruwen-rouhs/";
File:	"ruwen-styles.css";
Date:	"2009-12-17"; 
===== */

/* Font Definitions */
@font-face {
	font-family: "Comic Sans MS";
	panose-1: 3 15 7 2 3 3 2 2 2 4;
}

body {
	background-color: #fff2c0; 
	color: black; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-size: medium; 
	text-align: left;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: black; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
    list-style: none;
}
dt { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { 
	background-color: transparent;
	color: black;
	font-family: "Comic Sans MS", sans-serif; 
	font-style: italic; 
	text-align: center;
}
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; }
.hLeft   { text-align: left; }
.hCenter { text-align: center; }
.hRight  { text-align: right; }

table, thead, tbody, tfoot, tr { 
	border-collapse: collapse; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
}
td, th { 
	background: transparent; 
	color: black; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	vertical-align: top; 
    list-style: none;
}

a         { background: transparent; color: black; font-weight: bold; }
a[href]   { text-decoration: underline; }
a:link    { background: transparent; color: sienna; }
a:visited { background: transparent; color: maroon; }
a:active, 
a:hover   { background: transparent; color: red; }
.internal, a.internal { 
	padding-right: 24px;
	background-color: transparent; 
	background-image: url(images/internal.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.external, a.external { 
	padding-right: 24px;
	background-color: none; /* #f0dc82; */
	background-image: url(images/external.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.border0, a.border0, a.border0 img, a.border0 img.border0, 
img.border0 a, img.border0 a.border0 { border: none; }

.menuPanel, div.menuPanel, table.menuPanel {
	border-top:    1px solid chocolate;
	border-bottom: 1px solid chocolate;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	margin:  4px 0px;
	padding: 0px 4px;
}
table.menuPanel td, table.menuPanel th {
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	padding: 0px 4px;
}

.menuVertical, ol.menuVertical, ul.menuVertical {
	/* border-top:  1px solid chocolate; */
	border-top: none;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	margin:  4px 0px;
	padding: 0px 8px;
}
.menuVertical li, ol.menuVertical li, ul.menuVertical li {
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	padding: 0px 8px;
}

.menuHorizontal, ol.menuHorizontal, ul.menuHorizontal {
	/* border-top:  1px solid chocolate; */
	border-top: none;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	margin:  4px 0px;
	padding: 0px 8px;
}
.menuHorizontal li, ol.menuHorizontal li, ul.menuHorizontal li {
	display: inline; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: none; 
	padding: 0px 8px;
}

{
}
.xmenu, ol.xmenu, ul.xmenu {
    font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
    font-style: normal;
	text-align: center;
    list-style: none;
	font-size: 1.2em;
	padding: 0 0 5px 0;
}

.caption {
    font-family: Tahoma, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 0.8em;
    list-style: none;
}

li.tree0 { list-style: square outside url(images/tree0.png); }
li.tree1 { list-style: square outside url(images/tree1.png); }
li.leaf0  { list-style: square outside url(images/leaf0.png); }
li.leaf1  { list-style: square outside url(images/leaf1.png); }

.flag { 
	border: none; 
	background: #ffe6cc; 
	color: #cc6600;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-size: small;
	font-weight: bold;
	padding: 0pt 3pt; 
}
.flag a, a.flag { padding: 0pt 3pt; }

.notes, ol.notes, ul.notes { 
	font-size: medium; 
} 
.notes li, li.notes, ol.notes li, ul.notes li { 
	font-size: medium; 
}

.updated { 
	background-color: transparent; 
	color: #cc6600; 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: small;
	text-transform: uppercase;
}
.xDateTime, .yDateTime { 
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; 
	font-size: small;
}
.xDateTime { display: none; }
.yDateTime { display: inline; }

.icon {
	margin: 3pt 3pt;
	padding: 3pt 3pt;
	text-align: center;
}
.imageCenter {
	margin: 0.0em auto;
	text-align: center;
}
.list0 {
	list-style: none;
	margin-left:  0.0em;
	padding-left: 0.0em;
}
.margin0 {
	margin-top: 0;
	margin-bottom: 0;
}

/* Poetry Styles */

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

/* Audio Info Block Styles */

.audioInfo { 
	border-top: 1px solid chocolate;
	border-bottom: 1px solid chocolate;
	background: transparent; color: black;
	font-weight: normal; font-style: italic; 
	width: 4.0in;
	margin: 0.25in auto;
	padding: 6pt 0pt;
}
.audioInfo span, .audioInfo li, 
.audioInfo td, .audioInfo th { 
	font-style: italic;
	vertical-align: baseline; 
}

.audioLabel { 
	font-size: x-small; 
	font-weight: normal; 
	text-align: right; 
}
.audioTrack { 
	font-size: small; 
	font-weight: normal; 
	text-align: right; 
}
.audioAudio { 
	font-size: small; 
	font-weight: normal; 
}
.audioTitle { 
	font-size: small; 
	font-weight: bold; 
}
.audioAuthor, .audioNarrator, .audioArtist { 
	font-size: small; 
	font-weight: normal; 
}
.audioDisc, .audioKind, .audioType, { 
	font-size: small; 
	font-weight: normal; 
}
.audioDate, .audioTime, .audioSize, { 
	font-size: small; 
	font-weight: normal; 
	text-align: right; 
}

/* ----- Table of Contents (toc) ----- */
/* fill these out yourself */

.toc, ol.toc, ul.toc { 
	font-size: large; 
	list-style: none; 
	text-indent:   0.0em;
	margin-left:   1.0em; 
	padding-left:  0.0em; 
}

.tocHeading {
	margin: 0.0em auto;
	text-align: left;
}
.tocTable { 
	margin: 0.25em auto;
	width: 100.00%;
}
.tocCell {
	margin: 0.0em auto;
	padding: 2px 2px;
	vertical-align: baseline;
}
.tocTable h1, .tocTable h2, .tocTable h3, 
.tocTable h4, .tocTable h5, .tocTable h6 {
	margin: 0px auto 0px auto;
}
/* 
fields in order: 
	{ .tocColumnHeading || { .tocTitle || .tocChapters, .tocBlurb, .tocFlags } }; 
*/
.tocColumnHeading { /* multi-col heading, as needed */
	margin: 0px auto 0px auto;
}
.tocTitle { /* title of novel, collection, story, poem, etc. */
	margin: 0px auto 0px auto;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}
.tocAuthor, /* co-authors, group authors; */
.tocBlurb { /* blurb to grab the reader's interest */
	margin: 0px auto 0px 1.0em;
	font-size: medium;
}
.tocAudio { /* link to audio file; */
	margin: 0px auto 0px auto;
	font-size: medium;
}
.tocDate { /* date posted; */
	display: none;
	margin: 0px auto 0px auto;
	font-size: medium;
}
.tocFlags { 
/* flags for type (novel, collection, short, poem), 
	recent item or completed story, or other needs; 
*/
	margin: 0px auto 0px auto;
	font-size: medium;
}

/* statcounter.css */

.statcounter, div.statcounter, a.statcounter, img.statcounter {
	background: transparent;
	color: black;
	font-family: "Monaco", "Lucida Mono", "Consolas", 
		"Courier New", "Courier", monospace;
	font-weight: bold;
	font-size: small;
	text-align: right;
}
div.statcounter {
	margin: 6pt 0pt;
	padding: 2pt;
	width: 1.5in;
}
.stathead { 
	margin: 6pt 0pt;
	padding: 2pt;
	width: 1.5in;
	text-align: right; 
}

/* Column Definitions */

.colxGrid { width: 100.00%; padding: 4px; }

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

.colx1of4 { width:  25.00%; padding: 4px; }
.colx2of4 { width:  50.00%; padding: 4px; }
.colx3of4 { width:  75.00%; padding: 4px; }
.colx4of4 { width: 100.00%; padding: 4px; }

.colx1of3 { width:  33.33%; padding: 4px; }
.colx2of3 { width:  66.67%; padding: 4px; }
.colx3of3 { width: 100.00%; padding: 4px; }

/* 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%; margin: auto auto; max-width: 920px; }
} /* // @media screen */