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

body
{
	background-color : #FFFFFF ;
}

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

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

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

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

span.cnum, div.bible p span.cnum
{
	float : left ;
	font-size : 2em ;
	font-family : Verdana, Arial, Helvetica, 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 ;
	color : #777777 ;
}

span.search
{
	color : #880000 ;
}

/* *********************************************************** */
/* 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 ;
	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 ;
	color : #777777 ;
}

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

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



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

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

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

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

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

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

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

div.bibleform
{
	width : 600px ;
	color : #880000 ;
}

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

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


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

hr
{
	width : 600px ;
	margin-left : 0em ;
}

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

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

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

div.credits, div.credits p
{
	background-color : #FFFFFF ;
	color : #880000 ;
	width : 600px ;
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 0.8em ;

}

div.copyright, div.copyright p
{
	background-color : #FFFFFF ;
	color : #880000 ;
	width : 600px ;
	font-family : Verdana, Arial, Helvetica, 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 : #880000 ;
}



input:focus, textarea:focus
{
	background-color : #FFFAFA ;
	color : #880000 ;
}


textarea
{
	font-family : Verdana, Arial, Helvetica, 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 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
    {
      	width: 300px;
    }

    h1 img
    {
	display: none ;
    }

}


/*
 *	end of file
 */