@charset "UTF-8";
@import url('../framework/global.css.php');

/***** General ****************************************************************/

body { padding:0 1%; }

div#pseudo_table
{
	display:table;
	width:100%;
	height:100%; /* not min-height... */
	position:relative; /* so footer can be placed in relation to this */
}

div#pseudo_td { display:table-cell; text-align:center; vertical-align:middle; }

main { margin-bottom:2.5em; /* approximate footer height + margin */ }

/***** Footer *****************************************************************/

footer
{
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	
	font-size:0.75em;
	padding:0.33em 0;
}

/***** Header *****************************************************************/

header div#quote
{
	text-align:left;
	max-width:788px;
	margin:0 auto 1em auto;
	
	color:rgb(112,112,112);
	font-style:italic;
	font-weight:bold;
}

header div#quote em
{
	font-style:inherit;
	font-weight:inherit;
	font-size:1.17em;
	font-variant:small-caps;
}

@keyframes titleImageAnimation { from { opacity:1; } to { opacity:0.5; } }

h1
{
	max-width:680px;
	margin:0 auto;
	
	animation-name:titleImageAnimation;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
}

h1 a
{
	display:block;
	padding:57.353% 10px 0 10px;
	background-image:url('../graphics/homepage/band_picture.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
}

h1 img { width:100%; height:auto; }

header div#button { margin:1em 0 3em; }

/***** News section ***********************************************************/

h2
{
	font-size:1.17em;
	margin:0.86em 0;
}

section#news dl { display:inline-block; margin:0; }

@media (min-width: 50ch)
{
	dt { float:left; width:12ch; text-align:right; }
	dd { padding-left:13ch; text-align:left; max-width:680px; }
	
	dt,dd { margin-top:0.33em; }
	dt:first-child,dd:first-of-type { margin-top:0; }
}

/***** Social media icons *****************************************************/

section#logo_links { margin-top:1em; }