/*
% (c) 2021, CV Radhakrishnan <cvr@sayahna.org>
% Sayahna Foundation, Jagathy, Trivandrum
*/

/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
- Normalize
- Grid
- Fonts
- Base Styles
- Typography
- Links
- Lists
- Code
- Tables
- Spacing
- Fontawsome
- Utilities
- Navigation
- Footer
- Clearing
- Media Queries
*/

/* Normalize
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
  margin: 0;
  padding: 0;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 0 ;
  padding: 0 0 ;
  box-sizing: border-box; 
}

.title {
		display: block;
		padding: 2em 0 ; 
}

footer {
	position: relative;
  width: 100%;
  margin: 0 0;
  padding: 0 0;
}

.fontmatter, .mainmatter, .back {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box; 
}


@media only screen and (max-width: 600px) {
	.mainmatter, 
	.back { margin-left: 1em; margin-right: 1em; }
  .frontmatter, .lchapter, .chapter, { margin: 0; padding: 0 }
}

/* rows */
.row {
	padding: 0;
	margin: 0;
}

.row:before,
.row:after {
  content:"";
  display:table;
}

.row:after {
  clear:both;
}

/* columns */
.col {
	display: block;
	float:left;
//	margin: 1% 0 1% 4%;
	margin: 0 0 0 0;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

@media only screen and (max-width: 600px) {
	.col { margin: 0 0 0 0;}
	.container { margin: 0 0 ; padding: 0 0 ; }
}

/* cells */
.cell1of1 {	width: 100%;}
.cell2of2 {	width: 100%;}
.cell1of2 {	width: 48%;}
@media only screen and (max-width: 480px) {
  .cell1of2, .cell2of2 { width: 100%; }
}

.cell3of3 {	width: 100%; }
.cell2of3 {	width: 65.33%; }
.cell1of3 {	width: 30.66%; }
@media only screen and (max-width: 600px) {
	.cell1of3, .cell2of3, .cell3of3 { margin: 0; width: 100%; }
}

.cell4of4 { width: 100%; }
.cell3of4 { width: 74%; }
.cell2of4 {	width: 48%; }
.cell1of4 {	width: 22%; }
@media only screen and (max-width: 700px) {
	.cell1of4, .cell2of4, .cell3of4, .cell4of4 { margin: 0; width: 100%; }
}

.cell5of5 { width: 100%; }
.cell4of5 { width: 79.2%; }
.cell3of5 { width: 58.4%; }
.cell2of5 { width: 37.6%; }
.cell1of5 { width: 16.8%; }
@media only screen and (max-width: 480px) {
	.cell1of5, .cell2of5, .cell3of5, .cell4of5, .cell5of5 { width: 100%; }
}

.cell6of6 { width: 100%; }
.cell5of6 { width: 82.66%; }
.cell4of6 { width: 65.33%; }
.cell3of6 { width: 48%; }
.cell2of6 { width: 30.66%; }
.cell1of6 { width: 13.33%; }
@media only screen and (max-width: 480px) { 
  .cell1of6, .cell2of6, .cell3of6, .cell4of6, .cell5of6, .cell6of6 { width: 100%; }
}  

.cell7of7 { width: 100%; }
.cell6of7 { width: 85.14%; }
.cell5of7 { width: 70.28%; }
.cell4of7 { width: 55.42%; }
.cell3of7 { width: 40.57%; }
.cell2of7 { width: 25.71%; }
.cell1of7 { width: 10.85%; }
@media only screen and (max-width: 480px) { 
  .cell1of7, .cell2of7, .cell3of7, .cell4of7, .cell5of7, .cell6of7, .cell7of7 { width: 100%; } 
}

.cell8of8 { width: 100%; }
.cell7of8 { width: 87%; }
.cell6of8 { width: 74%; }
.cell5of8 { width: 61%; }
.cell4of8 { width: 48%; }
.cell3of8 { width: 35%; }
.cell2of8 { width: 22%; }
.cell1of8 { width:  9%; }
@media only screen and (max-width: 480px) { 
  .cell1of8, .cell2of8, .cell3of8, .cell4of8, .cell5of8, .cell6of8, .cell7of8, .cell8of8 { 	width: 100%; }
}

/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
 @font-face {
  font-family: 'roboto light';
  src: url('/fonts/roboto_light.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}
@font-face {
  font-family: 'roboto regular';
  src: url('/fonts/roboto_regular.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}
@font-face {
  font-family: 'roboto medium';
  src: url('/fonts/roboto_medium.woff')
	  format('woff');
	font-variant-numeric: oldstyle-nums;   
}

@font-face {
	font-family: LinLibertine ;
	src: url('/fonts/LinLibertine_R.otf') ;
	font-variant-numeric: oldstyle-nums;   
}

@font-face {
  font-family: 'RIT Rachana' ;
	src: url('/fonts/RIT-Rachana-Regular.woff2') format('woff2') ;
	unicode-range: U+0D00-0D7F, U+2000-209F;
	font-variant-numeric: oldstyle-nums;   
}
/* Base Styles */

html {
	background: White ;
  font-size: 100%; height: 100%; 
  line-height: 1.4em;
}

header { 
		background: #004d1a ;
		font-size: 100%; 
		line-height: 1.4em;
		padding: 0 ;
		height: 150px;
}

.search { 
	background: black ; 
	height: 45px ;		
	margin-bottom: -5px; 
}

.navigation {
	background: #666633;  height: 2em; z-index: 100;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	margin: 0 0 0 0 ;
  background:  FloralWhite;
  color: #330000;
  font-family: LinLibertine, 'RIT Rachana', sans-serif;
	font-variant-numeric: oldstyle-nums;
  font-size: 18px;
  font-weight: 300;
	border: 0px solid #ffe6e6 ;
	text-align: justify;
	word-spacing: -2px ;
}

p.nohyphens {  
	hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
	word-break: normal;
  line-break: normal;
    
}

myhyphens {
	word-break: normal; 
  line-break: normal;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-last: always;  
	hyphenate-limit-zone: 8%;   
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-family: 'RIT Rachana', 'LinLibertine', sans-serif;
	font-variant-numeric: oldstyle-nums;
  font-weight: 300;
  text-shadow: 2px 2px 2px #aaa;
//  letter-spacing: -.03em;
  letter-spacing: .025em;
  line-height: 1.4em;
  margin: 0.5em 0 .25em 0;
	hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.home h1 {font-size: 1.5em}

strong, b, .bold{ font-family: 'LinLibertine', 
    'RIT Rachana', sans-serif;
		 font-variant-numeric: oldstyle-nums;
		 font-weight: 500; color: grey; 
}

em, i, .italic { font-style: italic; letter-spacing: .03em; }

.en { font-family: LinLibertine ; font-variant-numeric: oldstyle-nums; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
a         { color: #005DB7; text-decoration: none; }
//a:hover   { text-decoration: underline; border-bottom: 1px dotted gray; }
a:hover   { border-bottom: 1px dotted gray; }
a:visited { color: #005DB7; }
a:active,
a:focus   { outline: 0; }
a:target  { color: #007F00; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle outside; }
ol {
  list-style: decimal outside; }
ol, ul {
    padding-left: 0; margin-left: 2em;
    margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5em 0 1.5em 3em;
  font-size: 90%; }
li {
  margin: 0.25em 0; }
.lsn { list-style: none; }

ul.team, ul.team ul { list-style: inside none; margin: .5em 0 .2em;}
ul.team ul { margin: 0 0 0 .2em; }
ul.team ul li { margin: 0; }
ul.team a span {color: #000;}

ol.enumerate1 { list-style: decimal inside; margin-left: 1em;
		margin-top: 0;
	  padding-top: 0; text-indent: -1em; }
li.enumerate {
  margin: 0.25em 0; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  font-size: 90%;
	color: brown;
  white-space: nowrap; }

pre > code {
  display: block;
  overflow: auto;
  padding: 1em 1.5em;
  white-space: pre;
  word-wrap: normal; }

pre  {
		overflow: auto;
		padding: .5em 0em .4em 1em;
		margin-left: 0em;
		font-family: monospace; 
		color: DarkSlateGrey;
		border-left: solid 10px;
		border-color: #cccccc;
		background-color: #eeeeee;
		font-size: .9em;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: .25em 1.5em;
  text-align: left;
  border-bottom: 0px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
article { margin: 2em 0 0; }
button, .button {
  margin: 0em; 
	margin-top: .25em;
	width: auto ;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5em; }

pre,
blockquote,
dl,
figure,
table,
ul,
ol,
form { margin-bottom: .5em; }

p { margin-bottom: .5em; padding: 0; } 

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
header { margin: 0 0em 0em 0em ; }
header img { display: block; margin: auto auto ; }
header span {
		position: absolute !important;
		top: -9999em !important; left: -9999em !important;
} 

@media screen and (max-width : 600px){
		header { margin: 0 0 0 0; width: 100% }
		nav { width: 100% ; z-index: 100; }
		body {	text-align: left; }
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
nav { 
	position: relative; 
	margin: 20px 0 0 0 ;		
	background: #00802b ;
}
nav ul { 
	 list-style: none; margin: 0;
	 text-align: center; width: 100%; 
}
nav ul li { display: inline-block; margin: -1px 0 0 0; }
nav ul li a, 
nav ul li a:visited { color: #FFF;
		    display: block;
		    padding: .6em .4em .4em .4em; 
		    text-align: center;
		    text-decoration: none; 
}
nav ul li a:hover { color: #FFF;
		    display: block;
		    padding: .6em .4em .4em .4em; 
		    text-align: center;
		    text-decoration: none; 
        }
// nav ul li a:hover { text-decoration: underline; }
// nav ul li a:hover { border-bottom: 1px dotted gray; }
nav ul li.active a, nav ul li.active a:hover {
		color: #4dffff;
		font-family: 'RIT Rachana', 'LinLibertine' ;
		font-variant-numeric: oldstyle-nums;
		font-weight:400;
    text-decoration: none;
    border: none;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
} 
nav li:hover ul a { background: #FFF; color: #005DB7; }
nav li ul a:hover { color: #000; text-decoration: none;}
nav li ul { display: none; position: absolute; width: auto; }
nav li ul li { display: block; float: none; }
nav li ul li a { min-width: 8em; width: auto; }
nav ul li a:hover + .sub, .sub:hover { display: block; text-decoration: none; }

.show-menu { text-decoration: none;
	     color: #fff; background: #008080;
	     text-align: center; padding: .5em 0;
	     display: none; }

.show-menu a:hover { text-decoration: none;
	     color: #008080; background: #fff; 
	     text-align: center; padding: .5em 0;
	     display: none; }

nav input[type=checkbox] { display: none; -webkit-appearance: none; }
nav input[type=checkbox]:checked ~ ul { display: block;          
		border-bottom: 1px FloralWhite solid;
		background: #00802b ;
		color: red;
}

@media screen and (max-width : 600px){
  nav ul {
    position: static; z-index: 100;
    display: none;
		bottom-border: 1px white solid ;
  }
  nav ul li, li a {
    display: block;
		bottom-border: 1px white solid ;
    width: auto;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
		z-index: 100;
  }
  .show-menu {
    display:block;
		z-index: 100;
  }
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
		background: #004d1a ;
		width: 100% ;
}

.foot {
		width: 700px ;
		color: #FFF;
		font-size: 0.9em;
		margin: 0 auto;
		padding: 1em 1em ;
		hyphens: none ;
		-webkit-hyphens: none;
	  -ms-hyphens: none;	
	  -moz-hyphens: none;
}

footer a, footer a:visited { color: #80e0ff; }
footer svg { margin: 0 0 0.7em; }
footer ul { list-style: none; }
footer li { border-bottom: 1px solid #555; }
footer li a {display: block; font-size: 0.9em;}
footer li a:hover { color: #EEE; text-decoration: none; }

@media only screen and (max-width: 600px) {
   footer { margin: 0 auto ; text-align: center}
	 .foot { width: 95% ; text-align: left; padding: 1em 1em;}
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  clear: both;
  color: #e3e3e5;
  background: #e3e3e5;
  height: 2px;
  border: 0;
  margin: 0 0 2.5em; }

scap { font-size: .825em; text-tranformation; uppercase; }
span.TEX {letter-spacing: -0.125em; padding-right:0.125em; }
span.TEX span.E{ position:relative;top:0.5ex;left:-0.0417em;}
.A span.TEX span.E {text-decoration: none; }
span.LATEX span.A{ position:relative;
		   top:-0.5ex; left:-0.375em;
		   padding-right:0.1em;
		   font-size:75%;}
span.LATEX span.TEX{ margin-left:-0.4em; }

/* Various
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* home */
.home dt { margin: 1em 0 .3em; }

/* teaser */
.teaser a:hover { display: inline-block;
		  text-decoration: none; }
.teaser section a h2,
.teaser section a h3 { color: #005DB7;
		       font-size: 1.2em;
		       margin: 0 0 .5em;
		       padding: .2em 0;}
.teaser section a p { color: #000; }
.teaser section a:hover p { color: #005DB7; }

/* news */
span.fa-rss-square { color: #fe9900;}
small span.fa-rss-square { margin: 0 .2em; }
ul.news-posts, 
ul.all-news-posts { list-style: none; margin: 0 0 1em; }
ul.news-posts li, 
ul.all-news-posts li { margin: 0 0 0.6em; }
ul.news-posts a, 
ul.all-news-posts a { display: block; }
ul.news-posts a:hover, 
ul.all-news-posts a:hover { text-decoration: none; }
ul.news-posts span.post-date { color: #555; display:
	block; font-size: 0.8em; }
ul.news-posts h3 { color: #005DB7;
		   font-size: 1.2em;
		   margin: 0;
		   padding: 0 0 .6em; }
ul.news-posts p { color: #000; }
ul.news-posts a:hover p, 
ul.all-news-posts a:hover h3 { color: #005DB7; }
ul.all-news-posts h3 {font-size: 1em;}
ul.all-news-posts h1, 
ul.all-news-posts p {display: none;}
ul.all-news-posts {margin: 0 0 2.5em;}

/* toc */
.toc { list-style: none; }
.toc li:before { content: "\27A4 \2002 \2005"; color: #777;}
.toc li { border-bottom: 1px dotted #999;
	  margin: 0; padding: .2em .5em;}
.toc a { display: inline-block; width: auto; }
.toc a:hover { color: #000; text-decoration: none; }

/* links */
.links ul { list-style: none; }
.links ul li { margin: 0 0 1em; }
.links ul li a:first-child { font-weight: bold; }
.links .toc li a:first-child { font-weight: normal; }
.links .toc li { margin: 0; }

/* books 
.books img { float: left; margin: .3em 1em .2em 0;
	     padding: .1em; border: 1px solid #DDD; }
*/
/* team */
.team h2 { font-size: 1.2em; margin: 1.3em 0 .5em; }
.team h2 .role { color: #999; font-size: 0.7em; }

/* flattr */
a[href*="flattr"] { float: right; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Custom
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
span.neptune { font-family: 'RIT Rachana' , 'LinLibertine';
							 font-variant-numeric: oldstyle-nums;
							 font-size: 90%; font-weight: 300;
							 letter-spacing: .1em; color: \#008080;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Dropdown
---------------------------------------------------------------------------- */
/* Style The Dropdown Button */
.dropbtn {
		color: #005DB7;
		font-family: 'RIT Rachana', sans-serif;
		font-variant-numeric: oldstyle-nums;
		font-weight: 300;		
		background-color: FloralWhite; 
		padding-bottom: 0px;
		font-size: 1em;
		border: none;
		cursor: pointer;
//		border-bottom: 1px silver solid ;
//		text-shadow: 2px 2px 2px #aaa;
}

ul li .dropbtn { 
		text-decoration: none ; 
		border: none ;
//		padding: 5px 3px 0px 3px; 
		margin: 0 0 0 0;
		text-align: left ;
		vertical-align: top ;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {                     
		position: relative;
		display: inline-block;
		margin: 0px 0px 0 px;
		text-align: left ;
		line-height: 1.2em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
		display: none;
		position: absolute;
		text-align: left ;
		background-color: white;
		font-size: .85em;
		min-width: 200px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		left:0;
}

/* Links inside the dropdown */
.dropdown-content a {
		color: black;
		padding: .25em .5em;
		text-decoration: none;
		display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
		background-color: ForestGreen;
		color: white; /* #006699;*/
		font-weight:300;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
		display: block;
		color: black;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
		background-color: silver;
}

/*=============================================================*/

.chaphead, 
.lchaphead,
.sechead, .lsechead, .sukhead, .notehead,
.subsechead, .lsubsechead, 
.subsubsechead, .lsubsubsechead {
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
  text-shadow: 4px 4px 4px #aaa;
  letter-spacing: .03em;
  line-height: 1;
  margin: 0 0 0 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;	  
}

.chaphead { margin-top: 1.5em; margin-bottom: 1.25em; }

.phead {   color: #424242;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
  text-shadow: 1px 1px 1px #aaa;
  letter-spacing: .03em;
  line-height: 1.3em;
  margin-top: .5em ; 
	margin-bottom: 0.5em; 
	margin-left: 0 ;
	margin-right: 0em; 
} 

div.lchapter, div.chapter, div.schapter {
		max-width: 700px ;
		margin: 0 0 ;
		padding: 0 0 ;
}

@media screen and (max-width : 600px){
		.nosec, .schapter, .chapter, .lchapter
		{ 
			width: 100% ; 
			margin: 0 0; 
			padding-right: 0.5em; 
		}
p { line-height: 1.4em;  margin: 0; padding-right: .5em ; text-indent: 1em;}
p.indent { line-height: 1.4em;  margin: 0; padding-right: .5em; text-indent: 1em;}
p.noindent { line-height: 1.4em;  margin: 0; padding-right:.5em; text-indent: 0;}
p.hang { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.verse-br { padding: 0; }
p.end { line-height: 1.4em; font-size: .85em; color: black ;  
		margin-left: 1.18em; padding-right:.5em; text-indent: -1.50em;}
p.idx { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.subidx { line-height: 1.4em;  margin-left: 2.5em; padding-right:.5em; text-indent: -1.50em;}
}

div.chapcontainer { 
  margin: 3em  auto 2em auto; 
	text-align: center; }
div.chaphead { font-size: 2.25em; 
	text-align: center; 
	color: #555; }

div.chapnum  { font-size: 1.5em; color: gray; 
		font-family: LinLibertine, 'RIT Rachana';
		font-variant-numeric: oldstyle-nums;	
		margin-top: 3em ;
		margin-bottom: -1.35em;  
		text-align: center ;
}

.chapnum::before { content: "..." ; } 
.chapnum::after { content: "..." ; } 

div.subchap  { font-size: 1em; margin: .25em auto; 
	text-align: center; color: #777; }

div.hauthor { margin-top: .75em; margin-bottom:1.5em;
	text-align: center;
	font-size: 1.5em;
	color: #666;
	}

div.sechead, .lsechead  { font-size: 1.5em; margin: .75em 0 .5em 0; }
div.subsechead, .lsubsechead { font-size: 1.4em; margin: .65em 0 .35em 0; }
div.subsubsechead, .lsubsubsechead { font-size: 1.3em; margin: .55em 0 .25em 0; }
div.sukhead { font-size: 1.5em; margin: .75em 0 .5em 0; }
div.notehead { font-size: 1.2em; margin: .65em 0 .5em 0; }

h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.home h1 {font-size: 3em}

.secnum,.subsecnum, .subsubsecnum { padding-right: .5em; }

.secnum,.subsecnum, .subsubsecnum {
		font-family: LinLibertine;
		font-variant-numeric: oldstyle-nums;
 }

.stanza, .verse { display: block ;
		margin-left: 5em ;
		margin-bottom: .5em ;
		padding: .25em 0;
		word-wrap: scroll;
		margin-right: 1in;
		text-indent: 0;
		}

.snum { float: right ; }
.snum::before { content:"(" }
.snum::after { content:")" }

.quote { display: block ;
		margin-left: 3em ;
		margin-right: 3em ;
		padding: .25em 0;
		}


div.end a { float: left; padding-top: .25em; }
div.end div.verse { margin-left: 2em ; }

.verse-br { margin: 0; padding: 0; }

@media only screen and (max-width: 600px) {
.stanza, .verse { display: block ;
		margin-left: 1em ;
		padding: .25em 0;
		margin-right: 0;
		text-indent: 0;
		}
.quote { display: block ;
		margin-left: 1em ;
		margin-right: .5em ;
		padding: .25em 0;
		}
}

p { 
		text-size-adjust: 100%;
		word-break: normal; 
  	line-break: loose;
  	hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphenate-character: "" ;
  	-webkit-hyphenate-character: "" ;
		hyphenate-limit-chars: 6 3 2;
		hyphenate-limit-last: always;  
		hyphenate-limit-zone: 8%;            
    }
/*	display: flex ;
    line-break: anywhere; 
*/    
p { line-height: 1.4em;  margin: 0; padding: 0 0 .25em 0; text-indent: 1.5em;}
p.indent { line-height: 1.4em;  margin: 0; padding: 0; text-indent: 1.5em;}
p.noindent { line-height: 1.4em;  margin: 0; padding: 0; text-indent: 0;}
p.verse-br { padding: 0; }
p.hang { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.hangitem { line-height: 1.4em;  margin-left: 2.5em; padding-right:.5em; text-indent: -2em;}
p.end { line-height: 1.4em; font-size: .85em; color: black ;  
		margin-left: 1.25em; padding-right:.5em; text-indent: -1.250em;}
p.center { 
		line-height: 1.4em;  margin: .5em 0; 
		padding: 0; text-indent: 0; text-align: center ;
		font-size: 1.5em; color: red ;
		letter-spacing: .05em
}
p.idx { line-height: 1.4em;  margin-left: 1.5em; padding-right:.5em; text-indent: -1.50em;}
p.subidx { line-height: 1.4em;  margin-left: 4em; padding-right:.5em; text-indent: -2em;}

p.right { 
		line-height: 1.4em;  margin: 0 0; 
		padding: 0; text-indent: 0; text-align: right ;
		font-size: 1em; color: black ;
		letter-spacing: .01em
}



.opener, .closer { margin: .5em 0 ;}

p.list { line-height: 1.4em; text-indent: 0; }0
ol > li { margin: 0; padding: 0; }

ul { list-style: circle outside; }
ol { list-style: decimal outside; }

 }
ol, ul, dl {
		font-family: 'RIT Rachana', LinLibertine ;
		font-variant-numeric: oldstyle-nums;
    padding-left: 0; margin-left: 1.5em;
    margin-top: 0; 
		text-size-adjust: 100%;
		word-break: normal; 
  	line-break: loose;
  	hyphens: auto;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphenate-character: "" ;
		hyphenate-limit-chars: 6 3 2;
		hyphenate-limit-last: always;  
		hyphenate-limit-zone: 8%;            
}
dl dl,
dl ol,
dl ul,
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0em 0 .25em .25em;
  font-size: 95%; }
li { margin-bottom: 0.0em; line-height: 1.4em;}

dd { margin-left: 1.5em }

p.fn { display: block; font-size: 1em; margin-left: 2.5em;
		text-indent: -1.5em ; }

span.fnum { display: pseudo-block; width: 5em; 
		padding-right: .5em; 
		text-align: right; }

dt { font-family: 'RIT Rachana', LinLibertine  ;
		font-weight: normal; 
		color: black; margin-top: .75em;				
 }

em, i, .italic { font-style: italic; letter-spacing: .03em; }

table { border-collapse: collapse; margin: 1em auto}
td.tbdr { border-top: 2px gray solid; padding-top: 6px }
td.hrule{ border-top: 1px gray solid; padding-top: 6px}
td.bbdr { border-bottom: 2px gray solid; padding-bottom: 6px}

td.lbdr { border-left: 1px gray solid;  }
td.rbdr { border-right: 1px gray solid; }

td.left { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }

td { padding-left: 6px; padding-right:6px; }

.qleft, .lfigure, .fleft { float: left ; 
		text-align: center; 
		margin-right: 15px; margin-top: 10px;
		padding: 0px ;
 }

.qright, .rfigure, .fright { float: right ; 
		text-align: center; 
		margin-left: 15px;  margin-top: 10px; 
		padding: 0 ;
}

.qfull, .fullfig,  { text-align: center; 
		margin: 1em auto; padding: 0em 0 ; 
} 

.qleft, .qright { width: 200px; }
.qfull, .qleft, .qright { border-top: ForestGreen 10px solid;
		border-bottom: ForestGreen 1px solid; 
		text-align: left;
		padding-top: 5px;
		padding-bottom: 6px;
		color: #264d00 ;
		font-size: .9em; 
		line-height: 1.3em;
	word-break: normal; 
  line-break: normal;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-last: always;  
	hyphenate-limit-zone: 8%;   
}

.fcenter {float: center; clear: both; text-align: center; margin: 1em auto;  }
.fullfig { margin: 0 auto; }

.fmulti { display: block ;
	width: 100%; margin: 1em 0 ; 
	text-align: center; text-wrap: wrap; }
.fmulti > img { margin: 0 3px; }
.fmulti > figcaption { width: inherit; margin: 0 auto ; 
		text-align: center; padding: 5px 10px}

//figure { margin: 0; padding: 0; text-align: center; }

.gra { width: 125px; min-width: 125px; max-width: 125px; margin-top: 6px  }
.grb { width: 200px; min-width: 200px; max-width: 200px;  }
.grc { width: 275px; min-width: 275px; max-width: 275px;  }
.grd { width: 350px; min-width: 350px; max-width: 350px; }
.gre { width: 425px; min-width: 425px; max-width: 425px; }
.grf { width: 500px; min-width: 500px; max-width: 500px; }
.grg { width: 540px; min-width: 540px; max-width: 540px; }
.grh { width: 600px; min-width: 600px; max-width: 600px; }
.gri { width: 620px; min-width: 620px; max-width: 620px; }
.grj { width: 100%; min-width: 450px; max-width: 100%; }

/*
.Cover img, .rfigure img, .lfigure img { margin: 0 0; padding: 0 }
*/

figure.fleft img, .fright img { min-width: inherit; max-width: inherit ;}
figure.fullfig img { max-width: 700px ; margin-top: 1.5em; text-align: center}
.fcenter img { text-align: center; width: inherit; }
img.thumb { width: 125px; }

.figcap { color:  #454545; 
		font-size: .8em; 
		text-align: left; 
		line-height: 1.2em; }

.mh-one { display: none; }
.mh-two { text-align: center; color: #222;
  	font-family: 'RIT Rachana', 'LinLibertine', sans-serif;
		font-variant-numeric: oldstyle-nums;
  	font-weight: 300;
  	text-shadow: 2px 2px 2px #aaa;
  	letter-spacing: .025em;
  	line-height: 1.4em;
  	margin: 0.5em 0 .25em 0;
		hyphens: none;
  	-ms-hyphens: none;
  	-moz-hyphens: none;
  	-webkit-hyphens: none; }

.mh-one { font-size: 1.3em ; margin-top: 1.5em ; }
.mh-two { font-size: 2.2em ; margin-top: 1.25em ; margin-bottom: .5em; }

.body .divHead,.docauEmail { display:none; }

.docTitle,
.lchaphead,
.mainTitle {
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
	font-size: 1.85em;
  text-shadow: 4px 4px 4px #aaa;
  letter-spacing: .03em;
  line-height: 1.5;
  margin: 2em 0 0 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
	text-align: center;	  
}

.docAuthor, div.subhead {  
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
	font-size: 1.5em;
  text-shadow: 4px 4px 4px #aaa;
  letter-spacing: .03em;
  line-height: 1.5;
  margin: 0em 0 2em 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
	text-align: center;	  
}

.sub, .o-pub-data { 
  color: #99994d;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
	font-size: 0.8em;
  line-height: 1.5;
  margin: -1em 0 2em 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
	text-align: center;	  
}


.back { 
	display: block;
	margin: 3em auto;
	word-spacing: normal;
}



.back .divHead {
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
	font-size: 1.25em;
  line-height: 1.15;
  margin: 1em 0 1em 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
	text-align: center;	  
}

.back .divHead h2 {
  color: #222;
  font-family: 'RIT Rachana', LinLibertine,  ;
  font-weight: 300;
	font-size: 1.15em;
  line-height: 1.15em;
  margin: 1em 0 .5em 0; 
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
	text-align: left;	  
}

.back p {
	margin-left: 2em ;
	text-indent:  -2em;
	font-size: .7em; 
}

.back h2.main, .back h3.main { 
	font-size: 80% ; color: black;
	margin-bottom: .25em;
}

.small-caps { font-variant: small-caps; margin-right: .2em; }
.small { font-size: 60%; }
.trail { padding-left: 3em; font-size: 80%; color: #555555; }

@media only screen and (max-width: 600px) {
.lfigure, .lfloat, .fleft { float: left;
		text-align: center; 
    padding-bottom: 3px; padding-top: 3px;
//		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  }
.rfigure, .rfloat, .fright { float: right;
		text-align: center; 
	  padding-top: 3px; padding-bottom: 3px;
  }
.fullfig, .fcenter { float: center; width: 100%; 
		text-align: center; 
    margin: 1.5em auto; padding: 0em 0 ; 
  } 
/* multiple itmes in <figure> */
.fmulti { display: block ; text-align: center; text-wrap: wrap; }
.fmulti > img { margin: 0 2px; }
.fmulti > figcaption { text-align: center; padding: 6px 0px}
/* back matter */
.back { margin: 2em 1em; }
.qleft, .qright { max-width: 150px }
#cover-image img { margin: 0 auto 0 auto ; width: 100%; text-align: center}
.fcenter img, .fullfig img, .rfigure img, .lfigure img { width: inherit }
#show, #hide { margin: 2em 0;}
.gra { width: 125px; min-width: 125px; max-width: 125px; margin-top: 6px }
.grb { width: 150px; min-width: 150px; max-width: 150px;  }
.grc { width: 175px; min-width: 175px; max-width: 175px;  }
.grd { width: 100%; min-width: 100%; max-width: 100%; }
.gre { width: 100%; min-width: 100%; max-width: 100%; }
.grf { width: 100%; min-width: 100%; max-width: 100%; }
.grg { width: 100%; min-width: 100%; max-width: 100%; }
.grh { width: 100%; min-width: 100%; max-width: 100%; }
.gri { width: 100%; min-width: 100%; max-width: 100%; }
.grj { width: 100%; min-width: 100%; max-width: 100%; }
.Cover { width: 100%; margin: 0 auto; }
}

.Cover { width: 700px; margin: 0 auto; }

#cover-image { margin: 1em auto 0 auto;
	text-align: center ;
	width: 100%
	}

#cover-image img { width: 100%; }
#cover-image figcaption, .fcenter figcaption { margin: 0 auto; text-align: center; }

#cover-image figcaption { margin: 0 auto; text-align: center; }

@media only screen and (max-width: 600px) {
.Cover { width: 100%; margin: 0 auto; }
#cover-image { margin: -0.85em auto 0 auto;
	text-align: center ;
	width: 100%
	}
#cover-image img { width: 100%; }
#cover-image figcaption { margin: 0 auto; text-align: center; }
}
figcaption { font-size: .8em; 
	color: grey; width: inherit; 
	line-height: 120%;
	display: block;  
	text-align: left; 
	word-break: normal; 
  line-break: normal;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-last: always;  
	hyphenate-limit-zone: 8%;   	
	}
	
figcaption.thumb { font-size: .8em; line-height: 1.2em;
	text-align: center; color: grey; width: 125px; }

#cover-image figcaption::before { content:"Cover: " }

#colo {display: none ;
  width: 100%;
  text-align: left;
}

#show, #hide { margin: 2em 0; } 

blockquote { margin: .5em 2em; color: black;}
.c-icon, .cx-icon{ width: 15px; padding: 3px 3px 0px 3px }
span.sc { font-variant: small-caps ; }
span.bullet { font-size: .7em ; color: blue; }

.prev { float: left; color: red; }
.next { float: right; color: red; }
.toc  { display: block; margin-bottom: -2em; 
				margin-top: 1em; text-align: center }

a:hover.toc { text-decoration: none; border: none; }

.abstract { 
	display: block;
	margin: 1em ; 1em ;
	color: gray ;
}
.multicol {
	column-count: 2;
	column-width: 310px;
	column-gap: 50px;
	column-rule: 0px solid silver ;
}

.byline {
	display: block;
	margin: 2em 0em 1em 0em ;
	padding: 4px 0 6px 0 ;
	border-top: 1px solid silver ;
	border-bottom: 1px solid silver ;
	text-align: center ;
	background-color: white ;
	color: black ;
}

span.suksep { font-size: 50% ; padding: 0 6px ; }
span.suksepa { font-size: 65% ; color: red; padding: 0 6px ; }
span.source { font-size: 90%; margin-left: 100px; color: #555; } 

@media only screen and (max-width: 600px) {
	div.multicol { 	
	column-count: 1;
	column-width: 310px;
	column-gap: 0px;  }
	span.suksep { font-size: 50% ; padding: 0 6px ; 
	span.suksepa { font-size: 65% ; color: red; padding: 0 6px ; }
	span.source { padding-left: 3em; padding-bottom: 1em; color: #555; } 
}