* {margin:0;padding:0}
html,body {height:100%;font-size:1.2em;line-height:1.4em;color:black}
/* Note: if the following 2 .woff files are in another location, please edit the two url() specifiers, below. */
@font-face {
font-family: 'gentiumw';
src: url('fonts/gentium_plus.eot');
src: url('fonts/gentium_plus.eot?#iefix') format('embedded-opentype'),
url('fonts/gentium_plus.woff') format('woff'),
url('fonts/gentium_plus.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html,body {font-family: 'gentiumw','Gentium Plus','Gentium','Gentium Basic','Times','serif';}
h1 { font-weight: normal; }
.main {min-height:100%;margin-bottom:-4em;padding:0.5em}
.main:after {content:"";display:block}
li {list-style:disc inside}
ul.cmenu ul{display:none}
ul.cmenu li:hover>ul{display:block}
ul.cmenu ul{position: absolute;left:-1px;top:98%}
ul.cmenu ul ul{position: absolute;left:98%;top:-2px}
ul.cmenu,ul.cmenu ul {margin:0px;list-style:none;padding:0px 2px 2px 0px;background-color:#000000;border-color:#cccccc #111111 #111111 #cccccc;border-width:1px;border-style:solid}
ul.cmenu table {border-collapse:collapse}ul.cmenu {display:block;zoom:1;float: left}
ul.cmenu li{display:block;margin:2px 0px 0px 2px;font-size:0px}
ul.cmenu a:active, ul.cmenu a:focus {outline-style:none}
ul.cmenu a, ul.cmenu li.dis a:hover, ul.cmenu li.sep a:hover {display:block;vertical-align:middle;background-color:#000000;border-width:1px;border-color:#333333;border-style:solid;
text-align:center;text-decoration:none;padding:2px 5px 2px 10px;_padding-left:0;font-style: normal;font-size: 16pt;color: #eeeeee;text-decoration:none;cursor:default}
ul.cmenu span{overflow:visible}
ul.cmenu li {float:left}
ul.cmenu ul li {float:none}
ul.cmenu ul a {text-align:center;white-space:nowrap}
ul.cmenu li.sep{text-align:center;padding:0px;line-height:0;height:100%}
ul.cmenu li.sep span{float:none;padding-right:0;width:3px;height:100%; display:inline-block;background-color:#cccccc #111111 #111111 #cccccc; background-image:none}
ul.cmenu ul li.sep span{width:100%;height:3px}
ul.cmenu li:hover{position:relative}
ul.cmenu li:hover>a{background-color:#377D9F !important;border-color:#377D9F;border-style:solid;font-style: normal;font-size: 16pt;color: #FFFFFF;text-decoration:none}
ul.cmenu li a:hover{position:relative;background-color:#377D9F;border-color:#377D9F;border-style:solid;font-style: normal;font-size:16pt;color:#FFFFFF;text-decoration:none}
ul.cmenu li.dis a {color:#666 !important}
ul.cmenu a:hover ul,ul.cmenu a:hover a:hover ul{display:block}
ul.cmenu a:hover ul ul{display:none}
ul.cmenu span{display:block;background-position:right center;background-repeat: no-repeat;padding-right:12px}
a.xx {background-color:#333333 !important}
a.nn {background-color:#202050 !important}
a.oo {background-color:#205030 !important}
a.aa {background-color:#333300 !important}
html[dir=rtl] body {text-align:right;direction:rtl}
span.add {font-style:italic}
.popup,.crpopup {position:absolute;bottom:0;display:none;background-color:#ffffd0;border:.1em solid #333;width:15em;height:auto;padding:1em;line-height:1em;text-indent:0em;margin 0.5em 0.5em 0.5em 0.5em}
.notemark:hover .popup {display:block}
.notemark:hover .crpopup {display:block}
.b {display:block;margin-left:12em;text-indent:-2em}
.bdit,.bk,.fk {font-weight:bold;font-style:italic}
.fw {font-weight:bold}
.ebm,.ebp,.ebq1,.ebq2,.ebq3,.cov,.cd,.conc,.cls {display:block;margin:.5em 0 .5em 0}
.cd,.conc,.cls {text-align:justify}
.cd,.conc {color:rgb(0,0,128)}
.cov {text-align:center}
.d {font-weight:bold;display:block;margin-top:1.4em}
.ebp {text-indent:2em}
.ebq1 {margin-left:12em;text-indent:-4em}
.ebq2 {margin-left:8em;text-indent:-4em}
.ebq3 {margin-left:6em;text-indent:-4em}
.ebs,.ebs1,.ebs2,.ebs3 {font-weight:bold;display:block;margin:.5em 0 .5em 0;text-indent:2em;color:rgb(0,0,128)}
.ebs1 {font-size:1.2em}
.ebs3 {font-size:0.9em}
.fm,.notemark {vertical-align:super;margin-left:.16em;line-height:0;position: relative;text-decoration:none;color:rgb(0,0,128)}
.fp {display:block;margin:.5em 0 .5em 12em}
.f,.glo {display:block;margin:.5em 0 .5em 0;color:rgb(0,0,128)}
.f,.x {margin:2em;text-size:0.7em;color:rgb(0,0,128)}
.fv {color:maroon}
.glo {font-weight:bold;text-indent:2em}
.ib,.idx,.ie,.iex,.intro,.ip,.ili,.ili1,.io,.io1,.io2,.io3,.io4,.io,.io1,.io2,.io3,.io4,.im,.imi,.imq,.imt,.imt1,.imt2,.imt3,.imte,.iot,.ipr,.iq,.iq1,.iq2,.iq3,
.is,.is1,.is2,.is3,.notebackref,.f,.x,.notemark {color:blue;font-size:14pt}
.ib,.idx,.ie,.iex,.intro,.ip,.zp {margin:.5em 0 .5em 0;text-indent:2em;display:block}
.ili,.ili1,.io,.io1,.io2,.io3,.io4 {margin:.5em 0 .5em 2em;list-style-type:square;display:list-item}
.io,.io1,.io2,.io3,.io4 {list-style-type:none}
.io2 {margin-left:4em}
.io3 {margin-left:6em}
.io4 {margin-left:8em}
.im,.imi,.imq {display:block;margin-bottom:.5em}
.imi {text-indent:2em;margin:.5em 12em 0 12em}
.imq {text-indent:2em;margin:.5em 0 0 12em}
.imt,.imt1,.imt2,.imt3,.imte,.iot {font-weight:bold;display:block;margin:.5em 0 .5em 0;text-indent:2em}
.imt2,.iot {text-indent:2em}
.ipi,.ipq,.pref,.pub,.pubinfo,.spine,
.ipr,.iq,.iq1,.iq2,.iq3 {display:block;margin:.5em 0 .5em 2em;text-indent:2em}
.iq,.iq1,.iq2,.iq3 {text-indent:-8em;margin-left:12em}
.iq2 {text-indent:-4em}
.iq3 {text-indent:-2em}
.is,.is1,.is2,.is3 {font-weight:bold;display:block;margin:.5em 0 .5em 0;color:rgb(0,0,128)}
.is,.is1 {font-size:1.2em}
.is3 {font-size:0.9em}
.keyword,.keyword1,.keyword2,.keyword3 {font-weight:bold;display:block;margin:.5em 12em .5em 0;text-indent:-12em}
.keyword2 {text-indent:-4em}
.keyword3 {text-indent:-2em}
.li,.li1,.ph,.ph1 {display:list-item;list-style-type:none;text-indent:2em}
.li2,.ph2,.phi,.li3,.ph3 {display:list-item;list-style-type:none;text-indent:4em}
.li3,.ph3 {text-indent:12em}
.m {margin-top:0}
.mainindex {background:rgb(240,255,244);max-width:40em}
.mi {text-indent:2em;margin-top:0}
.mr {display:block;margin:.5em 0 .5em 0;text-align:center;text-indent:2em}
.ms2,.ms3 {font-weight:bold;display:block;margin:.5em 0 .5em 0;text-align:center;text-indent:2em}
h1,h2,h3,.mt,.mt1,.mte,
.mte1,.mt2,.mte2,.mt3,.mte3 {font-weight:bold;font-size:1.2em;text-align:center}
.mt,.mt1,.mte,.mte1 {font-size:1.4em}
.mt2,mte2 {font-size:1.2em}
.qac,.k1,.nd,.xk,.k,.ior,.bd {font-weight:bold}
.sc {font-variant: small-caps}
.qs {text-align:right}
.ndx,.no,.ft {font-weight:normal}
.rr,.rq,.rq,.fq,.fqa,.it,.em,.sls,.sp {font-style:italic}
.w,.wg,.wh,.wr,.zc {font-style:normal}
.wj {color:rgb(128,0,0)}
.qt {font-style:oblique}
.ord {vertical-align:super;text-decoration:underline}
.nb, .ps { text-indent: 0em; margin-top: 0em }
.p,.p1,.pb,.pde,.pdi {text-indent:2em;margin-top:.5em}
.p,.nb {display:block;font-size:1em}
.pc {margin-top:.5em;text-align:center}
.pm,.pmo,.pmc,.psi,.pi,.pi1,.pi2,.pi3,
.pmr,.pr {text-indent:2em}
.pi,.pi1 {margin:.5em 0 0 2em}
.pi2 {margin:.5em 0 0 4em}
.pi3 {margin:.5em 0 0 12em}
.pm,.pmo,.pmc,.psi,.pmr,.pr {margin:.5em 2em 0 2em}
.q,.q1,.q2,.q3 {margin-top:0pt}
.q,.q1,.q2,.q3 {margin-top:0pt}
html[dir=ltr] .q,.q1 {text-indent:-2em;margin-left:2em}
html[dir=ltr] .q2 {text-indent:-1em; margin-left:2em}
html[dir=ltr] .q3 {text-indent:-1em; margin-left:3em}
html[dir=rtl] .q,.q1 {text-indent:-2em;margin-right:2em}
html[dir=rtl] .q2 {text-indent:-1em; margin-right:2em}
html[dir=rtl] .q3 {text-indent:-1em; margin-right:3em}
.qa {margin:.5em 0 .5em 0;font-weight:bold;display:block;text-align:center}
.qc {text-align:center}
.qm,.qm1,.qm2,.qm3 {margin-top:0;text-indent:-8em;margin-left:6em;margin-right:6em}
.qm2 {text-indent:-6em}
.qm3 {text-indent:-2em}
.r,.sr {font-style:italic;text-align:center;margin-bottom:.5em}
.s2,.s3 {font-weight:bold;text-align:center}
.s,.s1 {font-weight:bold;text-align:center;margin-top:.6em}
.toc,.toc1,.toc2 {display:block;font-size:1em}
.toc {margin-left:1em;margin-right:1em}
.toc1 {margin-left:2em;margin-right:2em}
.toc2 {font-size:0.9em;margin-left:3em;margin-right:3em}
.chapterlabel {text-align:center;margin-top:1em;font-size:1.1em}
.chapter {font-size:1.5em;font-weight:bold;float:left;margin-right:.3em;vertical-align:top}
.p .chapter, .q .chapter,
.q1 .chapter .q2 .chapter,
.q3 .chapter, .poetry .chapter {margin-right:1em}
.verse {white-space:nowrap;vertical-align:super;font-size:.6em;line-height:0}
.footnote,
.crossRefNote {display: block; margin-top:.5em;margin-left:0em}
.notebackref {margin: 1em}
.fine,.copyright,.figcopr {font-size:10pt;color:#333333}
.figref {font-style:italic;font-size:10pt;color:#000040}
.figCaption {font-size:11pt;color:#000040}
ul.tnav {list-style-type:none;padding:5px;margin-left:0;text-align:center}
.tnav li {display:inline}
.tnav a {display:inline-block;border:1px solid #000;padding:5px;background-color:#00CFFF;text-decoration:none;color:#000;border-radius:5px;min-width:1.5em}
.tnav a:visited {color:#404000}
.tnav a:link {color:#000040}
.tnav a:hover {color:#FFFFFF;background-color:#204880}
ul.vnav {list-style-type:none;padding:5px;margin-left:0;text-align:center;float:left}
.vnav li {list-style-type:none}
.vnav a {display:block;padding:3px;background-color:#036;border-bottom:1px solid #eee;text-decoration:none;width:12rem}
.vnav a:visited {color:#ffff66}
.vnav a:link {color: #ffffff}
.vnav a:hover {background-color:#0520ff !important;color:#ffffff}
div.bookList {float:left;margin:0px;padding:3px;width:13rem;background:rgb(223,255,255)}
/* Formation Series: verse-by-verse layout (improved wrapping) */
body.fs-verseified div.p { margin: 0 0 0.9rem 0; }
body.fs-verseified .fs-verse{
display:block;
line-height: 1.6;
padding: 0.25rem 0;
/* Hanging indent: wrapped lines align under the verse text */
padding-left: 2.6em;
text-indent: -2.6em;
}
/* Verse number */
body.fs-verseified .fs-verse > .verse{
display:inline;
opacity: 0.75;
font-size: 0.95em;
}
/* Optional: subtle hover */
body.fs-verseified .fs-verse:hover{
background: rgba(0,0,0,0.04);
border-radius: 8px;
}
/* === Formation Series visual polish (Bible pages) === */
:root{
--fs-ink: #111; /* main text */
--fs-muted: #666; /* secondary text */
--fs-red: #7b1d1d; /* deep oxblood */
--fs-bg: #fbfaf7; /* warm paper */
--fs-rule: #e6e0d8; /* subtle rule */
--fs-link: #0b5a6b; /* teal link */
}
/* page background and reading measure */
body{
background: var(--fs-bg);
color: var(--fs-ink);
}
.main{
max-width: 780px; /* comfortable line length */
margin: 0 auto;
padding: 18px 18px 40px;
}
/* verse blocks already created by verseify.js */
body.fs-verseified .fs-verse{
padding-left: 2.6em;
text-indent: -2.6em;
line-height: 1.65;
}
/* verse numbers: deep red */
body.fs-verseified .fs-verse > .verse{
color: var(--fs-red);
opacity: 0.95;
font-weight: 600;
}
/* subtle hover (optional) */
body.fs-verseified .fs-verse:hover{
background: rgba(123, 29, 29, 0.04);
border-radius: 8px;
}
/* headings */
.mt, .mt2, .mt3{
color: #1b1b1b;
}
/* top/bottom navigation bar */
ul.tnav{
max-width: 780px;
margin: 0 auto;
padding: 10px 14px;
border-bottom: 1px solid var(--fs-rule);
}
ul.tnav li a{
color: var(--fs-link);
text-decoration: none;
}
ul.tnav li a:hover{
text-decoration: underline;
}
/* footnotes area */
.footnote{
max-width: 780px;
margin: 0 auto;
padding: 0 18px 28px;
color: var(--fs-muted);
}
.footnote hr{
border: none;
border-top: 1px solid var(--fs-rule);
}
.mt{ color: var(--fs-red); font-weight: 800; letter-spacing: 0.2px; }
.mt2, .mt3{ color: rgba(123, 29, 29, 0.85); }
.chapterlabel{ color: var(--fs-red); font-weight: 800; }
/* === Formation Series: headers + chapter number (force override) === */
body .mt{
color: var(--fs-red) !important;
font-weight: 800;
letter-spacing: 0.2px;
text-align: center;
}
body .mt2,
body .mt3{
color: rgba(123, 29, 29, 0.85) !important;
text-align: center;
}
body .chapterlabel{
color: var(--fs-red) !important;
font-weight: 800;
text-align: center;
}
/* === Formation Series: book headers & chapter number === */
body .main > .mt,
body .main > .mt2,
body .main > .mt3,
body .main > .chapterlabel{
color: #7b1d1d;
text-align: center;
}
/* hierarchy */
body .main > .mt{
font-weight: 800;
letter-spacing: 0.25px;
}
body .main > .mt2,
body .main > .mt3{
color: rgba(123, 29, 29, 0.85);
}
body .main > .chapterlabel{
font-weight: 800;
margin-bottom: 0.6rem;
}
/* === Formation Series: force header colouring AFTER verseify === */
body.fs-verseified .main > .mt,
body.fs-verseified .main > .mt2,
body.fs-verseified .main > .mt3,
body.fs-verseified .main > .chapterlabel{
color: #7b1d1d;
text-align: center;
}
/* hierarchy tuning */
body.fs-verseified .main > .mt{
font-weight: 800;
letter-spacing: 0.25px;
}
body.fs-verseified .main > .mt2,
body.fs-verseified .main > .mt3{
color: rgba(123, 29, 29, 0.85);
}
body.fs-verseified .main > .chapterlabel{
font-weight: 800;
margin-bottom: 0.6rem;
}
/* === Formation Series: chapter navigation (top & bottom) === */
/* The nav bar container */
body.fs-verseified ul.tnav{
max-width: 780px;
margin: 0 auto;
padding: 10px 14px;
border-top: 1px solid var(--fs-rule);
border-bottom: 1px solid var(--fs-rule);
background: rgba(15, 47, 56, 0.05);
border-radius: 14px;
}
/* Make the nav items sit neatly */
body.fs-verseified ul.tnav li{
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
}
/* Style the links like “chapter buttons” */
body.fs-verseified ul.tnav li a{
display: inline-block;
padding: 7px 11px;
border-radius: 12px;
border: 1px solid rgba(42, 85, 96, 0.55);
background: rgba(11, 90, 107, 0.08); /* teal tint */
color: #0b5a6b; /* teal text */
text-decoration: none;
font-weight: 800;
letter-spacing: 0.15px;
}
/* Hover / focus */
body.fs-verseified ul.tnav li a:hover,
body.fs-verseified ul.tnav li a:focus{
background: rgba(122, 76, 255, 0.12); /* purple tint */
border-color: rgba(122, 76, 255, 0.45);
color: #4b2bd6;
outline: none;
}
/* === Formation Series: chapter navigation (forced override) === */
body.fs-verseified ul.tnav{
max-width: 780px;
margin: 0.8rem auto;
padding: 10px 14px;
border-top: 1px solid #e6e0d8;
border-bottom: 1px solid #e6e0d8;
background: rgba(15, 47, 56, 0.05);
border-radius: 14px;
text-align: center;
}
body.fs-verseified ul.tnav li{
display: inline-block;
margin: 0 6px;
}
body.fs-verseified ul.tnav li a{
display: inline-block;
padding: 7px 12px;
border-radius: 12px;
border: 1px solid rgba(42, 85, 96, 0.55);
background: rgba(11, 90, 107, 0.10); /* teal base */
color: #0b5a6b;
text-decoration: none;
font-weight: 800;
letter-spacing: 0.15px;
}
/* Hover / focus */
body.fs-verseified ul.tnav li a:hover,
body.fs-verseified ul.tnav li a:focus{
background: rgba(122, 76, 255, 0.14); /* purple hover */
border-color: rgba(122, 76, 255, 0.45);
color: #4b2bd6;
}
/* Arrow buttons (‹ ›) slightly stronger */
body.fs-verseified ul.tnav li a:contains("<"),
body.fs-verseified ul.tnav li a:contains(">"){
font-weight: 900;
}
/* === Formation Series: Book chapter index pages (e.g., GEN.htm) === */
/* Top links: "World English Bible British Edition" + Book name */
body.fs-verseified .main a[href^="http"],
body.fs-verseified .main a[href$="index.htm"]{
color: #0b5a6b !important;
font-weight: 800 !important;
text-decoration: none !important;
}
body.fs-verseified .main a[href^="http"]:hover,
body.fs-verseified .main a[href$="index.htm"]:hover{
color: #4b2bd6 !important;
text-decoration: underline !important;
}
/* Chapter buttons: ANY internal .htm link in main that is NOT index.htm and NOT FRT*.htm */
body.fs-verseified .main a[href$=".htm"]:not([href$="index.htm"]):not([href^="FRT"]):not([href^="copyright"]){
display: inline-grid !important;
place-items: center !important;
width: 54px !important;
height: 54px !important;
margin: 6px !important;
border-radius: 14px !important;
border: 1px solid rgba(42, 85, 96, 0.55) !important;
background: rgba(11, 90, 107, 0.10) !important;
color: #0b5a6b !important;
font-weight: 900 !important;
text-decoration: none !important;
}
/* Hover/focus for chapter buttons */
body.fs-verseified .main a[href$=".htm"]:not([href$="index.htm"]):not([href^="FRT"]):hover,
body.fs-verseified .main a[href$=".htm"]:not([href$="index.htm"]):not([href^="FRT"]):focus{
background: rgba(122, 76, 255, 0.14) !important;
border-color: rgba(122, 76, 255, 0.45) !important;
color: #4b2bd6 !important;
outline: none !important;
}