/************************************************/
/* The Golden Ear stylesheet for screen viewing */
/* Version 0.9.18                               */
/* Copyright: (C) 2003-2008,2014 Pete Boyd      */
/* Licence: freely available under the terms of */
/* the GNU General Public License version 2.0.  */
/* A copy of the licence is available at        */
/* http://thegoldenear.org/gpl.html             */
/************************************************/

/* Issues: */
/* a) table cell properties in Firefox 1.0 / Mozilla 1.8 are 0.8em of 0.8em, rather than 0.8em */

/* Changes:
0.9.18 - 22 August 2014 - Removed body's 'font-size: 0.8em;' so that typeface is not reduced from viewer's default, is now not small.

0.9.17 - 2 March 2008
- Changed h1's font-family from 'arial, helvetica, sans-serif' to 'Georgia, "Times New Roman", Times, serif'
- Created 'toc' class for tables of contents

0.9.16 - 26 October 2007
- Changed 'code' from 'grey' to 'gray' because IE doesn't display anything wrapped in <code> because it only honours the US spelling, where as Firefox is happy with US or UK spelling */

/* ?-?-? - removed td,th and set padding; created 'narrow' */


body		{	
			background-color:	#F5F5F5;
			font-family:      Verdana, arial, helvetica, sans-serif;
			padding:		0px 5px 0px 5px;
		}

p		{
			/* To get that extra zing of readability. */
			line-height:	1.4em;
		}


p.indent	{	margin: 20px; }


/* for when you don't want paragraph text to have top and bottom white space added */
p.short
		{	margin:			0px;	}


/* reduce the amount of vertical space between toolbar and paragraph text */
h2.short	{	margin:			.5em 0px .5em 0px;	}


h1		{
			font-family:   Georgia, "Times New Roman", Times, serif;
			font-weight:	normal;
			text-align:		center;
		}


/* When hovering over links... */
/* text colour. light blue when mouse is over link */ 
/* text background colour. mid blue background when mouse hovers */
A:hover		{	color:			rgb(0, 96, 255);
			background-color:	#d2e2e2;
		}


code		{	font-family:		"Courier New", Courier, monospace;
			background-color:		gray;
			color:					white;
/*			border-style:		dashed;
			border-width: 		thin; */
			}


/* document footer */
.footer		{
			font-family:		"Courier New", Courier, monospace; 
			clear:			both;
			border:			1px solid #CBCBCB;
			background-color:	#E5E5E5;
			color:			black;
			margin:			.5em 0;
			padding:		.5em;
		}


/* positioning  - replacements for align="" */
.center		{	text-align:		center; }
.left			{	text-align:		left; }
.right		{	text-align:		right; }
.justify		{	text-align:		justify; }

/* Replacement for <strike> */
.strike-thru	{	text-decoration:	line-through; }

.important	{	color: 		red; }

.underline	{
			padding-top:		8px;
			margin:				0px;
			border-style:		solid;
			border-width:		0em 0em 1px 0em;
			border-color:		silver; /* #999999 is nicely subtle */
			/* can this be combined with table-divider if we remove padding-top? */
		}


/* the box and background for titles */
.strip		{
			color:				white;
			border-style:		solid;
			border-width:		thin;
			border-color:		black;
			background-color:	#330099;
		}


/*.underline	{
			margin-bottom:	0;
			padding-bottom:	0;
			border-style:	solid;
			border-color:	#c00;
			border-width:	0 0 2px 0;
		}*/


/* For rendering source code / command lines, draw an indented, */
/* white box with a thin dashed line around it*/
.code		{
			border-style:		dashed;
			border-width: 		thin;
			padding:		0.3em;
			margin:			2em;
			background-color:	white;
		}

td,th		{
			border-color:		silver;
			border-style:		solid;
			border-width:		1px 1px 1px 1px;
			margin:			0px;
			/* no indent for the left so not indented at left hand page edge, but indent right so gap between text */
			padding:		.25em .25em .25em .25em;  
		}


th		{
			text-align:		left; /* otherwise it would be centred */
		}

tr		{	vertical-align:		top;	}


