/* style.css */
		@font-face {
			font-family: 'League Mono Light';
			src: local('League Mono Light'),
				local('LeagueMono-Light'),
				url(/fonts/LeagueMono-Light.woff2) format('woff2'),
				url(/fonts/LeagueMono-Light.woff) format('woff'),
				url(/fonts/LeagueMono-Light.eot) format('opentype'),
				url(/fonts/LeagueMono-Light.ttf) format('truetype');
			font-weight: normal;} 

/* white on black, font, kill x scroll, link styling */
		body {background-color:#000000; color:white; font-family: 'League Mono Light', courier, sans-serif; max-width: 100%; overflow-x: hidden;}
		#pageContent {max-width:100%; overflow-x:hidden; min-height:95vh; display:flex; flex-direction: column;} /* kill x scroll mobile, flexbox to keep footer at page bottom */
		a:link {color: white; text-decoration: underline;}
		a:visited {color: #cccccc;}
		a:hover {color: #aaaaaa;}
		a:active {color: white;}

/* flexbox containers */
		div.container  {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center;  min-width: 0;  max-width: 100%;}
		div.containerReverse  {display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}
		div.containerCenter  {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
		div.containerColumn  {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-evenly; align-items: center;}
		div.internal  {flex: 0 1 auto;} /* just in case, try to avoid using this */

/* site banner and menu links */
		header {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;  min-width: 0;  max-width: 100%;}
		header a:link, header a:visited {color: white; text-decoration: none;}
		header a:hover {color: #aaaaaa;}
		header a:active {color: white;}

/* site menu */
		label.menuBurger {font-size:0pt;} /* hide menuburger text */

/* navigation menu using flexbox */
		ul.siteMenu {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center;  
		min-width: 0;  max-width: 100%; list-style-type: none;
		list-style-type: none; padding: 0rem; margin: 0rem;  text-transform:lowercase;}
		li.siteMenuItem {padding: .5rem; margin-left: 1rem; border-left: 1px solid white;}

/* nav for mobile */
		input.menuButton {display:none;} /* hide menu checkbox when unused */
		@media only screen and (max-width: 62em) {
			ul.siteMenu {width:100%;} /* displays menu vertically on small screens */
			#dropMenu:not(:checked) ~ul.siteMenu {display:none;} /* hides menu until burger clicked */
			/* Burger Icons */
			label.menuBurger {cursor:pointer; user-select:none; height:26px; width:30px; margin:.5rem .5rem 1rem .5rem;} /* creates location for burger */
			#dropMenu:not(:checked) ~label.menuBurger {background: url("/menu-burger.svg");} /* burger */
			#dropMenu:checked ~label.menuBurger {background: url("/menu-x.svg");} /* switch to x when menu active */
		}

/* site banner styling, relative to width */
		#siteTitle   {display:none;}
		#siteLogo {height:auto;}
		#logoBoat {stroke:white; fill:white;}
		#logoSine {stroke:white; fill:none;}
		#logoName {stroke:white; fill:white;}
		#siteLogo:hover #logoName {stroke: #aaaaaa; fill: #aaaaaa;}

/* content style */
		div.mainContent {flex: 1 1 auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; min-width:0;  max-width:100%; border-top: 1px solid white; margin-top: 1em;}
		div.mainContent p {max-width: 52em; line-height: 1.6em; padding:0em 1em .75em 1em;}
		div.mainContent ul, div.mainContent ol {flex: 0 1 38em; padding:0em 2em 0em 2em;}
		div.mainContent blockquote {margin: 1em 2rem 1em 2rem;}
		div.mainContent li {margin-bottom:5px;}
		div.textContainer {flex: 0 1 42em;}
		div.homeContainer {flex: 0 1 500px; max-width: 100%;}
		h1 {font-size:1.6rem;  text-transform:lowercase;}
		h2 {width:100%; text-align: center; font-size:1.6rem;  text-transform:lowercase;}
		span.hTldr {display:block;font-size:1rem;text-transform:lowercase;}
		iframe {max-width: 100%;}

/* discography list style */
	span.workTitle {font-weight:bold; font-style:italic;}
	span.discogEntry {font-weight:bold; display:block;}
	span.workArtist {display:block; text-transform:none;}
	div.trackItem {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	span.trackArtist {font-weight:bold;}
	span.trackAlbum {font-weight:bold; font-style:italic;}
	div.trackData {font-size:.8em;}
	ul.creditList {padding:0em 1em 0em 1em; list-style-type:none;}
	span.creditType {text-transform:uppercase; font-weight: bold;}

/* footer style */
		footer  {flex: 0 1 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center;  min-width: 0;  max-width: 100%; border-top: 1px solid white; margin-top: 1em; text-transform:lowercase;}
		footer p {padding: 0em 1em 0em 1em;}
		footer a:visited {color: white; text-decoration: underline;}