body {

	font-family: "Times New Roman", Times, serif;
  	color: #000;
  	background-color: #fff;
  	padding:10px;

}
/*index css*/ 
.roof {
	width:100%;
	border-bottom: 3px solid red;
    margin: 50px 0px 10px 0px;
    	}
.title {
	font-family: 'Shrikhand'; 
	font-size: 9vw;
	line-height:4vw;
	}  
.about {
	font-family: 'EB Garamond', serif;
	font-size: 2vw;
	padding-bottom:8px ;
	width: 100%;
    border-bottom: 2px dotted #cccccc;
    margin: 10px 0px 10px 0px;

	}
.tagline {
	text-transform:uppercase; 
	font-size:.8em;
	letter-spacing:2px;
	padding-left:10px
}
.reading {
	width:100%;
	padding:0px;
	}
.floor {
	width:100%;
	background-color:red;
	}

/*content css*/

.container {
	display:flex;
	flex-direction:row;
	background-color:#ffffff;
	box-sizing:border-box;
	}
.leftcolumn {
	order:0;
	max-width:25%;
	padding:10px 20px 10px 10px;
	}
.readingcolumn {
	width:60%;
	padding:10px;
	box-sizing:border-box;
	}
.rightcolumn {
	order:2;
	width:15%;
	padding:10px;
	}

.readingtitle {
	font-size:3.7vw;
    font-family: 'EB Garamond', serif;

}

.readingtitlelong {
	font-size:2.2vw;
    font-family: 'EB Garamond', serif;

}
.readingauthor {
	font-style:italic;
	margin-top:30px;		font-family: 'EB Garamond', Times, serif;
}
.estreadtime {
	text-transform:uppercase; 
	font-size:.8em;
	letter-spacing:1px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #cccccc;
	font-family: 'EB Garamond', Times, serif;
}
.readingpubdate {
	margin-top: 7px;
    margin-bottom: 24px;
    font-family: EB Garamond, serif;
    font-size: 15px;
    letter-spacing: 1px;
}
blockquote, .blockquote {
font-size: .85em;
    line-height: 1.5em;
    color: darkslategrey;
    font-weight: lighter;
    font-family: Helvetica;
margin-left:30px;
}
.permalink {
	margin-top:40px;
}

.permalink a {
	text-decoration:none;
	font-style:italic;
	color: red;
}

a.ytdlink {color:#FF0000;text-decoration:none;font-family: 'EB Garamond', serif;}

.redbox {padding:10px 30px 10px 20px; filter: drop-shadow(2px 2px 3px #c0c0c0);
    background-color: #ffffff; width: 80%;}
.redbox h2 {font-size: 14px; text-transform: uppercase; letter-spacing: 2px; font-weight:normal;font-family: 'EB Garamond', 'Times New Roman', Times, serif; color:#828087;   }
.redbox ul, .redbox p {font-size: 14px; padding-left: 18px; font-family: sans-serif; font-weight: lighter; }
.redbox li {padding-left: 7px;margin-bottom:10px; list-style-type: '\2192';}
.redbox ul li::marker { color: #ca0000;}
.redbox a {color: #ca0000;text-decoration:none;}

p.subhed {
	text-indent: 0 !important;
    font-weight: bold;
padding-top: 30px;
}

p.subred {
	text-indent: 0 !important;
    font-weight: bold;
color: #FF0000;
padding-top: 30px;
font-size: 1.2em;
}

div.bottomnote {width: 95%; padding:15px; border-top: 3px solid red;border-left: 3px solid red;>
}

p.attribute {text-align: end;}

div.greyintro {border-left: 1px solid gray; padding: 20px 50px; background-color: whitesmoke;text-indent: 30px; margin-bottom: 30px;}
.center {text-align:center;}


.center-bold 	{text-align:center;
		font-weight: bold;
    		font-size: 1.3em;}

.readingcolumn p { 
	text-indent: 30px; 
	margin-top: 0;
	margin-bottom: 1em; 
	overflow: auto;
	line-height:1.5em;
	font-size:1em;
}
.readingcolumn p:first-child {
	text-indent:0px;
}

.noindent {text-indent:0px !important;}

.subhed+p {
	text-indent:0;
}
.introquote {
	margin: 0px 20% 20px 0px;
	font-weight:bold;
	font-family: 'EB Garamond', serif;
font-size:16px;
font-style:italic;

}

.byline {
	    text-align: right;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 5px;
font-style:normal;
color:darkslategray;
}
.introquote+p  {
	text-indent:0;
}
.about {font-size:
}

sup {font-size:.5em;
color: #FF0000;
line-height:.5em;
font-weight:normal;}

/*sidenotes*/

 .sidenote {
	display: block;
	float: right;
	width: 15%;
	min-width:125px;
	border-top: 1px solid gray;
	margin: 2px;
	padding: 9px 3px 3px;;
	font-size:.8em;
	line-height:1.2em;
	text-indent:0;
}

.sidenoteleft {
	order:0;
	float: left;
	width: 179px;
	min-width:125px;
	border-top: 1px solid gray;
	margin: 2px;
	padding: 9px 3px 3px;;
	font-size:.8em;
	line-height:1.2em;
	text-indent:0;
	position:relative;
	margin-left:-186px;
	left:-7px;
}

.sidenotelong {
	display: block;
	float: none;
	width: 15%;
	min-width:125px;
	border-top: 1px solid gray;
	margin: 2px;
	padding: 9px 3px 3px;;
	font-size:.8em;
	line-height:1.2em;
	text-indent:0;
	height: 120px;
	overflow: auto;
	position:absolute;
	right:0;}

.red {color:#FF0000;}
.black {color:black;}
.italic {font-style: italic;}
hr {color:#FF0000;width:70%;border: 2px solid;}
.ad {margin-top:20px; margin-bottom:20px;}
.ad div {text-align: left !important;}


@media screen and (min-width: 900px), projection and (min-width: 900px), tv and (min-width: 900px) {
.sidenote {
	float:none;
	position: absolute;
	right: 0;
	width:15%;
	margin: -2em 0px 0px
}

}

/*responsive*/
@media only screen and (max-width: 700px) {
	.leftcolumn {
		max-width:100%;
		padding:0px;
/*		display:flex; flex-wrap:wrap; justify-content:space-between; */
		border-bottom: 1px solid #ccc;
		padding-bottom:3px;
		margin-bottom:20px;
	}
		.tagline {
		font-size:2em;
		padding-left:0px;
	}
	.readingtitle {
		font-size:2em;
		width:100%;
		}
		
	.readingauthor {
		width:100%;
		border-bottom: 1px solid #ccc;
		padding-bottom:3px;
	}
	.container {
		display:block;
	}
	.estreadtime {
	font-size:.6em;
	border:0px;
	margin-top:0px;
	padding-top:3px;
	align-self: flex-end;
	}
	.permalink {
		margin-top:3px;
		font-size:.8em;
		align-self:flex-end;
	}
	.readingcolumn {
		width:100%;
		padding:0px;

		}
.adbox {display:none;}
}

@media only screen and (min-width: 701px) {
.adboxresponsive {display:none;}
}