img		{	border-style:	none; }


/* Vertical space between list items makes them more readable. */
li		{
			padding-bottom:	0.5em;	
			padding-top:	0.5em;	
		}

/* For use with specific table cells as a replacement for the 'width' attribute
   "The recommended method for setting width is to specify an absolute width for some 
   columns and have others that have no size defined and expand to fill in the extra space." */
.details	{	width:			40%;		}


.toc {
		border: 1px solid black;
}


.book-border	{
			border-style:		solid;
			border-left-width:	20em;
			border-right-width:	20em;
		}



/* Menuing */
.menubox	{
			margin:			0px;
			border-width:		1px 1px 1px 1px;
			border-style:		solid;
			border-color:		silver;
			background-color:	gray;
			padding:		4px 5px 4px 5px;
			color:			white;
		}


.menubox:visited,
.menubox:link,
.menubox:hover	{
			/* Keep text colour white for hyperlinks: */
			color:			white;
			/* Don't allow hyperlinks to be underlined: */
			text-decoration:	none;
			/* Don't allow the background to be changed by */
			/* our own hover over-ride elsewhere. */
			background-color:	gray;
		}


.menubox:hover	{
			/* When hovering, change the text color to silver: */
			color:			silver;
		}


#banner		{
			background-color:	black;
			color:			white;
			font-size:        	3em;
			font-family:      	"Times New Roman", Times, serif;

			margin:			0px 0px 5px 0px;
			padding:		0px 4px 0px 4px;

			border:			1px;
			border-color:		gray;
			border-style:		solid;
		}

.banner:visited,
.banner:link,
.banner:hover	{
			background-color:	black;
			color:			white;
			text-decoration:	none;
		}


/*#navigation	{
			margin:			0px;
			border-width:		0px;
			border-style:		solid;
			border-color:		silver;
			background-color:	gray;
			padding:		0px;
		}*/

#footer		{
			text-align:		left;
			background-color:	#E5E5E5;
					
			margin-top:		15px;
			margin-bottom:		0em;

			padding:		0px 10px 0px 10px;              

			border-style:		solid;
			border-width:		1px 1px 1px 1px;
			border-color:		silver;

			clear:			both;

			-moz-border-radius:	1%;
		}

/*#sidebar	{
			padding-right:		2em;
			margin-top:		15px;
			padding-top:		0;
		}


#content	{
			float:			right;
			width:			85%;
			margin-top:		15px;
			margin-left:		1.67em;
			border-left:		1px solid black;
			padding-top:		0;
			padding-left:		1em;
			padding-bottom:		20px;
		}
*/


#content	{
			background-color:	white;
			margin-top:		10px;
			border:			1px solid silver;
			padding-left:		5px;
			padding-right:		5px;
			-moz-border-radius:	1%;
		}


.poem-title	{	
			font-family:		Georgia, "Times New Roman", Times, serif;
			font-weight:		bold;
			font-size:      	2.5em;
			border:			1px solid #CBCBCB;
			background-color:	#88aa99;
			color:			black;
			margin:			.25em 0;
			padding:		.25em;
		}


.poem		{	
			font-family:		Georgia, "Times New Roman", Times, serif;
			font-size:		3em;
			border:			1px solid #CBCBCB;
			background-color:	#ffffee; /* also try #ffddbb */
			color:			black;
			margin:			.5em 0;
			padding:		.5em;
		}


.poem-navigation	{
			border:		1px solid #CBCBCB;
			color:		black;
			margin:		.5em 0;
			padding:	.5em;
			}


.poem-reference	{
			font-family:		Georgia, "Times New Roman", Times, serif;
			font-size:		2em;
			border:			1px dashed #CBCBCB;
			color:			black;
			margin:			.25em;
			padding:		.1em;
			text-align:right;
		}


.poem-location	{
			font-family:		Georgia, "Times New Roman", Times, serif;
			font-size:		2em;
			border:			1px dashed #CBCBCB;
			color:			black;
			margin:			.25em;
			padding:		.1em;

			font-style:	italic;
			text-align:	right;
		}