/* =====
Designer:	"Ben W. Blue";
Site:	"http://www.codeysworld.org/";
Path:	"ruwen-rohs/";
File:	"terry-and-sam-styles.css";
Date:	"2008-12-18"; 
===== */

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

body {
	background-color: #98EEF3; 
	color: black; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-size: medium; 
	text-align: left;
}
p, blockquote, ol, ul, li, dl, dt, dd {
	background: transparent; 
	color: black; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
}
dt { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { 
	background-color: transparent;
	color: green;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-style: italic; 
	text-align: center;
}
h1 { font-size: xx-large; }
h2 { font-size: x-large; font-style: normal; }
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, caption, thead, tbody, tfoot, tr { 
	border-collapse: collapse; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
}
td, th { 
	background: transparent; 
	color: black; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	vertical-align: top; 
}

a         { background: transparent; color: black; }
a[href]   { text-decoration: underline; }
a:link    { background: transparent; color: red; }
a:visited { background: transparent; color: maroon; }
a:active, 
a:hover   { background: transparent; color: lime; }

.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 silver;
	border-bottom: 1px solid silver;
	font-family: "Verdana", "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: "Verdana", "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 silver;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: square outside url(../images/leaf0.png); 
	margin:  4px 0px;
	padding: 0px 8px;
}
.menuVertical li, ol.menuVertical li, ul.menuVertical li {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: square outside url(../images/leaf0.png); 
	padding: 0px 8px;
}

.menuHorizontal, ol.menuHorizontal, ul.menuHorizontal {
	border-top:  1px solid silver;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: square outside url(../images/leaf0.png); 
	margin:  4px 0px;
	padding: 0px 8px;
}
.menuHorizontal li, ol.menuHorizontal li, ul.menuHorizontal li {
	display: inline; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-size: medium; /* 12pt; */
	list-style: square outside url(../images/leaf0.png); 
	padding: 0px 8px;
}

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); }

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

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

.caption {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: bold;
	font-style: italic;
	font-size: medium;
	text-align: center;
}
.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: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-weight: normal;
	font-style: normal;
	font-size: small;
	text-transform: uppercase;
}
.xDateTime, .yDateTime { 
	font-family: "Verdana", "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;
}

.indented-justified {
  text-indent: 50px;
  text-align: justify;
  text-justify: auto;
}

.section-break {
	text-indent: 0px;
    text-align: center;
}



/* 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 silver;
	border-bottom: 1px solid silver;
	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; 
}

/* 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 */

.colGrid { width: 100.00%; }

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

.colx1of3 { width:  33.33%; }
.colx2of3 { width:  66.67%; }
.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 {
    margin: auto auto;
    /* [disabled]width: 80%; */
    max-width: 920px;
    page: usLetter;
	}
} /* @media screen */
