text {
	font-family: "Calibri", serif;
	font-size: 14px;
	padding-left: 5px;
}

ul {
	font-family: "Calibri", serif;
	font-size: 15px;
}
li {
	padding-bottom: 2px;
}

a.hidden { /* DO NOT TRY TO REMOVE - it breaks too much*/
	color:inherit;
	text-decoration: none 
}
a.hidden:visited {
	color:inherit;
}
a.hidden:hover {
	color:inherit;
	text-decoration: underline; 
}
a.hidden:active {
	color:inherit;
}


a.highlightTrigger {
	color:inherit;
	text-decoration: none 
}
a.highlightTrigger:visited {
	color:inherit;
}
a.highlightTrigger:hover {
	color:inherit;
	text-decoration: underline; 
}
a.highlightTrigger:active {
	color:inherit;
}


p {
	font-family: Calibri, serif;
	margin-bottom: 0.25cm;
	line-height: 120%;

	max-width: 340mm;

	direction: ltr;
	color: #000000;
}




.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small-caps {
	font-variant: small-caps;
}

.distinguish {
	font-weight: bold;
	font-variant: small-caps;
}

.dice {
	font-family: Courier, monospace;
}

.keyword {
	font-family: Cambria, sans-serif;
	/* padding-bottom: 1px; */
}
.keyword:hover {
	/* border-bottom: 1px dashed #bbbbbb; */
	/* padding-bottom: 0; */
}

.emphasise {
	font-weight: bold;
	font-family: Georgia, serif;
	font-size: 	 90%;
}


.emphnum {
	font-weight: bold;
	font-family: Cambria, serif;
}


.centre-aligned {	text-align: center;}
.right-aligned {	text-align: right; }
.top-aligned { 	vertical-align: top; }

.side-button {
	display: block;
	margin-right: 18px;
}

.highlight-health {
	font-size: 14px;
	background-color: #03fc2c;
}
.highlight-health-temp {
	font-size: 14px;
	background-color: #66ad72;
}
.highlight-damage {
	font-size: 14px;
	background-color: red;
}
.highlight-partial {
	font-size: 14px;
	background-color: yellow;
}






.padL5 {	padding-left: 5px;	}
.padL15 {	padding-left: 15px;	}
.padL25 {	padding-left: 25px;	}


.marL5 {		margin-left: 5px;	}
.marL25 { 	margin-left: 25px;	}
.marL40 { 	margin-left: 40px;	}


.marR10 {	margin-right: 10px; }


.padTop5 {		padding-top: 5px;	}

.padR5 {	padding-right: 5px; }
.padR15 {	padding-right: 15px; }

.padBot5 	{ padding-bottom: 5px; }
.padBot25 	{ padding-bottom: 25px; }

.padVert5 {
	padding-top: 	5px;
	padding-bottom: 5px;
}
.padVert10 {
	padding-top: 	10px;
	padding-bottom: 10px;
}

.text-style {
	font-family: "Calibri", serif;
	font-size: 12pt;
	color: #000000;

	text-align: left;
}


span.tab50 {
	width: 	 50px;
	display: inline-block;
}
span.tab100 {
	width: 	 100px;
	display: inline-block;
}
span.tab150 {
	width: 	 150px;
	display: inline-block;
}

span.underlined {
	border-bottom: 	1px dashed #dddddd;
}






div.example {
	border-style: solid;
	border-width: 2px;
	border-color: #4f81bd;

	border-spacing: 0;
	vertical-align:top;

	margin-left: 	40px;
	margin-top: 	15px;

	max-width: 200mm;

	box-shadow: 	3px 8px 4px 1px rgba(20,20,20,0.4);

	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
}
div.example p {
	font-size: 12pt;
	font-style: italic;

	margin-left: 1em;
	margin-right: 2em;
}
div.example h4 {
	font-size: 12pt;
	width: 100%;

	color: white;
	background: #4569ff;
	font-family: Georgia, serif;
	font-variant: small-caps;

	text-align: center;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}


.nowrap {
	white-space: nowrap;
}
.nopadding {
	padding: 0;
	margin: 0;
}
.nopadding-vertical {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}


.ltr {
	text-align: left;
}





