@font-face {
font-family: "Humanistic";
src: url("Humanistic.ttf");
}
@font-face {
font-family: "MediciText";
src: url("MediciText.ttf");
}
@font-face {
font-family: "PressGutenberg";
src: url("PressGutenberg.ttf");
}

.headbar { 
	font-family: "Book Antiqua","Old English Text MT", serif;
    font: 1.5em "Book Antiqua","Old English Text MT", serif;
    font-weight: bold;
    text-align:center;
    color: black;
    color:#fff; 
    /*background-color:#ff0038;*/
    margin-left:auto; 
    margin-right:auto; 
    display:block;
}

.headbar2 { 
	font-family: "Humanistic","Book Antiqua","Old English Text MT", serif;
    font-size: 2.3em ;
    /*font-weight: bold;*/
    text-align:center;
    color: black;
    color:#eee; 
    /*background-color:#ff0038;*/
    margin-left:auto; 
    margin-right:auto; 
    display:block;
}

.headbar3 { 
	font-family: "Humanistic","Book Antiqua","Old English Text MT", serif;
    font-size: 1.5em ;
    font-weight: bold;
    text-align:center;
    color: black;
    color:#ddd; 
    /*background-color:#ff0038;*/
    margin-left:auto; 
    margin-right:auto; 
    display:block;
}

.hr {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
/*border: 0 none;*/
margin-top: 10px;
margin-bottom:10px;
}

#footer {
	font-family: "Humanistic","Book Antiqua","Old English Text MT",serif;
    font: 1.3em "Humanistic","Book Antiqua","Old English Text MT", serif;
    text-align: right;
    color: #fff;
  /*position: absolute;*/
  /*bottom: 0;*/
  /*width: 100%;*/
  height: 2.5rem;            /* Footer height */
}

.footertext {
	font-family: 0.8em "Humanistic","Book Antiqua","Old English Text MT", serif;
    font: 0.8em "Humanistic","Book Antiqua","Old English Text MT", serif;
    text-align: right;
    color: #fff;
  /*position: absolute;*/
  /*bottom: 0;*/
  /*width: 100%;*/
  height: 2.5rem;            /* Footer height */
}

/*body {*/
 /*background-image: url("./528.jpg");*/
 /*background-repeat: repeat;*/
/* background-color: #333333;*/
/*}*/

