/* ----- These styles used by all pages ----- */

@font-face
{
	font-family: 'ChunkFive';
	src: url('/fonts/ChunkFive/Chunkfive-webfont.eot');
	src: local('☺'), url('/fonts/ChunkFive/Chunkfive-webfont.woff') format('woff'), url('/fonts/ChunkFive/Chunkfive-webfont.ttf') format('truetype'), url('/fonts/ChunkFive/Chunkfive-webfont.svg#4CzPTNtF') format('svg');
}

::selection
{
	background-color: rgba(0,0,0,0.1);
}

::-moz-selection
{
	background-color: rgba(0,0,0,0.1);
}

body, pre
{
	font-family: Arial, sans-serif;
	margin: 0;
	font-size: 18px;

	/* display: flex; */
	flex-direction: column;
	min-height: 100vh;
}

#right-side
{
	width: 20%;
	margin-left: 50px;
}

#right-side p:first-child
{
	margin-top:0;
}

#right-side ul
{
	list-style: none;
	padding: 0;
}

#right-side h3:first-child, aside h4
{
	margin-top:0;
}

#right-side h4:not(:first-child)
{
	margin-top: 2.6em;
}

#right-side h4
{
	margin-bottom: 1em;
}

#right-side h4:first-of-type
{
	margin-top:0;
}

#right-side h4:first-of-type:not(:first-child)
{
	margin-top: 2.5em;
}

article#content
{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

main
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

div#content {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#left-side
{
	width: 70%;
}

#notfound
{
	width: 50%;
	margin: 10% auto;
}

.clearboth { clear: both; }

.spacer-clearboth
{
	height: 20px;
	clear: both;
}

.band-info
{
	padding-bottom: 25px;
}

.copyright
{
	margin-top: 0;
	font-size: smaller;
}

.main-picture { max-width: 100%; }


/* --- Links --- */

a[href$='.zip']
{
	display: inline-block;
	line-height: 18px;
	padding-right: 20px;
	background: transparent url(/images/icons/zip.png) center right no-repeat;
}


/* --- Pseudo-Links --- */

.toggle-link
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	cursor: pointer;
	display: none;
}


/* --- Headers --- */

h1
{
	font-family: ChunkFive;
	/* font-weight: 100; */
	letter-spacing: 0.05em;
	border-bottom: 1px solid;
	padding: 1px 0;
	font-size: 3em;
	text-align: center;
}

h1.main
{
	font-size:4em;
}

h2 {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.35);
	text-align: center;
	margin-bottom: 2em;
}

h1.regular /* Without border */ { border: none; }

h2.side { margin-top: 0; }


/* ---- Fixes ---- */

/* -- Links without bottom border effect (for images) -- */

a.u-none, a.u-none > img
{
	border: none;
	text-decoration: none;
}


/* -- Fix for images (prevents spaces under the image) -- */

td img { display: block; }


/* -- HTML5 fix for IE8 or earlier -- */

header, nav, section, article, aside, footer, hgroup { display: block; }