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

body {
	background-image: none;
	margin:48px 48px 0;
	color:#000000;
}

	/* TYPE */

p {
	font-family: "ff-tisa-web-pro", serif, Georgia;
	font-weight:400;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 15px 0;
}

	p em {
		font-style:italic;
	}

	p strong {
		font-weight:700;
	}

h1 {
	font-family:"fira-sans", Arial, sans-serif;
	font-weight:200;
	font-size: 28px;
	line-height: 33px;
}

h2 {
	font-family:"fira-sans", Arial, sans-serif;
	font-weight:400;
	font-size: 17px;
	line-height: 27px;
	padding:0 0 21px 36px;
	border-bottom:1px solid #d9d9d9;
}


h3,
h4  {
	font-family:"proxima-nova", sans-serif, Arial;
	font-weight:700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

h3 {
	font-size: 10px;
	line-height: 15px;
}

a,
a:after {
	text-decoration:none;
	border-bottom:1px solid #808080;
	color:#000;
}

	/* STRUCTURE */

	header {
		height: auto;
		margin: 0 0 24px 0;
	}

		#header_print {
			display:block;
		}


	#header_container,
	.responsive-nav,
	#sidebar,
	#article_share,
	#bottom_donation,
	#bottom_newsletter,
	.rwd-display-options,
	#favorite_reads_from_the_archives,
	#powered-by,
	#amazon-notice {
		display:none;
	}

		#main_body.right {
			width:100%; /* TARGET 680px / CONTEXT 960px */
			padding: 0 0 0 0; /* TARGET 40px / CONTEXT 960px */
		}

	/* CONTENT ELEMENTS */

		#posts img {
      height: auto;
      width:60%;
		}

		#posts a img {
		display: block;
		}

		#posts .cover {
		width: 180px;
		float:right;
		padding:0 0 12px 24px;
		}

		#posts h3.byline {
		margin:0 0 21px 21px;
		color:#d9d9d9;
		}

	figure {
		width:60%;
		border: 1px solid #d9d9d9;
		padding: 20px 20px 5px;
		margin: 24px 0;
	}

	figcaption,
	blockquote {
		font-family:"fira-sans";
		font-weight:300;
		color: #1a1a1a;
	}

		figcaption {
			font-size: 13px;
			line-height: 18px;
			margin: 10px 0 0 0;
			padding: 10px 0 5px 0;
			border-top: 1px solid #d9d9d9;
		}

		blockquote {
			font-size: 15px;
			line-height: 24px;
			padding: 0;
			margin: 0 0 12px 36px;
		}


		figcaption em,
		blockquote em {
			font-style: italic;
		}

		figcaption strong,
		blockquote strong {
			font-weight: 400;
		}

	#end_print {
		display:block;
		margin:24px 0 0 -5px;
	}

	#end_print h1 {
		padding:10px 0 0 0;
	}

	.monogram {
		float:left;
		width:60px;
		padding: 0 5px 0 0;
	}

.grid {
	display: grid;
	gap: 1rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#posts .grid img {
  width: 100%;
}