/* Shades of Olive : */
/* #000000 #0D0D00 #1A1A00 #262600 #333300 #404000 #4D4D00 #5A5A00 #666600 #737300 */
/* #808000 (Olive)                                 */
/* #8D8D19 #999933 #A6A64D #B3B366 #C0C080 #CCCC99 #D9D9B2 #E6E6CC #F2F2E6 #FFFFFF */

/* Shades of Green : */
/* #000000 #000D00 #001A00 #002600 #003300 #004000 #004D00 #005A00 #006600 #007300 */
/* #008000 (Green)                                 */
/* #198D19 #339933 #4DA64D #66B366 #80C080 #99CC99 #B2D9B2 #CCE6CC #E6F2E6 #FFFFFF */

/* Shades of Red */
/* #000000 #1A0000 #330000 #4C0000 #660000 #800000 #990000 #B20000 #CC0000 #E60000 */
/* #FF0000 (Red)                                  */
/* #FF1919 #FF3333 #FF4D4D #FF6666 #FF8080 #FF9999 #FFB2B2 #FFCCCC #FFE6E6 #FFFFFF */

/* Shades of Blue */
/* #000000 #00001A #000033 #00004C #000066 #000080 #000099 #0000B2 #0000CC #0000E6 */
/* #0000FF (Blue) */
/* #1919FF #3333FF #4D4DFF #6666FF #8080FF #9999FF #B2B2FF #CCCCFF #E6E6FF #FFFFFF */

/* Shades of SlateGrey */
/* #000000 #0B0D0E #161A1D #22262B #2D333A #384048 #434D56 #4E5A65 #5A6673 #657382 */
/* #708090 (SlateGrey) */
/* #7E8D9B #8D99A6 #9BA6B1 #A9B3BC #B8C0C8 #C6CCD3 #D4D9DE #E2E6E9 #F1F2F4 #FFFFFF */


/* ******************************************************************************************* */
/* FONTS ************************************************************************************* */
/* ******************************************************************************************* */

/* https://www.google.com/get/noto/#/ */
/* ensure consistent looks across platforms */
/* use only serif or sans-serif */
/* ---------- SERIF FONTS ---------- */

