/* Display */
body,footer {display:flex;}

/* Flexbox */
body,footer {flex-direction:column;}
main,menu {flex-grow:1;}

/* 
 * Specific
 */

iframe#picture {
	background-color: grey;
	width: auto;
	margin: 0;
}
iframe#text {
	background-color: black;
	margin: 0 12pt;
}
aside#channel h2 {
	float: left;
}
aside#channel section * {
	margin-bottom: 6pt;
}
aside#control {
	text-align: center;
}
aside#control h2 {
	font-family: "Suiss Nord";
	font-weight: bold;
}
aside#control section {
	margin-top: 24pt;
}
div#collapse {
	float: right;
}
div#expand {
	border-color: white;
}
button,input.button,a.button {
	background-color: #555;
}
footer h1 {
	font-family: "Suiss Nord";
}
a.button {
	display: block;
	border: 2px solid grey;
	line-height: 21pt;
	text-align: center;
	color: #eee;
}
a.button:hover {
	text-decoration: none;
	cursor: default;
}
div.button {
	width: 15pt;
	text-align: center;
	cursor: pointer;
	border: 2px solid grey;
}
aside.hidden {
	position: absolute;
	display: none;
	color: white;
	margin:0;
	width: 120pt;
}