@font-face {
	font-family: Microgramma;
	src: url('/content/MicrogrammaDBolExt.eot');
}
@font-face {
	font-family: Microgramma;
	src: url('/content/MicrogrammaDBolExt.ttf');
}
@font-face {
	font-family: MicrogrammaMed;
	src: url('/content/MicrogrammaDMedExt.eot');
}
@font-face {
	font-family: MicrogrammaMed;
	src: url('/content/MicrogrammaDMedExt.ttf');
}

.navbar-default {
	background-image: none;
}

p {
	font-family: Helvetica, Arial;
	color: #404040;
}

h3 {
	font-size: 20px;
}

h1.corp {
	font-family: Microgramma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
	text-shadow: #aaa 0px 0px 2px;
	color: #ffffff;
}

h2.corp {
	font-family: Microgramma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
	text-shadow: #aaa 0px 0px 2px;
	color: #ffffff;
}

span.corp,
a.corp {
	font-family: MicrogrammaMed, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	/*-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);*/
	/*text-shadow: #aaa 0px 0px 2px;*/
}

label.error {
	color: #BB4B4B;
}

input.error,
textarea.error,
select.error {
	border: 1px solid #BB4B4B;
}

.balloonHeader {
	margin: 0 auto;
}
.balloonHeader #logo {
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
}
.balloonHeader #logo img {
	display: inline-block;
}

.balloonHeader #newsletter {

}

.navbar {
	border: none;
	border-radius: 0;
}
.mainNavbar {
	min-height: 20px;
	background-color: #009ee0;
}
.mainNav > li {
	/*background: transparent url('gfx/div.png') no-repeat;*/
}
.mainNav > li a {
	color: #ffffff !important;
	padding: 2px 0;
	margin-left: 2px;

	transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-ms-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	-webkit-transition: color .3s ease-out;

}
.mainNav > li a:hover {
	color: #404040 !important;
	text-decoration: none;
}

a {
	color: #404040 !important;
	transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	-ms-transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	-webkit-transition: color .3s ease-out;
}

a:hover {
	color: #009ee0 !important;
	text-decoration: none;
}

#compNav {
	float: right;
	text-align: right;
}

.dimmed {
	background-color: #f4f4f4;
}

footer table td span {
	color: #009ee0;
}

footer table td {
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}
footer table tr:nth-child(1) td {
	padding-left: 5px;
}

#copyright {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: right;
}

section div.section-header {
	background-color: rgba(64, 64, 64, 1);
	border: 1px solid rgba(64, 64, 64, 1);;
	padding: 2px 10px;
	margin: 6px 0;
}
section div.section-header h1 {
	margin: 0;
	font-size: 19px;
}
section div.section-header h1:before {
	content: '// ';
	letter-spacing: 0;
	font-size: 19px;
}
section div.section-header h1:after {
	border-color:transparent transparent transparent #009ee0;
	border-style:solid;
	border-width: 8px;
	border-left-width: 13px;
	content:"";
	height:0;
	width:0;
	margin-left: 5px;
	margin-top: 3px;
	position: absolute;
}

#socialBar {
	position: absolute;
	margin: 114px 0 0 534px;
	line-height: 100%;
	width: 420px;
}
#socialBar ul {
	padding: 0;
}
#socialBar ul li {
	display: inline;
	padding: 0;
}

.social {
	display: inline-block;
	height: 40px;
	width: 50px;
	overflow: hidden;
	position: relative;
	margin: 8px 3px;
	top: 1px;
	font-size: 0;
	transition: background-position .3s ease-out;
	-o-transition: background-position .3s ease-out;
	-ms-transition: background-position .3s ease-out;
	-moz-transition: background-position .3s ease-out;
	-webkit-transition: background-position .3s ease-out;
}

