/* style file for oremus Bible Browser
 *   Simon Kershaw   13 Feb 2003
 */

body
{
	background-color : #FFFFFF ;
	width : 600px ;
}

body, div.bible
{
	color : #880000 ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
}

div.bible
{
	background-color : #FFFFFF ;
	line-height : 1.4em ;
	color : #440000 ;
}

div.bibletext
{
	color : #010000 ;
}

div.bible p, div.bible blockquote
{
/* 2019-05-13
	width : 600px ;
*/
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
/*	color : #000000 ;
	line-height : 1.4em ;
 */
}

div.bible p.pp, p.pp
{
	margin-top : 2em ;
/* 2019-05-13
	width : 600px ;
*/
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
	color : #000000 ;
}

span.cnum, div.bible p span.cnum
{
	float : left ;
	font-size : 2em ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
	color : #666666 ;
}

sup.vnum, span.vnum, div.bible p sup.vnum, div.bible p span.vnum
{
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
	color : #777777 ;
}

span.search
{
	color : #440000 ;
}


.fnotetext
{
	display: none ;
}


/* *********************************************************** */
/* specific NRSVAE 2 codes  */

span.cc, span.rr, div.bible p span.cc, div.bible p span.rr, span.cp, div.bible p span.cp
{
	float : left ;
	font-size : 2em ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
	color : #666666 ;
	line-height : 1em ;
	margin-right : 0.2em ;
	/*
	 * this vertical-align is needed to force IE to lay things out
	 * properly; otherwise if the chapter number falls in the same
	 * line as a verse superscript then IE will set this chapter
	 * num too high, and then set the second line of the passage
	 * too high as well, overlapping with this line; a side effect
	 * is that in Mozilla and Safari the chapter number is now
	 * raised slightly too high and aligns with the top of the
	 * superscript verse number; but it's not too bad, I guess.
	 * sjk 16 Jan 2006.
	 */
	vertical-align : top ;
}

sup.ww, sup.uu, sup.ii, sup.oo, sup.plus-M, sup.hh, sup.plus-V, sup.pv
{
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
	color : #777777 ;
}

span.vv, div.bible p span.vv
{
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
	color : #777777 ;
}

span.a1, div.bible p span.a1
{
    font-family : Verdana, sans-serif ;
	color : #777777 ;
}
p.a1
{
    margin-left: 2em;
    text-indent: -1em;
}

div.plus-W
{
	text-align : center ;
	margin-top : 1em ;
}


h2.plus-C, h2.plus-B, h2.FT, h2.plus-FT
{
	text-align : center ;
}

h2.plus-C
{
	margin-bottom : -1em ;
}


h3.plus-D, h3.plus-G
{
	text-align : center ;
}

h2.FT, h3.plus-G, 
{
	margin-top : -2em ;
}

.bibletext > p:first-child > br:first-child
{
    display: none;
}


/* *********************************************************** */

p,h1,h3
{
/* 2019-05-13
	width : 600px ;
*/
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
}

p.nn
{
	color : #010000 ;
	font-style : italic ;
}

h2
{
/* 2019-05-13
	width : 600px ;
*/
	color : #880000 ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
	font-size : 1.2em ;
}

h3
{
	color : #880000 ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
}

a
{
	text-decoration : none ;
	color : #0000BB ;
}

h3.vref
{
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
	color : #010000 ;
	font-size : 1em ;
	margin-bottom : -1em ;
	padding-bottom : 0em ;
}

/* *********************************************************** */

div.bibleform
{
/* 2019-05-13
	width : 600px ;
*/
	color : #880000 ;
}

/* *********************************************************** */

div.error, div.error p
{
	width : 600px ;
	color : #440000 ;
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
}


/* *********************************************************** */

hr
{
/* 2019-05-13
	width : 600px ;
*/
	margin-left : 0em ;
}

/* *********************************************************** */

hr.plus-Z
{
	width : 400px ;
	text-align : center ;
}

/* *********************************************************** */

