/* styles used by Joshiah website  ------------------------------------------------------------ */

body{
    font-family: "X", "Arial", "Garamond", "Times Roman", serif, "X";
    font-size: 10pt;
    color: #606060; 
    background-color: black;
}

div.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }

p.footnote {}
    
/* used as footnote separator */
p.footnote-separator {border-bottom:solid 1px #CCCCCC; background-color: white; margin-right: 50%;}

img{border-width: 0}
    
.alert {text-align: left; padding: .6em; border: solid 1px #CCCCCC;}
span.alert {text-align: left; padding: .1em; padding-right: .3em; border: solid 1px #CCCCCC;}

div.transcript-nav {padding: .6em; border: solid 1px #CCCCCC; background-color: white}
.splash {padding: 0; border: solid 1px #A2A200;}

/*
span.splash-text{color:white;}
a.splash-text:link	{color:#707070; text-decoration:none;}
a.splash-text:visited {color:#707070; text-decoration:none;}
a.splash-text:hover {color:white; text-decoration:none;}

span.splash-quote{text-align: right; color: white;}
*/
    
.align-right{text-align: right;}    
.align-left{text-align: left;}    
.align-center{text-align: center;}    
    
p{text-align: left; margin-top: 10px; margin-bottom: 10px; background: white;}
p.before{margin-top: 20px; margin-bottom: 10px; text-align: left;}
p.noafter{text-align: left; margin-top: 10px; margin-bottom: 0px; background: white;}
p.nobefore{text-align: left; margin-top: 0px; margin-bottom: 10px; background: white;}
.centered{margin-top: 10px; margin-bottom: 10px; text-align: center;}
p.centered-on-black{margin-top: 10px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */
p.centered-before{margin-top: 20px; margin-bottom: 10px; text-align: center;}
p.centered-on-black-before{margin-top: 20px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */
p.before-onblack{margin-top: 20px; margin-bottom: 10px;  background: black; color: #909090;}

p.channel{font-style:italic;}
p.comment{font-style:italic;}

p.black-text{color: Black}

p.caveat {font-style:italic; margin-top: 10px; margin-bottom: 10px; text-align: left;}

/* Used when Previous or Next needs to be made unavailable */
.invisible {color: white; padding-right:20px;}

/* For debugging spacing ...
p.text{margin-top: 10px; margin-bottom: 10px; background: #FFFF33;}
p.text-before{margin-top: 20px; margin-bottom: 10px; background: #FFFFCC;}
p.text-noafter{margin-top: 10px; background: #FFEE00;}
*/

/* .text may now be redundant ... */
/*
p.text{margin-top: 10px; margin-bottom: 10px; background: white;}
p.text-noafter{margin-top: 10px;  background: white;}
p.text-before{margin-top: 20px; margin-bottom: 10px;  background: white;}
p.text-before-onblack{margin-top: 20px; margin-bottom: 10px;  background: black;}
*/

p.story-title{margin-top: 20px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-special{margin-top: 39px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-nobefore{margin-top: 10px; margin-bottom: 20px;  background: white; text-align: center;}

/*
p.title-1{color: #A2A200; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-black{color: black; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-nobefore{color: #A2A200; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}
p.title-2{color: #A2A200; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}
*/

/* switched heads color from mustard to burgundy */
p.title-1{color: #AA3C32; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-black{color: black; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-nobefore{color: #AA3C32; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}
p.title-2{color: #AA3C32; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}

p.title-chapter{color: #606060; font-weight:bold; margin-top: 20px; margin-bottom: 10px; text-align: center;} 

/*
p.text-before-center{margin-top: 20px; margin-bottom: 10px; text-align: center;}
*/
span.text-white {color: white;}

span.text-gray-underlined {color: #606060; text-decoration:underline;}

span.text-regular {font-weight:normal;}

p.poetry-1 {margin-top: 10px; margin-bottom: 10px; margin-left: 17px; font-style: italic;}
p.poetry-1-before {margin-top: 20px; margin-bottom: 10px; margin-left: 17px; font-style: italic;}
p.poetry-1-after {margin-top: 10px; margin-left: 17px; font-style: italic;}

p.poetry-2 {margin-top: 10px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}
p.poetry-2-before {margin-top: 20px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}

div.poetry-offset {margin-left:160px;}

p.poetry-2-after {margin-top: 10px; margin-left: 37px; font-style: italic;}

.indent-1 {margin-top: 10px; margin-bottom: 10px; padding-left: 17px;}
.indent-1-before {margin-top: 20px; margin-bottom: 10px; padding-left: 17px;}
.indent-1-noafter {margin-top: 10px; padding-left: 17px;}

.indent-2 {margin-top: 10px; margin-bottom: 10px; padding-left: 37px;}
.indent-2-before {margin-top: 20px; margin-bottom: 10px; padding-left: 37px;}
.indent-2-noafter {margin-top: 10px; padding-left: 37px;}    

.index-item{margin-top: 10px; margin-bottom: 10px; font-weight:bold;}
.index-item-before{margin-top: 20px; margin-bottom: 10px; font-weight:bold;}
 
 
/* footnote links */
a.footnote:link {color:#606060; text-decoration:none; outline:none;}
a.footnote:visited {color:#606060; text-decoration:none; outline:none;}  
a.footnote:hover {color:black; text-decoration:none; outline:none;}  

a.page-nav:link	{color:#606060; text-decoration:none; outline:none;}
a.page-nav:visited {color:#606060; text-decoration:none; outline:none;}
a.page-nav:hover {color:black; text-decoration:none; outline:none;}

a.page-nav-uline:link {color:#606060; text-decoration:underline; outline:none;}
a.page-nav-uline:visited {color:#606060; text-decoration:underline; outline:none;}  
a.page-nav-uline:hover {color:black; text-decoration:underline; outline:none;}  

a.hover-uline:link {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.hover-uline:visited {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.hover-uline:hover {color:black; text-decoration:underline; padding-right:20px; outline:none;}

span.page-nav-uline{color:black; text-decoration:underline; outline:none;}


/* used for transcript Previous, Next and Table of Contents nav links */
a.transcript-nav:link {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.transcript-nav:visited {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.transcript-nav:hover {color:black; text-decoration:underline; padding-right:20px; outline:none;}

a.transcript-nav-nopad:link {color:#606060; text-decoration:none; outline:none;}
a.transcript-nav-nopad:visited {color:#606060; text-decoration:none; outline:none;}
a.transcript-nav-nopad:hover {color:black; text-decoration:underline; outline:none;}


/* for links using gray text on black background */
a.gray-black:link	{color:#909090; text-decoration:none; outline:none;}
a.gray-black:visited {color:#909090; text-decoration:none; outline:none;}
a.gray-black:hover {color:white; text-decoration:none; outline:none;}

/* Lists */

ul {list-style: square;
    text-align: left;
}

li {margin-bottom: 10px;
}
    
ol.strong {font-weight: bold;}

/* Order page */
/* Previous ...
.order{width: 100%}
.product-description-title {width: 75%; text-align: left; padding: .3em; font-weight: normal; background-color: white; border: 1px solid #CCCCCC;}
.product-cost-title {width: 10%; text-align: right; padding: .3em; font-weight: normal; background-color: white; border: 1px solid #CCCCCC;}
.product-add-item-title {width: 15%;padding: .3em;}

.product-description {width: 75%; text-align: left; padding: .3em; border: solid 1px #CCCCCC;}
.product-description-noborder {width: 75%;  text-align: left; padding: .3em; border: 0px;}
.product-cost {width: 10%; text-align: right; padding: .3em; border: solid 1px #CCCCCC;}
.product-cost-noborder {width: 10%; text-align: right; padding: .3em;}
.product-add-item {width: 15%; text-align: center; padding: .3em; border: solid 1px #606060;}
.product-add-item-noborder {width: 15%; text-align: center; padding: .3em;}
*/
/*
.product-description {width:500px; float:left;  text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px #CCCCCC;}
.product-description-noborder {width:500px; float:left;  text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px white;}

.product-cost {width:60px;float:left; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px #CCCCCC;}
.product-cost-noborder {width:60px;float:left; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px white;}

.product-add-item {width:120px; float:left; margin: 2px 0 4px 1px; padding: 5px 0px 0px 0px; border: solid 1px #CCCCCC; }
.product-add-item-noborder {width:120px; float:left; margin: 2px 0 4px 1px; padding: 5px 0px 0px 0px; border: solid 1px white;}
.product-add-item-viewcart {width:120px; float:left; margin: 20px 0 4px 1px; padding: 5px 0px 0px 0px; border: solid 1px #A2A200;}
*/

table.product {width: 700px;}
.product-description {width:70%; text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px #CCCCCC;}
.product-description-noborder {width:70%; text-align: left; margin: 2px 1px 2px 0; padding: 8px 0px 8px 5px; border: solid 1px white;}

.product-cost {width:10%; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px #CCCCCC;}
.product-cost-noborder {width:10%; text-align: right; margin: 2px 1px 2px 1px; padding: 8px 5px 8px 0px; border: solid 1px white;}

.product-add-item {width:20%; margin: 2px 0 4px 1px; border: solid 1px #CCCCCC; }
.product-add-item-noborder {width:20%; margin: 2px 0 4px 1px; border: solid 1px white;}
.product-add-item-viewcart {width:20%; margin: 20px 0 4px 1px; border: solid 1px #A2A200;}


/* tables on Link page */

table.curr{
	border: solid 1px #CCCCCC;
}

td.curr-norule
{   color: #AA3C32;
    text-align:left;
	background-color: white;
	padding: 10px;
}

td.curr-even
{   text-align:left;
    background-color: #FFFFCC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 10px;
}

td.curr-odd
{   text-align:left;
	background-color: white;
	padding: 10px;
}

td.curr-odd-botrule
{   text-align:left;
	background-color: white;
	border-bottom: solid 1px #CCCCCC;
	padding: 10px;
}

/* end of styles used by Joshiah website ------------------------------------------------------------ */