/* style sheet for Christmas carols */

@font-face {
	font-family: "Tiresias PCfont Z";
	font-style: normal;
	font-weight: normal;
	src: local('Tiresias PCfont Z"'), url("font/TIRESIAS PCFONTZ.TTF") format("truetype");
}

@font-face {
	font-family: "Tiresias PCfont Z";
	font-style: normal;
	font-weight: bold;
	src: local('Tiresias PCfont Z Bold"'), url("font/TIRESIAS PCFONTZ Bold.TTF") format("truetype");
}

@font-face {
	font-family: "Tiresias PCfont Z";
	font-style: italic;
	font-weight: normal;
	src: local('Tiresias PCfont Z Italic"'), url("font/TIRESIAS PCFONTZ Italic.TTF") format("truetype");
}

a /* how ordinary clickable links look */{
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1.3em;
}

div.onion{
	background: url("image/stylesheet/onion.png") #d2f4d3 no-repeat scroll 3px 3px !important; /*! green onion !*/
	border: none;
	clear: none;
	color: #b22222; /*! firebrick !*/
	display: block;
	margin: 8px 0 8px 0;
	padding: 10px 8px 10px 40px;
}

a:link /* how ordinary clickable links look */{
	background-color: transparent;
	color: #9d0b21; /*! sombre brown !*/
}

a:visited /* how visited links look */{
	background-color: transparent;
	color: #660066; /*! aged wine !*/
}

a:active /* how the link under the cursor looks */{
	background-color: transparent;
	color: #000800; /*! black with tinge of green !*/
}

a.book:link,a.book:visited,a.book:active,a.book:hover{
	background: transparent url("image/link/book.png") no-repeat scroll 100% 70%;
	padding: 1px 18px 0 0; /* top right bottom left */
}

a.wikipedia:link,a.wikipedia:visited,a.wikipedia:active,a.wikipedia:hover{
	background: transparent url("image/link/wikipedia.png") no-repeat scroll right 50%;
	padding: 1px 24px 0 0; /* top right bottom left */
}

body{
	background-color: #f3fff6; /*! readable green background !*/
	color: #421f00; /*! classic ink !*/
	font-family: "Tiresias PCfont Z","Palatino Linotype","Bookman Old Style","Book Antiqua","Trebuchet MS","Lucida Sans","Lucida Sans Unicode",Verdana,serif;
	font-size: 1.4em;
	font-weight: normal;
}

div.box/* set off in white box red writing */{
	background-color: #ffffff; /*! white !*/
	border: thin solid;
	border-color: #808080; /*! unobtrusive grey !*/
	clear: both;
	color: #ff3333; /*! fire !*/
	display: block;
	float: none;
	font-size: 1em;
	font-weight: normal;
	margin: 8px 0 8px 0;
	padding: 10px;
}

div.navbar{
	display: inline;
	line-height: 28px;
	margin: 4px 0 4px 0; /* t r b l */
	white-space: nowrap;
}

div.see{
	background: url("image/link/seealso.png") #fcfcff no-repeat scroll 1px 1px !important; /*! extreme pale blue !*/
	border: thin solid;
	clear: both;
	color: #000000; /*! black !*/
	display: block;
	margin: 8px 0 8px 0;
	padding: 10px 8px 10px 40px;
}

h1      /* sub heading */{
	font-size: 28pt;
}

h1,h2      /* main heading */{
	background-color: transparent;
	color: #226622; /*! rich green for h1 h2 !*/
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,helvetica,sans-serif;
	font-weight: bold;
}

h2      /* sub heading */{
	font-size: 1.08em;
}

span.big {
	color: #f07200; /*! Valencia orange !*/
	font-size: 1.2em;
	font-weight: bold;
}

span.css{
	background-color: transparent;
	color: #bb00bb; /*! loganberry !*/
}

strong, b {
	font-size: 1.2em;
	font-weight: bold;
}

ul.breadcrumb{
	display: inline;
	font-family: Calibri,"Bitstream Vera Sans","Segoe UI",Arial,Helvetica,sans-serif;
	font-size: .7em !important;
	margin: 10px 0 4px 0;
	padding: 0;
	white-space: nowrap;
}

ul.breadcrumb li{
	background: url("image/stylesheet/breadcrumbdimtiptail.png") #cffb3f no-repeat scroll left !important; /*! bright lime !*/
	display: inline;
	margin-left: -5px;
	padding: 4px 1px 4px 35px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li a{
	text-decoration: none;
}

ul.breadcrumb li.firstbreadcrumb{
	background-attachment: scroll !important;
	background-color: #cffb3f; /*! bright lime !*/
	background-image: none !important;
	background-repeat: no-repeat;
	display: inline;
	margin-left: 0;
	padding: 4px 4px 4px 4px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li.lastbreadcrumb{
	background: transparent  url("image/stylesheet/breadcrumbdimtiptail.png") no-repeat scroll left !important;
	display: inline;
	margin-left: -5px;
	padding: 4px 1px 4px 35px; /* top right bottom left */
	position: relative;
}

ul.breadcrumb li:hover{
	background-color: #dffc7c; /*! light lime !*/
}

/* + is not supported in any browsers yet. So tip of hover arrow won't go bright */
ul.breadcrumb li:hover + ul.breadcrumb li{
	background: url("image/stylesheet/breadcrumbbrighttiptail.png") #cffb3f no-repeat scroll left; /*! bright lime !*/
}

.asays /* conversation between a and b to sort out who said what */{
	background-color: transparent;
	color: #188dd3; /*! Naples blue !*/
	font-style: italic;
}

.bsays /* conversation between a and b to sort out who said what */{
	background-color: transparent;
	color: #3d58a0; /*! dull blue !*/
	font-style: italic;
}

.csays /* conversation between a and b to sort out who said what */{
	background-color: transparent;
	color: #266f4a; /*! seeweed green !*/
	font-style: italic;
}

.date/* yyyy-mm-dd date*/{
	background-color: transparent;
	color: #8b7a11; /*! tarnished gold !*/
	white-space: nowrap;
}

.hitcount, .statcounter {
	background-color: transparent;
	color: #ff8c00; /*! dark orange !*/
	font-family: "Lucida Console",Verdana,monospace; /* 14px */
	font-size: 1.08em;
	font-weight: bold;
}

.plain /* dummy class that does nothing,mainly to say NOT offsite */{
	background-color: transparent;
}

.quoted, em, i {
	font-style: italic;
}

.quoted:after,.asays:after,.bsays:after,.csays:after, .scare:after{
	content: close-quote;
}

.quoted:before,.asays:before,.bsays:before,.csays:before, .scare:before{
	content: open-quote;
}

.scare{
	background-color: transparent; /* don't ever make italic. */
	color: #8b4513; /*! bs brown !*/
}

.speaker /* label a speaker */{
	background-color: transparent;
	color: #dd9c71; /*! speaker orange !*/
	font-weight: bold;
}

.term {
	background-color: transparent;
	color: #005801; /*! algae !*/
	font-weight: 600;
}

.unobtrusive  /* see fineprint bigger than semihidden */{
	background-color: transparent;
	color: #808080; /*! unobtrusive grey !*/
	font-size: .9em;
	line-height: 1em;
}