@charset "utf-8";
/* CSS Document */

/* colors 
	cream bg #fff5e0
	teal text #004E5A
	light teal #007587
*/
.eb-garamond-tgcom {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h1, h2, h3 { margin:0; }
body {
	background:#101106 url(/images_2025/pg_bg_tile.jpg);
	padding:0;
	margin:0;
	font-family:"eb-garamond-tgcom",Geneva,serif;
	font-size:1.1em;
}
header {
	display:grid;
	grid-template-columns:1fr 1fr;
	width:2010px;
	margin:15px auto;
	max-width:85%;
}
header a.logo, header nav {
	align-self:center;	
}
header a.logo {
	display:block;
	justify self: start;
}
header nav {
	color:#009bb2;
	padding:5px 0;
	border-top: 1px solid #8D8080;
	border-bottom: 1px solid #8D8080;
	justify-self:end;
	font-size:1.2em;
}
header nav a {
	color:#F8E4E4;
	text-decoration:none;
	padding:3px 7px;
}
header nav a:hover, header nav a:active, header nav a:focus {
	background:#009bb2;
	box-shadow:inset 3px 3px 3px rgba(53,64,53,0.6);	
}
.wrap {
	background:url(/images_2025/pg_bg_horiz.jpg) center repeat-y;
	padding:20px;
}
nav.nav-graphic {
	display:grid;
	width:2070px;
	margin:15px auto 30px;
	max-width:90%;	
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	column-gap:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
nav.nav-graphic div.visual {
	aspect-ratio:.6667;
	background:url(/images_2025/link-books.jpg) top center no-repeat;
	background-size:contain;
}
nav.nav-graphic div.visual.essays {
	background-image:url(/images_2025/link-essays.jpg);
}
nav.nav-graphic div.visual.audio {
	background-image:url(/images_2025/link-audio.jpg);
}
nav.nav-graphic div.visual.video {
	background-image:url(/images_2025/link-video.jpg);
}
nav.nav-graphic div.visual.music {
	background-image:url(/images_2025/link-music.jpg);
}
nav.nav-graphic a { display:block !important; position:relative; text-decoration:none; }
nav.nav-graphic p {
	transform:rotate(-38deg) translate(-42%, 715%);
	background:#fff5e0;
	color:#fff;
	width:calc(100% + 160px);
	margin-left:-75px;
	margin-right:-85px;
	padding: 8px 85px 8px 50px;
	text-align:right;
	box-sizing:border-box;
}
nav.nav-graphic .books p { 
	color:#333;
}
nav.nav-graphic .essays p {
	background: #007587;
}
nav.nav-graphic .audio p {
	background: #004E5A;	
}
nav.nav-graphic .video p {
	background: #002F34;
}
nav.nav-graphic .music p {
	background: #00141A;
}
.maincontent {
	display:grid;
	width:2070px;
	margin:15px auto;
	max-width:90%;
	grid-template-columns:60% 40%;
	column-gap:18px;
}
.maincontent article, .maincontent section {
	padding:15px 60px 25px;	
	box-sizing:border-box;
}
nav.nav-graphic .cont, .maincontent > div.cont, .maincontent aside {
	filter: drop-shadow(3px 3px 8px rgb(0 0 0 / 0.8));	
}
.maincontent article, .maincontent section, nav.nav-graphic div.visual {
	/* 59 v, 70 h */
	clip-path:polygon(100% 0%,100% calc(100% - 59px), calc(100% - 70px) 100%, 0px 100%, 0px 0%);
}
.maincontent article {
	background:#fcfcfc;
	font-size:1.15em;
}
.maincontent h1 {
	font-weight:normal;
	font-style:italic;
	color:#004E5A;
	border-bottom:1px solid #007587;
}
.sidebar-col {
	margin:0;
	padding:0;
}
.sidebar-col section {
	background: #FFF5E0;
	margin-bottom:18px;
}
.sidebar-col section:last-child { margin-bottom:0;}
.sidebar-col h2 {
	font-weight:normal;
	font-style:italic;
	color:#333;
	border-bottom:1px solid #777;
}
.sidebar-col h3 {
	font-weight:normal;
	font-variant:small-caps;
	text-align:center;
	font-size:1em;
	color:#555;	
}
.maincontent a, .sidebar-col a {
	color:#009bb2;
}