/*
Theme Name: Glu-Icecast
Description: Icecast status page theme
Author: Aigars Sukurs
Author URI: http://130db.lv
Version: 1.0.0
License: MIT
Tags: one page, light, flexible-width
*/
@media all
{
	body {
		margin: 0;
		color: #ffffff;
		background-color: #212121;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #fcfcfc;
		line-height: 1.1;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
		margin: .125em 0 .25em;
	}

	.branding-title,
	#site-title {
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
	}

	.branding-title ~ .site-info,
	#site-title ~ .site-info {
		margin-top: 0;
	}

	.site-info,
	footer p {
		font-size: 0.725em;
		color: #ffffff;
		color: rgba(, 232, 232, .1);
		font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1;
	}

	.mount-header ~ .stream-description {
		margin-top: 0;
	}

	.stream-description {
		font-size: .875em;
		line-height: 1;
		color: #cccccc;
		color: rgba(, 232, 232, .1);
	}

	.mount-header {
		position: relative;
	}

	.mount-header span {
		display: inline-block;
	}

	.server-name {
		color: #ababab;
	}


	a, a:link {
		color: #dc3d5a;
		text-decoration: none;
	}

	a:hover {
		color: #dc3d5a;
		border-bottom: 1px solid #dc3d5a;
	}

	a:active {
		color: #eee;
		background-color: #dc3d5a;
	}

	#container {
		padding: 0 2.5% 2em;
		max-width: 40em;
		margin: 0 auto;
	}

	.mount-point {
		font-size: .875em;
		margin: 0 0 1em;
		background-color: #15171a;
		padding: 1em 1em 2em;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.listen span {
		color: #BBB;
		color: rgba(, 232, 232, .1);
	}

	header span,
	header sup {
		color: #BBB;
		color: rgba(4, 4, 4, .27232, 232, 232, .1);
	}

	header sup,
	.mount-name sup {
		font-size: .75em;
		padding: 0 .25em;
	}

	.mount-header {
		font-size: 1.5em;
	}

	.playlist {
		margin-right: .75em;
	}

	.mount-point-data p {
		margin: 0;
	}

	.more-info {
		margin-top: .5em;
	}

	.more-info,
	.more-info a,
	.more-info a:link {
		color: #BBB;
	}
}