div.credits, div.credits p
{
/*	background-color : #FFFFFF ;
*/	color : #440000 ;
/* 2019-05-13

	width : 600px ;
*/
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
	font-family : Verdana, sans-serif ;
	font-size : 0.8em ;

}

div.copyright, div.copyright p
{
/*	background-color : #FFFFFF ;
	color : #440000 ;
*/
/* 2019-05-13
	width : 600px ;
*/
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
	font-size : 0.8em ;

}

/* *********************************************************** */

span.sc
{
	font-variant : small-caps ;
}

/* *********************************************************** */

/* experimental bits  */
br.kk, span.kk, p.kk
{
	text-indent : 3em ;
	background-color : #ffaaaa ;
	margin-top : 0em ;
	padding-top : 0em ;
}

p.zz
{
	margin-bottom : 0em ;
	padding-bottom : 0em ;
	background-color : #aaffaa ;
}

.cwvnum
{
	color : #777777 ;
}

p.plus-q
{
	margin-top : -1em ;
	padding-top : 0em ;
        /* and this doesn't seem to have any effect */
	margin-right : 100px ;
}

p.plus-q:first-letter
{
	/* should be text-align : right ;  but this pushes it over too far */
        margin-left : 200px ;
}

span.bull
{
	color : #888888 ;
/*	color : #777777 ;
	color : #880000 ;
 */
}

input, option, select
{
/*	border-color : #CC3300 ;
 */
	color : #440000 ;
}



input:focus, textarea:focus
{
	background-color : #FFFAFA ;
	color : #440000 ;
	margin-top: 0px;
}


textarea#passages, #passage
{
/*
	font-family : Verdana, Arial, Helvetica, sans-serif ;
*/
    font-family : Verdana, sans-serif ;
    color : #440000 ;
}


/*

input:focus, textarea:focus, select:focus, input:hover
  { background : #ffd ;
    color : black ; }

input[type="submit"]:hover { border-color : #900 ; 
                             background : #ffd ;
                             color : #600 ; }
input[type="submit"]:active { border-color : red ;
                              color : red ;
                              background : #ffc ; }

*/

fieldset.warning
{
	border: #880000 solid 2px ;
/*	width: 20em ;
 */
	background-color: #FFFCFC ;
}

fieldset.warning legend
{
	border: #880000 solid 2px ;
	font-size: 1.2em ;
/*	color: #CC3300 ;
 */
	background-color: #FFFCFC ;
	padding: 1px 10px ;
}

#h1screen3
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: obb !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 65px;
    color: #D00;
    text-align: left;
    margin-left: 60px;
}

@media screen and (min-device-width: 481px)
{
    h1 span::before, #h1screen3::before
    {
/*
	content: "oremus Bible Browser";
*/
	content: "oremus";
	display: inline;
    }

    #passage, #passages
    {
        width: 232px;
        font-size : 0.9em ;
    }

}
@media screen and (max-device-width: 480px)
{
    h1 span::before, #h1screen3::before
    {
	content: "oremus";
	display: inline;
    }
}


@media handheld, only screen and (max-device-width: 480px)
{
/*
    body, div.bible, div.bible p, div.bible blockquote, div.bible p.pp, p.pp, p,h1,h3, h2, div.bibleform, div.error, div.error p, hr, hr.plus-Z, div.credits, div.credits p, div.copyright, div.copyright p
*/
    body, div.error, div.error p
    {
      	width: 300px;
    }

    h1 img
    {
	display: none ;
    }

    #obb-menu-panel
    {
/*
	line-height: 2.5em;
*/
/*
	width: 480px;
*/
    }
    #obb-menu-panel label
    {
	line-height: 2.5em;
	height: 2.5em;
	vertical-align: middle;
    }
    #closemenu, #closemenu:checked, #closemenu + label, #closemenu:checked + label
    {
	line-height: 2em;
	height: 2em;
    }
/*
    .obb-menu-group
    {
	width: 480px;
    }
*/
    .obb-button input[type=checkbox] + label
    {
	width: 480px;
    }

    #passage, #passages
    {
        width: 132px;
        font-size : 0.9em ;
    }
}


/*
 *	end of file
 */