/* ---------------------------------------- */
/* Ohio 66 - main body properties - 11:24	*/
/* ---------------------------------------- */
body
{
	font-family: Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
	/* font-size: 81%; */
	color: black;
	background-color:  #D5D7E9;
	/* background-image: url("bkimage.jpg"); */
	max-width: 768px;
	margin: 16px;
}

img { border: 0px; }
/* img { padding: 1px; border: 1px solid #cccccc; background-color: #000000; } */


/* ---------------------------------------------------------------------------------------------------------------- */
/*	Header																											*/
/* ---------------------------------------------------------------------------------------------------------------- */

.header img { float:left; }

/* ---------------------------------------------------------------------------------------------------------------- */
/*	Photos - Rick, Merissa and Alex																					*/
/* ---------------------------------------------------------------------------------------------------------------- */

.photo_row { font-size:81%; }
.photo_row * { box-sizing: border-box; }
.photo_row::after { content: ""; clear: both; display: table; }	
.photo_column { float: left; width: 33.33%; padding: 5px; }
.photo_column img { width:100%; }

/* ---------------------------------------------------------------------------------------------------------------- */
/*	Standard button style?																							*/	
/* ---------------------------------------------------------------------------------------------------------------- */

.button { background-color: #4CAF50; border: none; color: white; padding: 12px 25px; 
	text-align: center; font-size: 14px; cursor: pointer; }
	
.button:hover {background-color: green; }

/* ---------------------------------------------------------------------------------------------------------------- */
/*	Expanding text notes section ("accordian")																		*/	
/* ---------------------------------------------------------------------------------------------------------------- */

.accordion 
{
	background-color: #eee; 
	color: #444; 
	cursor: pointer; 
	padding: 18px; 
	width: 100%; 
	border: none; 
	text-align: left; 
	outline: none; 
	/* font-size: 15px; */
	transition: 0.4s; 
}

/* \002B = plus sign, \2212 = minus sign */