/* certain buttons */
.btn {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #111111;
	background: #cdcdcd;
	padding: 4px 5px 4px 5px;
	text-decoration: none;

	font-variant: small-caps;
	font-family: "Cambria", sans-serif;
	/*font-size: 1.2em;*/
	font-weight: normal;
}
.btn:hover {
	background: #ededed;
	text-decoration: none;
	color: White;
	background: #777777;
}




/* ICONS? */
.icn-maj {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	padding: 0px 4px 1px 4px;

	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	font-family: "Lucida Sans Typewriter", monospace;
	font-size: 90%;

	vertical-align: middle;

	border: 	1px solid #777777;
}


.icn-min {
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	padding: 1px 4px 1px 4px;

	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	font-family: "Lucida Sans Typewriter", monospace;
	font-size: 75%;

	vertical-align: middle;

	border: 	1px solid #cdcdcd;
}


.icn-mor {
	padding: 0px 8px 1px 6px;

	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	font-family: "Lucida Sans Typewriter", monospace;
	/*font-weight: bold;*/
	/*font-size: 110%;*/

	vertical-align: middle;

	border: 	1px solid #555555;
	border-radius: 50% 0%;
}

.icn-t {
	padding: 2px 6px 2px 6px;

	text-decoration: none;
	font-variant: small-caps;
	font-family: "Lucida Sans Typewriter"

	vertical-align: middle;

	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}


.icn-die {
	padding: 0px 4px 1px 4px;

	margin: 0px 2px 0px 3px;

	text-decoration: none;
	font-style: normal;
	font-size: 80%;

	font-weight: bold;

	vertical-align: top;

	border: 	1px solid #777777;
}

.border-1-black {
	border: 	1px solid #000000;
}



.float-left {
	float: left;
}


.description {
	max-width: 300mm;
	text-indent: 1.5em;
}
.description::first-letter {
	font-family: Georgia, serif;
	padding-right: 	1px;
}
.dropcap::first-letter {
	font-size: 200%;
	font-family: Georgia, serif;

	padding-right: 	2px;

	float: 			left;
	line-height: 	1;
}

.writing {
	max-width: 200mm;
	text-indent: 1.5em;

	margin-top: 0;
	line-height: 150%;

	font-size:  14pt;
	font-family: Georgia, serif;
}


div.paths {
	max-width: 850px;
}

div.interactions {
	border-left: 1px solid grey;
	display: inline-block;
	padding-left: 10px;
	margin-left: 5px;
	vertical-align: top;
}

.bordered {
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	color: #111111;
	background: #cccccc;
	padding: 0px 5px 4px 5px;

	border: 	1px solid #000000;
}


div.indent-1 {
	margin-left: 0.75em;
}
div.indent-1 h3{
	margin-left: 1em;
}
div.indent-1 p {
	max-width: 	255mm;
}

div.indent-2 {
	margin-left: 1em;
}
div.indent-2 p {
	margin-left: 1em;
	max-width: 	255mm;
}

p.indent-1 {
	margin-left: 1em;
}

p.indent-2 {
	margin-left: 1.5em;
}



.step-title {
	padding-top: 	5px;
	font-size: 		110%;
	font-variant: 	small-caps;
	font-family: 	"Cambria", sans-serif;

	border-bottom:  1px solid #000000;

	width: 750px;
}

.mod-adv {
	font-weight: 	bold;
	font-variant: 	small-caps;
	font-family: 	"Georgia", serif;
}

.mod-bn {
	/*font-weight: 	bold;*/
	/*font-variant: 	small-caps;*/
	font-family: 	"Georgia", serif;
}

.mod-p {
	font-weight: 	bold;
	font-variant: 	small-caps;
	font-family: 	"Georgia", serif;
}

.mod-dam {
	font-style: 	italic;

	font-family: 	"Georgia", serif;
	font-size: 		80%;
}

.tag-stat {
	font-weight: 	bold;
	font-variant: 	small-caps;
	font-family: 	"Cambria", sans-serif;
	font-size: 		90%;
}

.tag-stattype {
    font-variant: 	small-caps;
	font-family: 	"Calibri", serif;
	font-size: 		95%;
}

.tag-range {
	font-family: 	"Cambria", sans-serif;
}
.tag-duration {
	font-family: 	"Cambria", sans-serif;
}

