/*****************************/
/* Styles for the Index Page */
/*****************************/

/***********/
/* Special */
/***********/

#middle { background: url('img/content-side.jpg'); background-size: cover }
.useID { font-family: Arial; font-size: 18px; outline: 0; text-decoration: underline; 
	cursor: pointer; color: red; background: none }

#story_box { width: 70%; min-width: 314px; margin: 0 auto; 
	padding: 10px; background-color: ivory; }
#story_box a { cursor: pointer; color: red }
#story_img { float:left; width: 294px; margin-right: 8px }

#video_box { position: absolute; z-index: 20; top: 186px;		 
	width: calc(100vw - 40px); max-width: 800px;
	margin-left: 50%; transform: translateX(-50%); display: none }
#video_box:after { content: ''; display: block; padding-top: calc(100% * 9/16) }
#video_close { position: absolute; top: 5px; right: 5px }
#video { position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	background: black; color: white; font-size: 24px; text-align: center;
	width: 100%; height: 100%; }
/*#header-debug { position: absolute; left: 5px; z-index: 2; color: #EFAF2E; display: block; }*/
	
#header-debug { font-size: 25px; color: PeachPuff; color: yellow;
	margin-top: 120px; margin-left: 1px; }
	
#header-image { position: absolute; right: 0; width: 373px; height: 150px; opacity: 0.2;
	background: url('img/Fords1975.png') no-repeat right }
@media (max-width: 1760px){ /* originally 760px */
 	#header-image { opacity: 0.2 } 
	#header-ident { left: -30px; margin: 0 5px 0 -5px }
}

/******************/
/* The Walter Box */
/******************/

#walter_box { position: absolute; z-index: 20; top: 186px;
		/*position: relative: top: 0;*/
	width: calc(100vw - 40px); max-width:1340px;	/*max-width:900px;*/
	border: 5px solid #00cc66; border-radius: 5px;
	margin-left: 50%; transform: translateX(-50%); display: none }
#walter_header { position: relative; text-align: center; background-color: #CA521E; 
	color: white; font-size: 20px; font-weight: 400; height: 36px; line-height: 40px }
#walter_close { height: 24px; z-index: 6; float: right; margin: 8px }
#walter_story { display: block; width: 100%; background-color: #ceebfd; color: black; 
	padding: 13px; margin: 0 auto; text-align: left; border: 3px solid #CA521E }