#btSoundcloud .social { background: url("/gfx/sbtns.png") no-repeat scroll 0px -40px transparent; }
#btSoundcloud .social:hover { background-position: 0px 0px; }
#btFacebook .social { background: url("/gfx/sbtns.png") no-repeat scroll -50px -40px transparent; }
#btFacebook .social:hover { background-position: -50px 0px; }
#btGooglePlus .social { background: url("/gfx/sbtns.png") no-repeat scroll -100px -40px transparent; }
#btGooglePlus .social:hover { background-position: -100px 0px; }
#btInstagram .social { background: url("/gfx/sbtns.png") no-repeat scroll -150px -40px transparent; }
#btInstagram .social:hover { background-position: -150px 0px; }
#btTwitter .social { background: url("/gfx/sbtns.png") no-repeat scroll -200px -40px transparent; }
#btTwitter .social:hover { background-position: -200px 0px; }
#btSpotify .social { background: url("/gfx/sbtns.png") no-repeat scroll -250px -40px transparent; }
#btSpotify .social:hover { background-position: -250px 0px; }
#btYoutube .social { background: url("/gfx/sbtns.png") no-repeat scroll -300px -40px transparent; }
#btYoutube .social:hover { background-position: -300px 0px; }

.releases-container {
}
.release {
	border: 1px solid #aaaaaa;
	display: block;
	margin: 0 0 10px 0;
	padding: 2px;
}

.release .pic {
	width: 100%;
	max-width: 220px;
	display: inline-block;
	margin-bottom: 2px;
}

.release .producer,
.release .released {
	font-size: 14px;
}

.release .title {
	margin-top: 10px;
	margin-bottom: 10px;
}
.release .description {
	margin-top: 10px;
	font-size: 14px;;
}

.buy {
	padding: 4px;
	margin-bottom: 20px;
}
.buy h3 {
	margin: 2px 0px 4px 0px;
	font-size: 14px;
	color: #8c8c8c;
}
.buy ul {
	padding: 0;
	margin: 0;
}
.buy ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 2px 0;
}
.buy img {
	margin: 1px;
	opacity: 0.80;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.buy img:hover {
	opacity: 1.0;
}

.paginator li.disabled a {
	color: #a0a0a0 !important;
}
.paginator li.active a {
	color: #000 !important;
}

.form-control, .btn, .alert {
	border-radius: 2px;
}

.btn {
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 767px) {
	#compNav {
		margin-top: 10px;
		float: none;
		text-align: left;
	}
	#copyright {
		text-align: left;
	}
	h1.corp {
		font-size: 19px;
	}
	.container {
		padding: 0;
	}
	.mainNavbar {
		background-color: #515151;
	}
	.mainNav > li {
		padding: 2px 0 2px 20px;
	}
	.mainNav .dropdown-menu > li > a {
		font-weight: bold;
	}
	.navbar-brand {
		padding: 2px;
	}
	.navbar-brand img {
		height: 30px;
	}
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}

	.bigContainer {
		width: 100%;
		background-image:url('/gfx/bgbig.png');
		background-repeat:no-repeat;
		background-position: 50% 0;
		margin: 0 auto;
	}

	.balloonHeader {
		width: 750px;
	}
	.balloonHeader #logo {
		text-align: right;
		margin-top: 25px;
	}

	.balloonHeader #pushPlay {
		background-image:url('/gfx/pushplay.png');
		background-repeat:no-repeat;
		background-position: 0 0;
		height: 220px;
		margin-top: -40px;
	}

	.mainNavbar {
		margin-top: -40px;
	}
	.navContainer {
		padding: 0;
	}
	.mainNav > li > a:before {
		content: '/';
		font-size: 3.5rem;
		font-weight: bold;
		position: relative;
		vertical-align: middle;
		top: -3px;
		color: #ffffff;
	}
}