body {
  background-image: linear-gradient( #333, #ccc);
}

body .bashford {
  background-image: linear-gradient( #fff, #fff);
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 40%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}





	text {
		font-family: "Humanistic","Book Antiqua","Old English Text MT",serif;
		font-size: 14px;
	}

	/*rect {*/
	/*	fill: none;*/
	/*	stroke: #ddd;*/
		/*fill: #fff;*/
	/*	stroke-width: 1;*/
	/*}*/
	
	.boundingbox {
		fill: none;
		stroke: #999;
		/*fill: #fff;*/
		stroke-width: 1;
		background-color: rgba(255, 255, 255, 0.5);
	}
	
	.legendbox rect {
		stroke: #555;
		/*fill: #888;*/
		stroke-width: 1;
		fill: rgba(120, 120, 120, 0.1);
	}
	

	
	.intro rect {
		fill: none;
		stroke: #000;
		fill: #fff;
		stroke-width: 1;
	}
		scenelabel {
		fill: none;
		stroke: #333;
		stroke-width: 1;
	}
	
/*------------------------------*/
	.intro text:first-child {
		font-family: serif ;/*"MediciText";*/
		/*fill: #fff;*/
	    stroke: #000;
	    stroke-width: 2;
	}

	.intro text+text {
			font-family: serif ;/*"MediciText";*/
	    /*fill: #333;*/
	}
	
	/*Paths and legends*/
	
			text.categorylegendmain {
				stroke: #444;
				font-size:  1.3em;
		stroke-width: 1.2;
	}
	
				text.categoryquestionbox {
				font-family: "Humanistic","Book Antiqua","Old English Text MT",serif;
				stroke: #ddd;
				fill: #ddd;
				font-size:  1.3em;
		stroke-width: 0.6;
	}
					text.categoryquestionbox2 {
				font-family: "Humanistic","Book Antiqua","Old English Text MT",serif;
				stroke: #ddd;
				fill: #ddd;
				font-size:  1.3em;
		stroke-width: 0.6;
	}
/*------------------------------*/	
	path {
		fill: none;
		stroke-width: 2;
		stroke: #333;
	}
/*------------------------------*/
	path.other {
		stroke: #fbd266;
	}
	line.other {
		stroke: #fbd266;
		stroke-width: 2;
	}
	text.categorylegend.other
	{
		stroke: #fbd266;
		fill: #fbd266;
			stroke-width:0.5;	
	}
		.intro text+text.other {
			font-family: serif ;/*"MediciText";*/
	    stroke: #fbd266;
	    fill: #fbd266;
	    stroke-width:0.5;
	}
/*------------------------------*/
	path.staffwpn {
		stroke: #f2d9b3;
	}
	line.staffwpn {
		stroke: #f2d9b3;
		stroke-width: 2;
	}
	text.categorylegend.staffwpn {
	 	stroke: #f2d9b3;
	 	fill: #f2d9b3;
	 	stroke-width:0.5;
	}
		.intro text+text.staffwpn {
			font-family: serif ;/*"MediciText";*/
	    stroke: #f2d8b3;
	    fill: #f2d8b3;
	    stroke-width:0.5;
	}

/*------------------------------*/

	path.helmet {
		stroke: #c5dced;
		stroke-width: 2;
	}
	line.helmet {
		stroke: #c5dced;
		stroke-width: 2;
	}
	text.categorylegend.helmet {
		stroke: #c5dced;
		fill: #c5dced;
		stroke-width:0.5;	
	}
		.intro text+text.helmet {
			font-family: serif ;/*"MediciText";*/
	    fill: #c5dced;
	    stroke: #c5dced;
	    stroke-width:0.5;
	}
/*------------------------------*/
	path.armor {
		stroke: #ba9b2f;
		stroke-width: 2;
	}
	line.armor {
		stroke: #ba9b2f;
		stroke-width: 2;
	}
	text.categorylegend.armor {
		stroke: #ba9b2f;
		fill: #ba9b2f;
		stroke-width:0.5;
	}
		
    .intro text+text.armor {
    	font-family: serif ;/*"MediciText";*/
	    stroke: #ba9b2f;
	    fill: #ba9b2f;
	    stroke-width:0.5;
	}
	

/*------------------------------*/	
    path.gun {
		stroke: #dbffd6;
		stroke-width: 2;
	}
    line.gun {
		stroke: #dbffd6;
		stroke-width: 2;
	}
		text.categorylegend.gun {
				stroke: #dbffd6;
				fill: #dbffd6;
		stroke-width:0.5;
	}
		
	.intro text+text.gun {
		font-family: serif ;/*"MediciText";*/
	    stroke: #dbffd6;
	    fill: #dbffd6;
	    stroke-width:0.5;
	}
/*------------------------------*/	








	
	.textaxislegend {
		font-size: 1.3em;
	    stroke: #fff;
	    fill: #fff;
	    stroke-width: 0.6;
	}
	
	.periodtext {
		font-size: 1.5em;
	    stroke: #ddd;
	    fill: #ddd;
	    stroke-width: 1;
	}
	.periodtext2 {
		font-size: 1.5em;
	    stroke: #999;
	    fill: #999;
	    stroke-width: 0.5;
	}
	.periodlines {
		stroke: #999;
		stroke-width: 0.5;
	}
	
	a {
		color: #fff;
	}

	.scene .staffwpn {
	    /*transform-origin: initial;*/
	    /*transform: rotate(90deg);*/
	}