/*
[##########*##########*##########*##########*##########]
####												####
####  Custom CSS developed by						####
####  												####
####  e]O™											####
####   ~  											####
####  												####
####  eYe Openers design							####
####  http://eYeOpenersdesign.com					####
####  contact *web.development* at the above domain	####
####  © Wm Leslie Howard MMX - all rights reserved	####
####  												####
[##########*##########*##########*##########*##########]
*/



/*
########## ( CONTEXTUAL STYLES ] ##########
*/

body { 
	margin: 4px 0px 15px 0px; 
	padding: 0px;
	background-color: #00393a;
	color: #000;
	text-align: justify}
	
.bodyBG{
	background-color: #00393a;
	padding: 20px}	

#pageWrapper{
/*
Creates page width and shadowbox effect on full page.
Formerly .shadowboxPage
*/
	border-top: #cccccc solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #cccccc solid 2px;
	width: 97%}

#footnote{
	font-size:85%;
	color:#000}

h1{
	text-shadow: -3px -3px 2px #fff; 
	color: #c63;
}
h3{
	color: navy;
}

hr{
	background-color: #c99c61;
	color: #c99c61;
	height: 1px;
	width: 350px}

td{
	vertical-align: top}


/*
########## ( CLASSES ] ##########
*/

.header {
	width: 100%}

.button {
	background: #fff;
	font-family: Verdan,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #903;
	border: 2px solid #903}

.button:hover {
	background: #fc6}

.scriptDiv{
	padding: 10px 10px 15px 10px}

#page{
	width: 100%}

#GoogleButton{
	vertical-align: middle;
	padding-left: 12px}

/* 
########## ( BORDERS AND BOXES ] ##########
*/

