Another version of the styling with text justification and more clean up.
@font-face {
font-family: 'SBL_BLit';
src: url('../fonts/SBL_BLit.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-stretch:normal;
}
/* make foreground text black */
body {
color: #000;
font-family:"SBL_BLit";
text-align: justify;
text-justify: inter-word;
margin:0 15px 0 15px;
}
/* also make the headings grey */
h1, .heading1 {
color: #666;
font-family:Sans;
font-style: italic;
margin-left:-10px;
}
h1 a, .heading2, .heading3, .heading4 {
color: #666;
font-family:Sans;
}
/* make cross references dark grey */
a {
color: #999;
font-family:Sans;
font-style: italic;
}
/* use a more browny colour for redletter otherwise it is too bright */
.redLetter {
color: #3D1E06;
}
/* make the verse numbers grey too */
.verseNo {
color: #999;
font-family:Sans;
}
/* change Strongs to dark grey so as not to clash */
.strongs {
color: #0041B6;
font-family:Sans;
}
/* footnotes? */