body.container {
	 background: #050505;
	 background-image: url("/assets/tiwi_spine_logo_fullspace-ea8a670c.png");
	 background-repeat:no-repeat;
	 background-attachment: fixed;
	 background-position: 14% center;
	 color:#eee;
 }
 
 body {
	 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 }
 
 .smalltext {
	 font-size: 0.75em;
 }
 
 .title {
	 padding:5px;
 }
 
 .center {
	 text-align:center;
 }
 
 .justify {
	 text-align: justify;
 }
 
  .justifyl {
	 text-align: justify-left;
 }
 
 .opacity {
	 opacity:0.25;
	 text-shadow:none;
 }
 
 .noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
 
 .tiny {
	 font-size:0.25em;
 }
 
 .coverfull {
	 max-width:83%;
	 height:auto;
	 margin:15px;
 }
 
 header {
	 margin: 25ps;
	 padding: 10px;
	 font-family: "dutch";
	 font-weight: bold;
	 min-height: 120px;
	 color:#fff;
	 /*border-bottom: 2px solid #fff;*/
	 
	 .title {
		 text-align: center;
	 }
	 
	 /*background-image: url("/assets/header-05d8f6c7.png");
	 background-repeat:no-repeat;*/
 }
 
 .navbar-toggler {
	 
	 background:clear; 
	 height:42px;
	 width:42px;
	 padding:0px;
	 img {
		 height:42px;
		 width:auto;
		 padding:0px;
		 margin:0px;
	 }
 }
 
 .navbar {
	 /*border-bottom: 1px solid #aaa;
	 border-top: 1px solid #aaa;*/
 }
 
 a {
	 color:#fff;
 }
 
 a:hover {
	 color:#aaa;
	 text-decoration:none;
 }
 
 a:visited {
	 color:#fff;
 }
 
 a.nav-link {
	 color:#fff;
 }
 
 a.nav-link:hover {
	 color:#aaa;
 }
 
 a.navbar-brand {
	 color:#fff;
 }
 
 .navbar-toggler-icon {
	 color:#000;
	 padding:0px;
	 margin:0px;
	 
 }
 
 .dutch {
	 font-family: "dutch";
	 font-weight: normal;
 }
 
 #footer {
	 font-family: "dutch";
	 font-weight: normal;
	 color:#fff;
	 padding-top:25px;
 }
 
 #headercover {
	 height: 128px;
	 width: auto;
 }
 
 .outliner {
	 position: sticky;
	 padding-top:12px;
	 top: 0px;
	 z-index:1;
	 
 }
 
 a.largelink {
	 padding:15px;
	 margin:5px;
	 background:#333;
	 font-weight:bold;
	 color:#fff;
	 border-radius:5px;
	 text-shadow:none;
 }
 
 a.largelink:hover {
	 background:#fff;
	 color:#000;
 }
 
 .dropdown {
	 text-shadow: none;
	 
	 button {
		 padding:10px;
		 width:100%;
		 font-weight:bold;
		 border-radius:5px;
		 background:#333;
		 color:#fff;
		 outline:none;
		 border: 2px solid #333;
	 }
	 
	 button:focus, button:hover {
		 border: 2px solid white;
	 }
	 
	 .dropdown-menu {
		 background:#333;
		 color:#fff;
		 border-radius:5px;
		 border: 2px solid white;
		 max-width:100%;
		 text-wrap:wrap;
	 }
	 
	 .dropdown-item {
		 text-wrap:wrap;
	 }
	 
	 a, a:visited {
		 color:#fff;
	 }
	 
	 a:active {
		 background:#fff;
		 /*color:#fff;*/
	 }
	 
	 a:hover {
		 color:#000;
	 }
 }
 
 .readerControls {	 
	 padding:10px;
	 text-align:center;
	 button {
		 min-height:32px;
		 min-width:32px;
		 border-radius:5px;
		 border: 2px solid #fff;
		 background:#333;
		 color:#fff;
		 font-family:"dutch";
		 font-weight:bold;
	 }
 }
 
 .readingContainer {
	 padding:15px;
	 padding-bottom: 25px;
	 /*font-family: serif;
	 font-weight: normal;*/
	 /*background:#151515;*/
	 border-radius:5px;
	 z-index:-1;
 }
 
 .fonttype0 {
	 font-family: serif;
	 font-weight: normal;
 }
 
 .fonttype1 {
	 font-family: sans-serif;
	 font-weight: normal;
 }
 
 .fonttype2 {
	 font-family: sans-serif;
	 font-weight: bold;
 }
 
 .inverted {
	 background:#fff;
	 color: #000;
	 
	 a {
		 color:#000;
	 }
	 a:hover {
		 color:#222;
	 }
	 a:visited {
		 color:#000;
	 }
 }
 
 .colors0 {
	 background:#151515;
	 color: #fff;
	 
	 a {
		 color:#fff;
	 }
	 a:hover {
		 color:#aaa;
	 }
	 a:visited {
		 color:#fff;
	 }
 }
 
 .colors1 {
	 background:#fff;
	 color: #000;
	 text-shadow: none;
	 a {
		 color:#000;
	 }
	 a:hover {
		 color:#222;
	 }
	 a:visited {
		 color:#000;
	 }
 }
 
 .colors2 {
	 background:#d7c3ac;
	 color: #000;
	 
	 a {
		 color:#000;
	 }
	 a:hover {
		 color:#222;
	 }
	 a:visited {
		 color:#000;
	 }
 }
 
 .fontsize0 {
	 font-size: 0.85em;
 }
 
 fontsize1 {
	 font-size: 1em;
 }
 
 .fontsize2 {
	 font-size: 1.2em;
 }
 
 .fontsize3 {
	 font-size: 1.5em;
 }
 
 #btn-back-to-top {
	 position: fixed;
	 bottom: 20px;
	 right: 20px;
	 display: none;
	 background:#222;
	 color:#fff;
	 border:solid 2px white;
	 font-weight:bold;
	 z-index:100;
 }
 
 .styleButton {
	 padding:15px;
	 margin:5px;
	 background:#333;
	 font-weight:bold;
	 color:#fff;
	 border-radius:5px;
	 text-shadow:none;	
		border: none;
		cursor:pointer;
 }
 
 .styleButton:hover {
	 background:#fff;
	 color:#000;
 }