/* folknik.css */

BODY {
	background-image:url(../banjo1.jpg);
	/* background-repeat:repeat; */
	margin-right: 10%; 
}
A:link { color: green }          /* unvisited link */
A:visited { color: brown }        /* visited links */
A:hover{color:blue; }   
A:active{color:red; }  

/*h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }*/

/*
H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { 
  display: block }
*/

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN { display: inline }

/* LI { display: list-item } */

H2, H3, H4, H5, H6 { margin-bottom: 6px; } 

B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { 
	white-space: pre;
	font-family:courier;
}

/* MAINTOC (for the main table of contents in the lefthand frame)
TOPLIST (for tables of contents, lists of festival names, etc.) */ 

/* #mytitle {
}
*/

.rv_hdr1 {
	text-align: left;
	font-weight: bold;
}

.rv_hdr2 {
	text-align: left;
}

.cd, .book, .folknik, .film {
	font-style: italic;
}

/* *i styles are for paragraphs that are already in italics */
.cdi, .booki, .folkniki, .filmi {
	font-style: normal;
}

.author {
	font-weight: bold;
}

/* .song, .poem {
}
*/

/* kinds of paragraphs */
/* Note: p.j and p.ri are deprecated; p.body and p.sig are more to the point */
p.body, P.j {  			/* justified paragraphs */
	text-align: justify 
}

p.ragr, P.j {  			/* ragged right paragraphs */
	text-align: left 
}

p.ragl, P.j {  			/* ragged right paragraphs */
	text-align: right 
}


p.sig, P.ri { 		/* used for signatures */
/*	text-align: right; */
	font-style: italic;
}
p.quote, p.q, p.blockquote {  				/* for quoted paragraphs */
	margin-left: 10%;
	margin-right: 10%
}
p.newsquote {  				/* for dense quotes */
	font-size: smaller;
	text-align: justify;
}
	
/* box around text */
DIV.BOX {
		padding-left: 2%;
		padding-right: 2%;
		border: solid;
		border-width: thin; width: 100%
}
DIV.TIGHTBOX {
		max-width: 33%;
		padding-left: 2%;
		padding-right: 2%;
		border: solid;
		border-width: thin 
}
DIV.OBIT {
		padding-left: 2%;
		padding-right: 2%;
		border: solid;
		border-width: thick; width: 100%
}

.SONG {
		margin-left: 15%;
		margin-right: 15%;
		padding-left: 2%;
		padding-right: 2%;
		background: white;
		font-size: 90%;
}
.WIDESONG {
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 2%;
		padding-right: 2%;
		background: white;
		font-size: 90%;
}
.intro, .caption {
		margin-left: 10%;
		margin-right: 10%;
		font-size: 95%;
		font-style: italic;
}
.introsig {
		margin-left: 10%;
		margin-right: 10%;
		font-size: 95%;
		font-style: italic;
}
.tableContainer {
	clear: both;
	height: 100%;
	overflow: auto;
}
/* special new color scheme for calendar-style calendars (July 2009) */
.Cal {
	background-color: darkgreen;
	color: gold;
	width: 100%;
	align: center;
	valign: top;
	height: 130;
}

ADDRESS { margin-left: 3em }

/* UL, DIR { list-style: disc }*/
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
/* LI { margin-left: 3em } */

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }        /* 'border-bottom' could also have been used */

/* for "Print this page" buttons that don't print themselves along with the page */
@media print {
	input.noPrint { display: none; }
}

/* experimental chord-symbol code (courtesy CSS & Webdesign Workshop, http://wellstyled.com/index.html) */
.chordline {
       line-height:2.0
       }
    .chordline span {
       position:relative;
       }
    .chordline span strong {
       position:absolute;
       top:-1em; left:0;
       font:bold 75%/1 sans-serif;
       color:green;
       }
    .chordline span strong span {
       display:none;
       }


/* like I even care about setting link/visited/active colors
/* A:link { color: blue }          /* unvisited link */
/* A:visited { color: red }        /* visited links */
/* A:active { color: lime }        /* active links */

/* setting the anchor border around IMG elements
   requires contextual selectors */

/* 
A:link IMG { border: 2px solid blue }
A:visited IMG { border: 2px solid red }
A:active IMG { border: 2px solid lime }
*/

/*BODY { 
  margin: 1em;
  font-family: serif;
  line-height: 1.1;
  background: white;
  color: black; 
}*/