.tag-effect {
	font-family: 	"Cambria", serif;
	font-size: 		85%;
	font-style: 	italic;
}

.tag-rule {
	font-family: 	"Georgia", serif;
	font-size: 		95%;
}

.tag-path {
	font-family: 	"Cambria", sans-serif;
	font-variant: 	small-caps;
}
.tag-step {
	font-variant: 	small-caps;
    font-family: 	"Cambria", sans-serif;
    font-size: 		90%;
}

.tag-ability {
	font-style: 	italic;
	font-weight: 	bold;
	font-family: 	"Cambria", sans-serif;
}

.tag-resist {
	font-size: 		85%;
	font-weight: 	bold;
	font-family: 	"Cambria", sans-serif;
}
.tag-prev {
	font-size: 		90%;
	font-weight: 	bold;
	font-family: 	"Cambria", sans-serif;
}


.tag-action {
	font-weight: 	bold;
}

.tag-combat {
	font-family: 	"Cambria", sans-serif;
	font-size: 		100%;
}
.tag-avoid {
	font-weight: 	bold;
	font-family: 	"Cambria", sans-serif;
	font-size: 		90%;
}

.tag-equipment {
	font-family: 	"Cambria", sans-serif;
}

.tag-skill {
	font-weight: 	bold;
}


.tag-fate {
	font-family: 	"Cambria", sans-serif;
}

.tag-relat {
	font-family: 	"Cambria", sans-serif;
}

.tag-connect {
	font-family: 	"Cambria", sans-serif;
}

.tag-result {
	font-variant: small-caps;
	font-size: 		90%;
}

.tag-adv {
	font-family: 	"Georgia", serif;
	font-size: 		95%;
	font-style: 	none;
}

.hoverable {border-bottom: 1px dashed #ffffff;}
.hoverable:hover { border-bottom: 1px dashed #bbbbbb; }




.title {
	background: #08285c;
	color: #ffffff;
	height: 11mm;
	vertical-align:top;
}

.bg-black {
	background: #000000;
	color: 		#ffffff;
}

.bg-white {
	background: #ffffff;
}

.bg-grey-d {
	background: #555555;
	color: 		#ffffff;
}

.bg-grey-l {
	/*background: #cdcdcd;*/
	background: #dedede;
}

.bg-grey {
	background: #bbbbbb;
	color: 		#ffffff;
}

.bg-green-lll {
	background: #b2ffb2;
}

.bg-green-ll {
	background: #69ee69;
}

.bg-green-l {
	background: #55dd55; /*#4de880; old*/
	color: 		#ffffff;
}

.bg-green {
	background: #206030; /*#239632; old*/
	color: 		#ffffff;
}

.bg-yellow {
	background: #ffff00;
}

.bg-red-lll {
	background: #ffb2b2;
}

.bg-red-ll {
	background: #ee6969;
}

.bg-red-l {
	background: #dd5555;
	color: 		#ffffff;
}

.bg-red {
	background: #D61111;
}

.bg-blue-lll {
	background: #b2c4ff;
}

.bg-blue-ll {
	background: #96b2ff;
}

.bg-blue-l {
	background: #88aaff;
}

.bg-blue {
	background: #4569ff;
	color: 		#ffffff;
}

.bg-blue-d {
	background: #243f60;
	color: 		#ffffff;
}

.bg-brown {
	background: #6e260e;
	color: 		#ffffff;
}



.txt-blue-d {
	color: 		#243f60;
}

.txt-green {
	color: 		#239632;
}

.txt-red {
	color: 		#D61111;
}

.txt-red {
	color: 		#D61111;
}

.txt-black {
	color: 		#000000;
}

.text-white {
	color: 		#ffffff;
}





.bigger-1 {
	font-size: 110%;
}
.bigger-2 {
	font-size: 120%;
}

.smaller-1 {
	font-size: 90%;
}
.smaller-2 {
	font-size: 80%;
}





.narrow {
	max-width: 150mm;
}
.visible {
	visibility: visible;
	display: 	block;
}

.invisible {
	visibility: hidden;
	display: 	none;
}

.hide-card {
	display: 	none;
	width: 		0;
	height: 	0;
	padding: 	0;
	margin:		0;
	border: 	0;
}