@font-face {
	font-family: 'font-serif';
 	src: url('../fonts/Cormorant_Upright/CormorantUpright-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cormorant_Upright/CormorantUpright-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
    url('../fonts/Cormorant_Upright/CormorantUpright-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Cormorant_Upright/CormorantUpright-Light.woff') format('woff'); /* Modern Browsers */ }


@font-face {
	font-family: 'font-semi';
 	src: url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
    url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.woff') format('woff'); /* Modern Browsers */ }

/* ---------- SANS-SERIF FONTS ---------- */
@font-face {
font-family: 'font-noserif';
src: url('../fonts/Raleway/Raleway-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/Raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
url('../fonts/Raleway/Raleway-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Raleway/Raleway-Light.woff') format('woff'); /* Modern Browsers */ }

@font-face {
font-family: 'font-noserif-semi';
src: url('../fonts/Raleway/Raleway-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Raleway/Raleway-Medium.woff') format('woff'); /* Modern Browsers */ }




/* ******************************************************************************************* */
/* @MEDIA ************************************************************************************ */
/* ******************************************************************************************* */


@media print {
	.navigation {
		display: none; }
	.nav-cell {
		display: none; }
	.navigation-link {
		display: none; }
}



body { /* standard body for all pages */
	background-color: white;
	/*background: lightblue url("img_tree.gif") no-repeat fixed center; */
	color: black;
	font-size: 1.00em; /* standardise beginning font size */
	margin: 1.50em auto 55.00em auto; /* top right bottom left */
	max-width: 60.00em; /* restrict maximum viewing port for comfortable reading */
	width: 90%; /* otherwise this width */
}



.pcont,
.pfirst,
.preg  {
	font-family: font-serif;
	font-size: 1.20em;
	line-height: 125%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.25em;
	text-align: justify;
	width: 85%;
}

.preg {
	text-indent: 1.50em;
}


.main-heading {
	font-family: font-semi;
	font-size: 1.75em;
	margin-top: 0.75em;
	text-align: center;
}


.main-sub-heading {
	font-family: font-semi;
	font-size: 1.25em;
	margin-bottom: 0.75em;
	margin-top: 0.50em;
	text-align: center;
}


._page-rule {
	/* normal page divider */
	border-top: 1px solid #C6CCD3;
	height: 0.10em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.00em;
	max-width: 40.00em;
	width: 60%;
}
.zero-top-page-rule {
	/* no top margin */
	border-top: 1px solid #C6CCD3;
	height: 0.10em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	max-width: 40.00em;
	width: 60%;
}


.dark-font {
	font-family: font-semi;
}
.dark-noserif {
	font-family: font-noserif-semi;
}
._sans-serif {
	font-family: font-noserif;
}
._greyed {
	color: #657382; /* darker shade of slate-grey */
	opacity: 0.5;
}
._italic {
	font-style: italic;
}
._justify {
	text-align: justify;
}
._underline {
	text-decoration: underline;
}
._centre {
	text-align: center;
}


.first-char {
	font-family: font-serif;
	font-size: 145%;
	padding-right: 0.05em;
}

.toc-entry {
	display: table;
	margin-bottom: 0.30em;
	width: 90%;
}
.toc-entry-number {
	display: table-cell;
	font-family:font-noserif-semi;
	font-size: 0.65em;
	padding-top: 0.35em;
	text-align: right;
	vertical-align: top;
	width: 8%;
}
.toc-chapters-enclosure {
	display: table-cell;
	font-family: font-serif;
	font-size: 0.95em;
	line-height: 110%;
	padding-left: 1.75em;
	text-align: left;
	text-indent: -1.00em;
	width: 90%;
}
.for-entry-link {
		font-style: italic;
		padding-right: 0.75em;
}
.or {
	font-family: font-noserif-semi;
	font-size: 0.85em;
}


.itnog {
	display: table;
	margin: 1.25em auto 0.75em auto;
	width: 90%;
}
.itnog-number {
	display: table-cell;
	font-family: font-noserif;
	font-size: 0.60em;
	letter-spacing: 0.03em;
	padding-top: 0.15em;
	text-align: right;
	width: 6.00em;
}
.itnog-verse {
	display: table-cell;
	font-family: font-serif;
	font-size: 1.25em;
	font-style: italic;
	text-align: center;
	width: 100%;
}


._paranum {
/*border: 1px solid silver;*/
	display: inline-block;
	float: left;
	font-family: font-noserif;
	font-size: 0.60em;
	letter-spacing: 0.03em;
	margin-left: -7.00em;
	margin-right: 0.75em;
	padding-top: 0.15em;
	text-align: right;
	width: 6.00em;
}


.two-column { /* used for the TOC */
	-moz-column-count: 2; /* Firefox */
	-ms-column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-gap: 1.50em;; /* Firefox */
	-ms-column-gap: 1.50em;
	-webkit-column-gap: 1.50em; /* Chrome, Safari, Opera */
	column-count: 2;
	column-gap: 1.50em;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 610px;
}

.mid-ayah { /* br used middle of a verse */
	margin-bottom: 0.25em;
}

.dl { /* disconnected letters */
	font-family: font-serif;
	font-size: 1.25em;
}

.ml1-00 {
	display: inline-block;
	margin-left: 1.00em;
}



/* ******************************************************************************************* */
/* LINKS ************************************************************************************* */
/* ******************************************************************************************* */

.cross-link:link,
.cross-link:visited {
	color: darkgreen;	/* shade of green */
	text-decoration: underline;
	text-decoration-color: #D4D9DE;
	text-decoration-style: solid;
}

.cross-link:hover,
.cross-link:active {
	color: darkred;	/* darker shade of green */
	text-decoration: underline;
}



.glossary-link:link,
.glossary-link:visited {
	color: #660000;
	text-decoration: underline;
	text-decoration-color: #D4D9DE;
	text-decoration-style: solid;
}

.glossary-link:hover,
.glossary-link:active {
	color: #002600;	/* darker shade of green */
	text-decoration: underline;
}



.-nav-link {	
	border: 1px solid #ededed;
	border-radius: 0.75em;
	display: block;
	font-family: font-noserif;
	font-size: 0.75em;
	height: 15px;
	margin: 0.20em auto 0.20em auto; /* top, right, bottom, left */
	text-align: center;
	width: 85px;
}

.-nav-link:link,
.-nav-link:visited {
	box-shadow: -2px -2px 3px 1px #ededed inset;
	color: inherit;
	padding-bottom: 0.25em;
	padding-top: 0.05em;
	text-decoration: none;
	text-shadow: 1px 1px 1px transparent;
}

.-nav-link:hover,
.-nav-link:active {
	background-color: GhostWhite;
	border-color: GhostWhite;
	box-shadow: -2px -2px 3px 2px #C4C4C4 inset;
	color: #003300; /* darker shade of green */
	text-decoration: underline;
}



.transcription-link:link,
.transcription-link:visited {
	color: #3d3d06; /* # darker shade of yellow/gold */
	text-decoration: underline;
	text-decoration-color: #D4D9DE;
	text-decoration-style: solid;
}
.transcription-link:hover,
.transcription-link:active {
	color: #002600;	/* darker shade of green */
	text-decoration: underline;
}



/* ******************************************************************************************* */
/* TABLES ************************************************************************************ */
/* ******************************************************************************************* */

.navigation {
	font-family: font-noserif;
	margin: 0.75em auto 0.75em auto;
	width: 30.00em;
}

.navigation-cell {
	text-align: center;
	vertical-align: middle;
	width: 10.00em;
}