.active, .accordion:hover { background-color: #ccc; }
.accordion:after { content: "\002B"; font-size:200%; color: #777; font-weight: bold; float: right; margin-left: 5px; }
.active:after { content: "\2212"; }

.panel { font-family:"Georgia"; font-size:100%; line-height:140%; padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: 
         max-height 0.2s ease-out; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* Section																											*/
/* ---------------------------------------------------------------------------------------------------------------- */

.base_div {  background-color: white; padding: 16px; margin-top: 16px; margin-bottom: 16px; border: 2px solid #999; }
.base_div img { max-width: 100%; }
.base_div p { font-family:"Palatino Linotype"; font-size:100%; line-height:140%; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* Song Lyrics																										*/
/* ---------------------------------------------------------------------------------------------------------------- */

.song {  background-color: white; padding: 16px; margin-top: 16px; margin-bottom: 16px; border: 2px solid #999; }
.song_title { font-family:"Palatino Linotype"; font-size:170%; }
.lyric { font-family:"Palatino Linotype"; font-size:100%; line-height:140%; }
.poem { font-family:"Palatino Linotype"; font-size:94%; line-height:140%; padding-left:1em; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* Notes																											*/
/* ---------------------------------------------------------------------------------------------------------------- */

.notes { font-family:"Georgia"; font-size:100%; line-height:140%; }

/* ---------------------------------------------------------------------------------------------------------------- */
/* Header?																											*/
/* ---------------------------------------------------------------------------------------------------------------- */
.header 
{ 
	padding-left: 24px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: black;
	color: White;
}

.header img { display:inline-block; }

.header_title { font-family:"Palatino Linotype", "Georgia", "Century Schoolbook", serif; font-size: 42px; }
.header_sub_title { font-family:"Palatino Linotype", "Georgia", "Century Schoolbook", serif; font-size: 24px; }
.header_sub_title_ii { font-family:"Palatino Linotype", "Georgia", "Century Schoolbook", serif; font-size: 22px; }
.header_composer { font-family:"Palatino Linotype", "Georgia", "Century Schoolbook", serif; font-size: 18px; }
 
.header_frame 
{
	position: fixed; top: 0px; left: 0px;  
	width: 100%;
	z-index: 999;
	border-bottom: 1px solid black;
}
				
.header_logo
{
	/* font-size: 48px; / fallback size for browsers that don't support 'vw' */
	font-size: 6vmin;
	padding-left: 24px;
	padding-right: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: black;
	color: White;
}

.header_logo a { color:White; text-decoration:none; }
.header_logo a:visited { color:white; }
				
.header_title_xxx
{
	font-size: 24px;
	background-color: white;
	padding-left: 24px;
	padding-right: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: Black;
	height: 36px;
	display: block;
	overflow: hidden;
}
				
.header_byline
{
	margin-left: 12px;
	font-size:18px;
	font-style: italic;
	color: Black;
}

#mp3player1 { width: 100%; }
#mp3player2 { width: 100%; }
#mp3player3 { width: 100%; }
#mp3player4 { width: 100%; }

audioxxx { width: 1024px; display: block; margin:20px; }
audioxxx:nth-child(2) { width: 250px; }
audioxxx:nth-child(3) { width: 350px; }

/* ============================================================================================	*/
/*								FOOTER															*/
/* ============================================================================================	*/

.footer 
{
	padding-left: 24px;
	padding-right: 32px;
	padding-top: 24px;
	padding-bottom: 24px;
	background: black;
	color: White;
}

/* ============================================================================================	*/
/*								PHOTO LEFT/RIGHT 2019-01-13										*/
/* ============================================================================================	*/

.news_photo_right
{
	width: 25%;
	font-size: 85%;
	float: right;
	clear: both;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	margin-left: 12px;
	background-color: rgb(255,255,255);
}

.news_photo_right img 
{
	/* width: 25% */
	/* max-width: 100%; */
	width: auto\9; /* ie8 */
}

/* --------------------------------------------------------- */
/* Standard item - a 'white' block that contains other items */
/* --------------------------------------------------------- */
.standard_item { background-color: white; padding: 16px; margin-top: 16px; margin-bottom: 16px; border: 2px solid #999; }
.standard_item_left { padding-right: 16px; max-width: 528px; }  /* max-width added 2013-03-31 */
.standard_item_right { padding-left: 16px; }
.standard_item_list { padding-left: 16px; padding-right: 16px; }

/* ----------------------------------------------------------------------------- */
/* Starring George Maharis - TEMPORARY											 */
/* ----------------------------------------------------------------------------- */
.coming_soon { margin-top: 0px; margin-bottom: 0px;  display:inline-block; margin-bottom:16px; }

/* Starring George Maharis */
.cs_title { font-size: 120%; font-style: italic; color: White; }

/* Default for header (Coming soon... by Rick Dailey...) */
.cs_header { font-size: 120%; background-color: Black; color: White; padding:16px; }

/* Description text */
.cs_text { font-size: 100%; background-color: White; color: Black; padding:16px; padding-top:8px; padding:bottom:8px; }

/* ----------------------------------------------------------------------------- */
/* ???																			 */
/* ----------------------------------------------------------------------------- */
.editors_note { font-style: italic; }

/* ----------------------------------------------------------------------------- */
/* Forum                                                                         */
/* ----------------------------------------------------------------------------- */
.container { background-color: red; padding: 16px; }
.banner { background-color: #EEE; padding: 8px; }

/* ----------------------------------------------------------------------------- */
/* Debugging                                                                         */
/* ----------------------------------------------------------------------------- */
.fntrace { width: 256px; background-color: red; color: white; padding-left: 8px; padding-right: 8px; }
.trace { width: 256px; background-color: blue; color: white; padding-left: 8px; padding-right: 8px; }

/* ----------------------------------------------------------------------------- */
/* 'Groups' of periodical items (used only on the main Newspaper Clippings page) */
/* ----------------------------------------------------------------------------- */
.periodical_group { margin-top: 16px; margin-bottom: 16px; padding: 16px; background-color: white; border: 2px solid #999; }
.periodical_name { text-decoration: underline; font-size: larger; }
.periodical_title { margin-left: 16px; margin-top: 8px; }
.peridocial_description { margin-left: 32px;  display: inline; }

/* ------------------------------------------------------------------------------------------ */
/* Legal Affidavit																			  */
/* ------------------------------------------------------------------------------------------ */
.affidavitBody { max-width: 768px; 
	font-family: "Courier"; font-size: 120%; font-weight: normal;
	background-color: white; 
	line-height: 160%; padding: 32px; text-indent: 35px;}

.affidavitHeader { line-height: 100%; text-indent: 0px; };

.underline { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------ */
/* Individual newpspaper items on a full page - for example, the four itmes by John M. Whalen */
/* ------------------------------------------------------------------------------------------ */
.___newspaper { font-size: 112%; max-width: 960px; /*768px;*/ font-family: "Georgia"; background-color: white; padding-right: 200px; margin-bottom: 16px; padding: 24px; border: 2px solid #999; }
.newspaper { 
	font-size: 112%; 
	max-width: 960px; 
	font-family: "Georgia"; 
	background-color: white;
	padding: 24px; 
	/*padding-right: 300px;*/
	margin-bottom: 16px; 
	border: 2px solid #999; 
	}
.newspaper_supertitle { font-family: "Georgia"; font-size: 125%; font-weight: bold; }
.newspaper_title { font-family: "Georgia"; font-size: 140%; font-weight: bold; }
.newspaper_sub_title { font-family: "Georgia"; font-style: italic; font-size: 110%; font-weight: bold; }
.newspaper_byline { font-family: "Georgia"; font-style: italic; font-size: 110%; }
/* .___newspaper_text { font-family: "Georgia"; text-indent: 16px; line-height: 160%; padding-right: 200px; } */
/* .newspaper_text { font-family: "Georgia"; font-size: 115%; max-width: 640px; text-indent: 16px; line-height: 140%; } */
.newspaper_text { font-family: "Georgia"; font-size: 110%; max-width: 720px; text-indent: 16px; line-height: 160%; } 
.newspaper_text_quote { margin-left: 64px; margin-right: 96px; text-indent: 0px; }
.newspaper_name_date { font-family: "Georgia"; font-style: italic; font-size: 100%; }
.newspaper_page { text-align: center; color: gray; } 
.newspaper_footnote { font-size: 90%; font-style: italic; }

.newspaper_link_left
{
	font-size: 85%;
	float: left;
	clear: both;
	padding-top: 8px;
	border-top: solid 1px black;
	padding-right: 8px;
	border-right: solid 1px black;
	margin-right: 16px;
	padding-bottom: 8px;
	border-bottom: solid 1px black;
	padding-left: 0%;
	margin-left: 0%;
	max-width: 60%;  /* ???????????????????????????? */
	height: auto;  /* ???????????????????????????? */
}
.newspaper_imgleft { width: 96%; padding-left: 0%; margin-left: 0%; }	


/* ------------------------------------------------------------------------------------------ */
/* Individual newpspaper items on a full page - for example, the four itmes by John M. Whalen */
/* ------------------------------------------------------------------------------------------ */
.newspaper_ex { max-width: 720px; font-family: "Georgia"; background-color: white; margin-left:16px; margin-right:16px; }
.newspaper_ex_supertitle { /*width: 100px;*/ /*color: red;*/ font-size: 110%; /*line-height: 200%;*/ font-weight: bold; }
.newspaper_ex_title { font-size: 140%; /*line-height: 200%;*/ font-weight: bold; }
.newspaper_ex_sub_title { font-style: italic; font-size: 110%; font-weight: bold; }
.newspaper_ex_byline { font-style: italic; font-size: 110%; }
.newspaper_ex_text { font-size: 100%; text-indent: 16px; line-height: 150%; }
.newspaper_ex_name_date { font-style: italic; font-size: 100%; text-indent: 0px; }
.newspaper_ex_small_bold { font-family: "Arial"; font-size: 86%; text-indent: 0px; font-weight: bold; }

/* ------------------------------------------------------------------------------------------ */
/* Program Practices (Censors)																  */
/* ------------------------------------------------------------------------------------------ */
.program_practices { font-family: "Georgia"; margin: 64px; }
.program_practices .header { font-size: 22px; }
.program_practices .subheader { font-size: 19px; }
.program_practices .item { padding-left: 56px; text-indent: -56px; }
.program_practices .footnote { font-family: "Arial"; font-size: 90%; }

/* ------------------------------------------------------------------------------------------ */
/* Revell-ations																			  */
/* ------------------------------------------------------------------------------------------ */
.revell_title { font-family: "Georgia"; font-style:italic; font-size:140%; margin-bottom: 8px; }
.revell_credit { font-size:84%; font-style:italic; text-align:right; color:#bbb; }
.revell_text_normal { font-family: "Verdana"; max-width: 520px; padding-top: 8px; }
.revell_text_dialogue { font-family: "Georgia"; font-style:italic; max-width: 520px; padding-left:56px; text-indent:-56px; }
.revell_text { font-family: "Georgia"; font-style:italic; max-width: 520px; }
.revell_interview_left { margin-right: 160px; margin-bottom: 32px; }
.revell_interview_right { margin-left: 160px; margin-bottom: 32px; }
.revell_interview_name { font-family: "Georgia"; font-size: 140%; background-color: #EEEEEE; padding: 8px; padding-left:8px; margin-left:-8px; }
.revell_interview_whois { font-family: "Georgia"; font-style:italic; }
.revell_interview_text { font-family: "Georgia"; line-height: 150%; text-indent: 10px;}
.revell_crash { font-size:200%; }
.revell_indent { margin-left: 64px; margin-right: 64px; }

.hogarth_letterhead { font-family: "Trajan PRO", "Tahoma"; font-size: 180%; }
.hogarth_body { font-family: "Lucida Sans Unicode"; font-size: 110%; }

/* ------------------------------------------------------------------------------------------ */
/* Revell-ations																			  */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* Scripts																					  */
/* ------------------------------------------------------------------------------------------ */
.script_ex { max-width: 768px; font-family: "Courier New", "Courier"; background-color: white; padding: 32px; }
.script_ex_title { font-family: "Courier New", "Courier"; font-size: 140%; font-weight: bold; text-align: center; margin-top: 12px; }
.script_ex_byline { font-family: "Courier New", "Courier"; font-style: italic; font-size: 120%; text-align: center; margin-top: 12px; }
.script_ex_text { font-family: "Courier New", "Courier"; font-size: 120%; line-height: 150%; text-indent: 36px; margin-top: 32px; margin-left: 64px; margin-right: 64px; }

/* ------------------------------------------ */
/* Floating images used in newspaper articles */
/* ------------------------------------------ */
img.floatLeft { float: left; margin-left: 0px; margin-right: 16px; border: 0px; }
img.floatLeftClear { float: left; clear: left; margin-left: 0px; margin-right: 16px; border: 0px; }
img.floatRight { float: right; margin-left: 16px; margin-right: 0px; border: 0px; }
img.floatRightClear { float: right; clear: right; margin-left: 16px; margin-right: 0px; border: 0px; }

.assert_text { font-size: 18px; color: white; background-color: red; }

.commentary_header { font-size: 17px; color: black; }
.commentary_header_ii { padding-left: 10%; padding-right:0%; font-size: 17px; color: black; }

.commentary { margin-right: 32px; font-size: 13px; color: black; }
.commentary_ii { padding-left: 10%; padding-right:0%; font-size: 13px; }

/* -------------------------------------------- */
/* EPISODE TITLE HEADER							*/
/* -------------------------------------------- */

.episode_photo_table { width: 100%; background-color: #FAFFFC; /--*#F8F8FF;*--/  border: 2px solid #999; }
.episode_photo_td { padding: 16px; }

/* BEFORE 2016-07-15 */
.XXX_episode_photo_table_ii { background-color: #fafffc; border: 2px solid #999; padding: 2%; }
.XXX_episode_photo_table_ii img { width: 100%; }
.XXX_episode_photo_td_ii { width: 50%; }

/* AFTER 2016-07-15 */
.episode_photo_table_ii, .ladbs_table { width:100%; background-color: #fafffc; border: 2px solid #999; padding: 2%; }
.episode_photo_table_ii img { max-width: 100%; }
.episode_photo_td_ii { width: 50%; }

.episode_header { font-family: "Georgia", serif; font-color: white; color: white; background-color:	#B0C4DE; margin-bottom: 16px; border-width: 2px; border-style: outset outset outset outset; border-color: blue blue blue blue; }
table.episode { border-collapse: separate; color: white; background-color: 	#B0C4DE; }
table.epsiode > td { font-size: 52px; }
.episode_title_td { font-size: 34px; font-style: italic; text-align: center; vertical-align: center; }
.episode_location_td { font-size: 24px; font-style: italic; text-align: center; vertical-align: center; } */

.ladbs_table tr { padding-bottom: 16px; }	
.ladbs_table td { padding-bottom: 20px; width: 50%; border-bottom: 1px solid black; }
.ladbs_table th { color:Red; }

/* -------------------------------------------- */
/* EPISODE TITLE HEADER (???)					*/
/* -------------------------------------------- */

/* .episode_hea der_ex { border: 3px solid #ddd; } */
/* table.expiso de_ex { } */
/* .episode_table_ex > td { color: red; border-width: 1px; } */

.episode_header_ex { background-color: #B0C4DE; padding: 16px; margin-bottom: 16px; 
	border-top: 2px solid #888; border-left: 2px solid #888; border-bottom: 2px solid #999; border-right: 2px solid #999; }
table.page_header { background-color: #B0C4DE; color: white; }
.episode_title_ex { font-family: "Georgia"; font-size: 240%; }
.episode_location_ex { font-family: "Georgia"; font-size: 150%; }

/* -------------------------------------------- */
/* EPISODE TITLE HEADER (JULY 2013)				*/
/* -------------------------------------------- */

/* HACK - COPIED AND ADAPTED FROM STANDARD ITEM: */
/* BKCOLOR MUST BE IN CONTAINER AND COLOR IN TABLE BECAUSE OF IE */
.titlebar_container { background-color: #B0C4DE; padding: 16px; margin-top: 16px; margin-bottom: 16px; border: 2px solid #999; }
.titlebar_table { color: white; font-family: "Georgia"; border-collapse:collapse; }
.titlebar_table td { padding-right: 16px; }
.titlebar_title { font-size: 28px; }
.titlebar_location { font-size: 18px; font-style: italic; }

/* -------------------------------------------- */
/* YOUTUBE VIDEOS								*/
/* -------------------------------------------- */

.youtube4x3 { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; } /* 16x9=56.25%, 4x3=75% */
.youtube4x3 iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

/* -------------------------------------------- */
/* LETTER (See Mermaids on Cruelest Sea Of All) */
/* -------------------------------------------- */
.letter { font-family: "Trebuchet MS"; font-style: italic; padding-left: 32px; padding-right: 64px; }

/* -------------------------------------------- */
/* MENU JULY 2013 (see ohio66menu.js)           */
/* -------------------------------------------- */
ul { font-family: "MS Sans Serif", "sans-serif"; z-index: 1001; list-style: none; padding: 0px; margin: 0px; height: 20px; }
ul li { display: block; position: relative; float: left; border: 1px solid #000; background: #eee; }
li ul { display: none; }
ul li a { display: block; background: #eee; padding: 5px 10px 5px 10px; text-decoration: none; white-space: nowrap; color: black; }
ul li a:hover { background: #ccc; }
			
li:hover ul { display: block; position: absolute; }
li:hover li { float: none; }
li:hover a { background: var(LinkHoverColor); }
li:hover li a:hover { var(LinkHoverColor); }
				
#drop-nav li ul li { border-top: 0px; }

.no_ie_menu { font-family: "Arial"; font-size: 10px; }

/* ============================================================================================	*/
/*								SCRIPT - START													*/
/* ============================================================================================	*/

.script { font-family: Courier; font-size: 110%; line-height: 120%; }
.script_title { text-align: center; }
.script_block { margin: 0px 128px 0px 64px; }
.script_part { text-align: center; }
.script_dialog { margin: 0px 0px 32px 64px; }

/* ============================================================================================	*/
/*								ROSIN BOOK - START												*/
/* ============================================================================================	*/

.book_table_td_left { width: 25%; }			
.book_table_td_right { margin-left: 25%; padding-left: 5%; }		

/* ============================================================================================	*/
/*								MENU - START													*/
/* ============================================================================================	*/

@variables { StandardMenuItemWidth: 200px; }

.ohio66_menu
{
	height: 64px;
}

#pmenu, #pmenu ul
{
	padding:	0;
	margin:		0px;
	list-style-type: none;
}

#pmenu
{
	font-family:	Arial;
	margin:			0px 0px 16px 0px;
	position:		relative;
	xz-index:		500;
}

#pmenu li
{
	float:		left;
	position:	relative;
}

#pmenu a, #pmenu a:visited 
{
	display:			block;
	width:				150px;
	font-size:			10px;
	color:				#000;
	height:				23px;
	line-height:		22px;
	text-decoration:	none;
	text-indent:		5px;
	background:			#FFF;
	border:				1px solid; #000;
	border-width:		0 1px 1px 0;
	border-color:		red;
}

#pmenu li:hover > a
{
	color:				#000;
	background:			#cdf;
	
}

#pmenu li ul { display: none; }

/* left: one greater than width of #pmenu a above */
#pmenu li:hover > ul { display:block; position:absolute; top:0; left:151px; }
#pmenu > li:hover > ul { left:0; top:24px; }

/* ============================================================================================	*/
/*								PHOTO LEFT/RIGHT 2019-01-13										*/
/* ============================================================================================	*/

.news_photo_left
{
	max-width: 42%;
	font-size: 85%;
	float: left;
	clear: both;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	margin-right: 12px;
	background-color: rgb(255,255,255);
}

.news_photo_right
{
	max-width: 42%;
	font-size: 85%;
	float: right;
	clear: both;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	margin-left: 12px;
	background-color: rgb(255,255,255);
}

.news_photo_left img 
{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.news_photo_right img 
{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}