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

div.bible
{
	background-color : #FFFFFF ;
	color : #880000 ;
/*
	width : 600px ;
*/
	font-family : Verdana, sans-serif ;
}

div.bible
{
	line-height : 1.4em ;
	color : #010000 ;
}

div.bible p, div.bible blockquote
{
/* 2019-05-13
	width : 600px ;
*/
	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, sans-serif ;
	color : #000000 ;
}

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

.bibletext sup.vnum, .bibletext span.vnum, .bibletext div.bible p sup.vnum, .bibletext div.bible p span.vnum
{
	font-family : Verdana, sans-serif ;
	color : #777777 ;
	font-size: 0.75em;
/*
https://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/
*/
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

.bibletext span.search
{
	color : #440000 ;
}


.bibletext .fnotetext
{
	display: none ;
}

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

.bibletext span.cc, div.bible p span.cc, span.cp, div.bible p span.cp
{
	float : left ;
	font-size : 2em ;
	font-family : Verdana, sans-serif ;
	color : #666666 ;
	line-height : 1em ;
	margin-right : 0.2em ;
}

.bibletext sup.ww,
.bibletext sup.uu,
.bibletext sup.ii,
.bibletext sup.oo,
.bibletext sup.plus-M,
.bibletext sup.hh,
.bibletext sup.plus-V,
.bibletext sup.pv
{
	font-family : Verdana, sans-serif ;
	color : #777777 ;
	font-size: 0.75em;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

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

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


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

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


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

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



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

/**
p,h1,h3
{
	width : 600px ;
	font-family : Verdana, sans-serif ;
}

*/

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

/**
h2
{
	width : 600px ;
	color : #880000 ;
	font-family : Verdana, sans-serif ;
	font-size : 1.2em ;
}
*/
.bibletext h2
{
	color : #880000 ;
}

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

.bibletext h3.vref
{
	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 : #880000 ;
	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, sans-serif ;
	font-size : 0.8em ;

}

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

}

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

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

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

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

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

.bibletext .cwvnum
{
	color : #777777 ;
}

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

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

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

input, option, select
{
	color : #880000 ;
}



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


textarea#passages, #passage
{
	font-family : Verdana, sans-serif ;
	color : #880000 ;
}


/*

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 ;
}

@media screen and (min-device-width: 481px)
{
    #passage, #passages
    {
        width: 232px;
        font-size : 0.9rem ;
    }
}
@media handheld, only screen and (max-device-width: 480px)
{
    #obb-menu-panel label
    {
	line-height: 2.5em;
	height: 2.5em;
	vertical-align: middle;
	width: 400px;
    }
    #closemenu, #closemenu:checked, #closemenu + label, #closemenu:checked + label
    {
	line-height: 2em;
	height: 2em;
    }
    #passage, #passages
    {
        width: 400px;
        font-size : 2.5rem ;
    }
}

/*
 *	end of file
 */