/* 2022: body { background-color: #BBB ; } */ /* 00DDEE */ /*BBB */ /* conflicts with Verti colors */
.portfolio { float: left;  width: 320px; height: 380px; font-size: small; line-height: 1.5em; }
.portfolio a:link {text-decoration: none; }
.portfolio a:visited {text-decoration: none;}
.portfolio a:hover {border: 1px; background-color: black; color: white;}
.portfolio img.a:link {text-decoration: none;}
.portfolio img { 
	border: none;
	/* border: 1px solid #666;
	// background-color: #FFF;
	// padding: 4px;
	// position: relative;
	// top: -5px;
	// left: -5px;
	*/
	margin-bottom: 6px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.go_clear {clear: both;}

.xx img, .photo_matte img {
	/* display: block; */
	padding: 30px;
	background-color: #CCC;
	border: 2px solid black;
	margin-bottom: 3px;
}

.photo_caption { font-size: small; line-height: 1.75em }

.testfoo { color: red; }

/* frameborder is obsolete as HTML in YouTube iframe. Use CSS 'border' instead  (2022-03-17) */
iframe { border:0; }

/*  credit: https://avexdesigns.com/blog/responsive-youtube-embed (works) */
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0}


/* https://www.w3schools.com/howto/howto_css_image_responsive.asp */
.responsive { 
  max-width: 100%;
  height: auto;
}

.detail_box_highlight { background:LightBlue; padding: 8px; }

.movie_sepr { border-top: 4px double blue; margin-top: 16px; }