/*
@font-face {
  font-family: 'MonospaceTypewriter';
  src: url('/fonts/MonospaceTypewriter/MonospaceTypewriter.ttf') format('truetype');
}
*/
@font-face {
  font-family: 'SourceCodePro-Regular';
  src: url('/fonts/SourceCodePro_FontsOnly-1.010/TTF/SourceCodePro-Regular.ttf') format('truetype');
}

.tipbox { border: 1px dotted white; padding: 8px 16px 4px 16px; }
.songart { float:right; margin:0px 0px 10px 10px; }
.detail blockquote { font-family: Arial; font-size: 11pt; line-height: 1.5em; }

/* full size */
@media only screen and (min-device-width : 480px) {
	header { 
		max-width: 700px; margin: 0px auto 0px auto; padding: 12px 24px 0px 24px; 
	}
	#body  { 
		max-width: 700px; margin: 0px auto 0px auto; padding: 12px 24px 12px 24px; 
	}
	footer { 
		max-width: 700px; margin: 0px auto 20px auto; padding: 6px 24px 12px 24px; 
	}
	/* library */
	.tipbox {
		margin: 10px 40px 10px 40px;
	}
	.songart { 
		width: 200px;
	}
}

/* small screen */
@media only screen and (max-device-width : 480px) {
	header { 
		max-width: 100%; margin: 0px auto 0px auto; padding: 12px 24px 0px 24px; 
	}
	#body  { 
		max-width: 100%; margin: 0px auto 0px auto; padding: 12px 24px 12px 24px; 
		
	}
	footer { 
		max-width: 100%; margin: 0px auto 20px auto; padding: 6px 24px 12px 24px; 
	}
	/* library */
	.tipbox {
		margin: 10px 0px 10px 0px;
	}
	.tipbox ul {
		margin-left: -4px; text-indent: -37px;
	}
	.songart { 
		width: 120px;
	}
	.detail blockquote {
		margin-left: 0px; margin-right: 0px;
	}
}

.songart img { width: 100%; }


body {
	font-family: Georgia; color: #ffffff; font-weight: normal; font-size: 11pt; line-height: 1.3em;
}
#body {
	background: #236B8E;
	min-height: 400px;
}

header, footer {
	text-align: center; 
	background: #236B8E;
	line-height: 1.0em;
}


#sigimg {
	margin-bottom: 10px;
}
footer #hr {
	border-top: 1px solid white;
	margin: 0px 0px 10px 0px;
}
nav {
	padding: 0px 0px 0px 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
nav p { 
	margin: 6px 0px 6px 0px; 
}
#body p {
	margin: 4px 0px 12px 0px; 
}
footer p {
	font-size: 9pt;
	margin: 5px 0px 5px 0px;
}

#home div { margin: 16px 0px 16px 0px; }
#home { text-align: center; }
@media only screen and (min-device-width : 600px) {
	#home p { margin: 6px 50px 6px 50px; }
}
@media only screen and (max-device-width : 600px) {
	#home p { margin: 6px 0px 6px 0px; }
}

#guestbook {
	text-align: left;
}
.gb, .gbmsg {
	font-size: 11pt;
	margin: 8px 0px 12px 0px; 
}

.indent1 { text-indent: 30px; }
.words { clear:both; margin:30px 0px 30px 0px; font-family:'SourceCodePro-Regular','Courier New',monospace; white-space:pre; overflow:auto;  }
.st { text-align: center; margin-bottom: 20px; }
.st h3 { margin-bottom: 10px; }
.sc, .credit { float:right; text-align:right; margin-bottom: 30px; }
.sn { }


.nobr {
	white-space: nowrap;
}
.centered {
	text-align: center;
}
.right {
	text-align: right;
}
.nobullets {
	list-style: none;
}
/*
.tipbox {
	border: 1px dotted white; margin: 10px 30px 10px 30px; padding: 8px 16px 4px 16px;
}
*/
.sechead { font-size:1.2em; color:#fff000; font-style:italic; font-weight:bold; margin: 20px 0px 10px 0px; }

.init { font-weight:bold; font-size:1.3em; }

p.mainnav { xmargin-top: 8px; margin-bottom: 4px; line-height:1.1em; }
p.subnav { margin-top: 4px; margin-bottom: 4px; line-height:1.5em; }

/* LINK=2FFF99 VLINK=fff000 ALINK=00BB00  */
a { color: #2FFF99; xtext-decoration: none; }

a.navlink:link    { color: #ffffff; text-decoration: none; }
a.navlink:hover   { color: #236B8E; background-color: #ffffff; text-decoration: none; }
a.navlink { color: #ffffff; xborder: 1px #236B8E solid; }
a.curnavlink { font-family: Georgia; font-size: 0.95em; color: #236B8E; background-color: #ffffff; border:1px white solid; text-decoration: none;}
a.mainnavlink { font-family: Georgia; font-size: 10.5pt; color: #ffffff; border:1px white solid; text-decoration: none;}
a.link:visited { color: #ffffff; text-decoration: underline; }
a.link:link { color: #ffffff; text-decoration: underline; }
a.link:hover { color: #ffffcc; text-decoration: underline; }
a.cursublink { font-family: Georgia; font-size: 0.95em; color: #ffffff; border:1px white solid; text-decoration: none;}
a.cursublink:hover { color: #236B8E; background-color: #ffffff; text-decoration: none; xborder: 1px black solid; }
a.pglink { text-decoration: none; border-bottom: 1px dotted #2FFF99; }

/*
A:active  { xcolor: red; text-decoration: none; }
A:visited  { xcolor: #333333; text-decoration: none; }
A:link  { xcolor: #ffffff; text-decoration: underline; }
A.navlink:link    { color: #ffffff; text-decoration: none; }
A.navlink:hover   { color: #236B8E; background-color: #ffffff; text-decoration: none; xborder: 1px black solid; }
.navlink { color: #ffffff; xborder: 1px #236B8E solid; }
A.curnavlink { font-family: Georgia; font-size: 10pt; color: #236B8E; background-color: #ffffff; text-decoration: none;}
xA.curnavlink:visited { color: #ffffff; text-decoration: none;}
A.curnavlink:link { color: #ffffff; text-decoration: none;}
A.link:visited { color: #ffffff; text-decoration: underline; }
A.link:link { color: #ffffff; text-decoration: underline; }
A.link:hover { color: #ffffcc; text-decoration: underline; }
A.subnavlink:visited { color: #666666; text-decoration: underline; }
A.subnavlink:link { color: #000000; text-decoration: underline; }
A.subnavlink:hover   { color: #000000; background-color: #bbbbbb; text-decoration: none; }
.subnavlink { font-family: Georgia; font-size: 8pt; }
.cursubnavlink { font-family: Georgia; font-size: 8pt; color: #000000; background-color: #bbbbbb; text-decoration: none;}
A.nolink:visited { color: #dddddd; text-decoration: none; }
A.nolink:link { color: #dddddd; text-decoration: none; }
A.nolink:hover   { color: #dddddd;  text-decoration: none; }

table.tmain { border:1px black solid; xmargin-top: 10px; }
td.headbody { font-family: Georgia; color: #ffffff; font-weight: normal; font-size: 8pt; xline-height: 12pt; }
td.mainbody { font-family: Georgia; color: #ffffff; font-weight: normal; font-size: 10pt; line-height: 16pt;
 padding-left: 16px; padding-right: 16px; }
td.footerbody { font-family: Georgia; color: #ffffff; font-weight: normal; font-size: 8pt; xline-height: 12pt; }

*/