.shadowbox{
/*Floats left by default*/	
	float: left;
	margin-right: 10px;
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxLeft{
	float: left;
	margin-right: 10px;
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxRight{
	float: right;
	margin-left: 10px;
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxNoPos{
/*Since .shadowbox defaualts to left.*/	
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxNoPosOver{
/*Used in the Media Gallery (index.html & photo_gallery.html)*/	
	border-top: #edcab8 solid 2px;
	border-right: #555555 solid 3px;
	border-bottom: #555555 solid 3px;
	border-left: #edcab8 solid 2px}

.shadowboxPlayer{
	float: right;
	margin-right: 0px;
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxPlayerNoPosition{
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}

.shadowboxThumbnail{
	border-top: #ffffff solid 1px;
	border-right: #999999 solid 2px;
	border-bottom: #999999 solid 2px;
	border-left: #ffffff solid 1px}

.shadowboxSmall{
	border-top: #ffffff solid 1px;
	border-right: #999999 solid 2px;
	border-bottom: #999999 solid 2px;
	border-left: #ffffff solid 1px;
	width: 30px;
	margin-right: 5px;
	vertical-align: top}

.shadowboxLogo{
	background-color: #fff;
	padding: 8px 8px 0px 8px ;
	margin-top: 25px;
	width: 105px;
	margin-left: 0px;
	border-top: #eeeeee solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 2px;
	border-left: #eeeeee solid 2px;
	text-align: center}

.shadowboxBio{
	width: 130px;
	float: left;
	margin: 0px 10px 10px 0px;
	border-top: #eeeeee solid 2px;
	border-right: #999999 solid 4px;
	border-bottom: #999999 solid 2px;
	border-left: #eeeeee solid 2px}
	
.shadowboxNatureDreaming{
/*Nature Dreaming portraits*/	
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px;
	float:right;
	margin:0px 0px 15px 10px;
	width:150px}

.shadowboxCaptionLeft{
/*Not in use.*/	
	text-align: left;
	font-size: 60%;
	color: #b1441e;
	float: left;
	margin-right: 15px;
	width: 30%;
	padding: 0px 10px 10px 0px;
	border-top: #ffffff solid 2px;
	border-right: #999999 solid 3px;
	border-bottom: #999999 solid 3px;
	border-left: #ffffff solid 2px}



/* 
########## ( TABLES ] ##########
*/

.tableHeader{
	position: relative;
	z-index: 100;
	width: 100%;
	margin-bottom: 0px}

.layoutTable{
	border-bottom: 2px solid #bbbbbb}

.table_standard{
	border: #ffffdd 4px outset;
	margin: 20px 0px 20px 20px}

.td_inset{
	font-family: arial;
	font-size: 95%;
	color: #b1441e;
	text-align: left;
	border-top: 1px #aaaaaa solid;
	border-right: 1px #ffffdd solid;
	border-bottom: 1px #ffffdd solid;
	border-left: 1px #aaaaaa solid;
	white-space: nowrap;
	vertical-align: middle}

.tdToolbarPrint{
	border-right: 0px solid #f5f5f5;
	text-align: center;
	vertical-align: middle}

.tdToolbarSearch{
	text-align: center;
	background-color: #00709f;
	border-right: 0px solid #f5f5f5;}

.tdToolbarShare{
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 1px}

.tableDisclaimer{
	position: relative;
	top: -8px;
	left: -5px;
	width: 100%;
	margin-bottom: 5px;}

#table_author{
	width: 100%}

.tdAuthor{
	text-align: left;
	font-weight: bold;
	font-size: 130%;
	color: #00416f}

.tdPlayerInstructions{
	color: #b1441e;
	text-align: right;
	white-space: nowrap;
	font-size: 70%;
	vertical-align: bottom}

.td_audio{
	text-align: right;
	vertical-align: middle}

#LeftColumn50{
	width: 50%}

#RightColumn50{
	width: 50%}


/*
########## ( MISCELLANEOUS ] ##########
*/

.designBox{
	font-family: trebuchet ms,verdana;
	font-size: 60%;
	color: navy;
	background-color: #f5f5f5;
	width: 240px;
	padding: 3px 5px 0px 0px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	margin-right: 2px}

.designBoxOver{
	font-family: trebuchet ms,verdana;
	font-size: 60%;
	color: #c84b4b;
	text-align: right;
	background-color: #ffffff;
	width: 240px;
	padding: 3px 5px 0px 0px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	margin-right: 2px}

.segments_wrapper {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	padding: 3px 7px 3px 7px;
	background-color: #b1441e;
	color: #ffffff;
	font-weight: bold;
	border-top: #ffffff 1px solid;
	border-right: #999999 2px solid;
	border-bottom: #999999 2px solid;
	border-left: #ffffff 1px solid;
	width: 100%;
	position: relative;
	top: -1px}

.segments_wrapper_2 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	padding: 3px 7px 3px 7px;
	background-color: #00416f;
	color: #ffffff;
	font-weight: bold;
	border-top: #ffffff 1px solid;
	border-bottom: #777777 2px solid;
	width: 100%}

.segments_wrapperIE {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	padding: 3px 7px 3px 7px;
	background-color: #b1441e;
	color: #ffffff;
	font-weight: bold;
	border-top: #ffffff 1px solid;
	border-bottom: #777777 2px solid;
	width: 103%}

.ScriptPageTitle {
/*
Was "segment_wrapper," but we added a left border that interferes with the page title
Wm | Sun, 12.Sep.2010 | 11: 40: 13PM.
*/	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	padding: 3px 7px 3px 7px;
	background-color: #b1441e;
	color: #ffffff;
	font-weight: bold;
	border-top: #ffffff 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 2px solid;
	border-left: #ffffff 0px solid;
	width: 100%;
	position: relative;
	top: -1px;
	vertical-align: middle}

.content {
	background-color: #ffedca;
	background-image: url('https://billhoward.info/californialegacy.org/archive/images/graphics/logos/watermark.gif');
	border-top: 2px solid #f5f5f5;
	vertical-align: top}
	
.contentScripts {
	background-color: #ffedca;
	background-image: url('https://billhoward.info/californialegacy.org/archive/images/graphics/logos/watermark.gif');
	border-top: 0px solid #f5f5f5;
	vertical-align: top}
	
/*Spacing on home page*/
.text_homeBlock{
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: arial;
	color: #b1441e;
	border: 1px solid #c99c61;
	margin: 10px;
	width: 98%;}

/*USED IN PLACE OF .text_home in SCRIPTS
0 border-top for script pages */
.window{
	font-family: arial;
	color: #b1441e;
	border-top: 0px solid #c99c61;
	border-right: 1px solid #c99c61;
	border-bottom: 1px solid #c99c61;
	border-left: 1px solid #c99c61;
	padding: 0px;
	margin: 10px}

/* border-top for non-script pages */
.window2{
	font-family: arial;
	color: #b1441e;
	border: 1px solid #c99c61;
	padding: 10px;
	margin: 10px}

.windowBooks{
	font-family: arial;
	color: #b1441e;
	margin: 10px auto;
	padding: 10px 5px 5px 0px;
	border-top: 1px solid #b1441e;
	border-right: 1px solid #b1441e;	
	border-bottom: 1px solid #790000;	
	border-left: 1px solid #790000;
	text-align: center;}

.windowPrintGraphics{
	font-family: arial;
	font-size: 10pt;
	color: #b1441e;
/*ADD TOP BORDER FOR PRINT & TOP MARGIN SPACE*/
	border-top: 1px solid #c99c61;
	border-right: 1px solid #c99c61;
	border-bottom: 1px solid #c99c61;
	border-left: 1px solid #c99c61;
	padding: 0px;
	margin: 20px 10px 10px 10px}

.contentDiv{
	padding: 10px 10px 15px 10px}

.bull{
	font-size: 90%;
	font-weight: bold}



/* 
########## ( IMAGES & MENUS ] ##########
*/

.SCUglobalMenuBarImages{
	height: 11px;
	width: 11px;
	margin: 0px 11px 1px 30px}

.SCUglobalMenuBarMargins{
	margin: 0px 40px 0px 0px}

.SCUglobalMenuBarInitMargin{
	margin-left: 10px}

.fheaderLogo{
	width: 70px;
	height: 50px;
	vertical-align: middle;
	margin-left: 50px}

.GooglePin{
	vertical-align: middle;
	margin-left: 10px;
	height: 32px}

.jacket{
	margin: 0 auto 50px;
	text-align: center;
	border: 1px solid #b1441e;
	width: 500px;
	box-shadow: 3px 12px 23px 9px #5d4646;}
	
.bookJacket{
	width: 92%;
	border: 1px solid #b1441e;
	margin-bottom: 10px;
	padding: 2px;
	background-color: #c48068;
	box-shadow: 1px 2px 4px 3px #5d4646;}
	
.bookText{
	text-align: left;
	padding: 0 25px;}

/* Called in html but nothing be used. Delete?
Wm - Sun, 05.Sep.2010 | 01: 12: 30AM */
.menuLogo{
	}

.readerThumb{
	width: 30px;
	height: 45px;
	vertical-align: top}

.playButton{
	vertical-align: middle}

#table_scholarPic{
	height:200px}

/* 
########## ( WIDGETS ] ##########
*/

#PrevNext{
/* "<Prev | Index | Next >" on Project, Scholars, Media Gallery, Radio Productions and Scripts pages. Book Series uses "NavWidget."
white text links found at ".PrevNext a" series in text.css
*/	
	text-align: right;
	font-size: 60%;
	vertical-align: middle;
	padding-right: 4px}

.NavWidget{
/*Navigation widget floats on heydaybooks.com iframe in /book_series/ files
white text links found at ".NavWidget a" series in text.css*/	
	font-size: 70%;
	text-align: right;
	padding: 3px;
	background-color: #b44227;
	color: #fff;
	width: 180px;
	text-align: center;
	border: 2px solid #ffdea3;
	margin: -22px auto 15px auto;}


/*
[##########*##########*##########*##########*##########]
####												####
####  Custom CSS developed by						####
####  												####
####  e]O™											####
####   ~  											####
####  												####
####  eYe Openers design							####
####  http://eYeOpenersdesign.com					####
####  contact *web.development* at the above domain	####
####  © Wm Leslie Howard MMX - all rights reserved	####
####  												####
[##########*##########*##########*##########*##########]
*/