@media (max-width: 991px) {
	#socialBar {
		margin-left: 400px;
		width: 350px;
	}
	.social {
		width: 46px;
		margin: 8px 0;
	}
}
@media (min-width: 992px) {
	.container {
		width: 950px;
	}

	.bigContainer {
		width: 100%;
		background-image:url('/gfx/bgbig.png');
		background-repeat:no-repeat;
		background-position: 50% 0;
		margin: 0 auto;
	}

	.balloonHeader {
		width: 950px;
	}
	.balloonHeader #logo {
		text-align: right;
		margin-top: 25px;
	}
	.balloonHeader #pushPlay {
		background-image:url('/gfx/pushplay.png');
		background-repeat:no-repeat;
		background-position: 50% 0;
		margin-top: -40px;
	}

	.navContainer {
		padding: 0;
	}
	.mainNav > li > a:before {
		content: '/';
		font-size: 3.5rem;
		font-weight: bold;
		position: relative;
		vertical-align: middle;
		top: -3px;
		color: #ffffff;
	}}

@media (max-width: 1199px) {
}
@media (min-width: 1200px) {
	.container {
		width: 976px;
	}
	.bigContainer {
		width: 100%;
		background-image:url('/gfx/bgbig-lg.jpg');
		background-repeat:no-repeat;
		background-position: 50% 0;
		margin: 0 auto;
	}
	.balloonHeader {
		width: 976px;
	}
	.balloonHeader #logo {
		text-align: right;
		margin-top: 30px;
	}
	.balloonHeader #pushPlay {
		background-image:url('/gfx/pushplay.png');
		background-repeat:no-repeat;
		background-position: 50% 0;
		height: 220px;
		margin-top: -40px;
	}
	.navContainer {
		width: 976px;
	}
	.mainNav > li > a:before {
		content: '/';
		font-size: 3.5rem;
		font-weight: bold;
		position: relative;
		vertical-align: middle;
		top: -3px;
		color: #ffffff;
	}
}

/* http://cssload.net */
.bubblingG {
	text-align: center;
	width:128px;
	height:80px;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 40px auto;
	background: #009DE0;
	-moz-border-radius: 80px;
	-moz-animation: bubblingG 1.1s infinite alternate;
	-webkit-border-radius: 80px;
	-webkit-animation: bubblingG 1.1s infinite alternate;
	-ms-border-radius: 80px;
	-ms-animation: bubblingG 1.1s infinite alternate;
	-o-border-radius: 80px;
	-o-animation: bubblingG 1.1s infinite alternate;
	border-radius: 80px;
	animation: bubblingG 1.1s infinite alternate;
}

#bubblingG_1 {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

#bubblingG_2 {
	-moz-animation-delay: 0.33s;
	-webkit-animation-delay: 0.33s;
	-ms-animation-delay: 0.33s;
	-o-animation-delay: 0.33s;
	animation-delay: 0.33s;
}

#bubblingG_3 {
	-moz-animation-delay: 0.66s;
	-webkit-animation-delay: 0.66s;
	-ms-animation-delay: 0.66s;
	-o-animation-delay: 0.66s;
	animation-delay: 0.66s;
}

@-moz-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:#009DE0;
		-moz-transform: translateY(0);
	}

	100% {
		width: 38px;
		height: 38px;
		background-color:#FFFFFF;
		-moz-transform: translateY(-34px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:#009DE0;
		-webkit-transform: translateY(0);
	}

	100% {
		width: 38px;
		height: 38px;
		background-color:#FFFFFF;
		-webkit-transform: translateY(-34px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:#009DE0;
		-ms-transform: translateY(0);
	}

	100% {
		width: 38px;
		height: 38px;
		background-color:#FFFFFF;
		-ms-transform: translateY(-34px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:#009DE0;
		-o-transform: translateY(0);
	}

	100% {
		width: 38px;
		height: 38px;
		background-color:#FFFFFF;
		-o-transform: translateY(-34px);
	}
}

@keyframes bubblingG {
	0% {
		width: 16px;
		height: 16px;
		background-color:#009DE0;
		transform: translateY(0);
	}

	100% {
		width: 38px;
		height: 38px;
		background-color:#FFFFFF;
		transform: translateY(-34px);
	}
}