html { -webkit-font-smoothing: antialiased; }

body {  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background: #000; color: #fff; }

@media only screen and (max-width: 755px) {
	body { font-size: 17px; }
	#main { padding: 15px; }
	#coverarts-container { padding: 0 15px; overflow: hidden; }
	#coverarts .release { display: block; width: 50%; margin: 0; padding: 0; float: left; }
	.release .release-info .release-artist { margin-top: 0.5em; }
	.release .release-info { padding: 0.6em; }
}

@media only screen and (min-width: 756px) {
	body { font-size: 25px; }
	#main { padding: 50px; }
	#coverarts-container { padding: 0 50px; }
	#coverarts .release { display: inline-block; margin-right: 15px; margin-bottom: 15px; width: 300px; height: 300px; }
	.release .release-info { padding: 1em; }
	.release .release-info .release-spotify-link { border-radius: 15px; padding: 8px 13px; background: rgb(29, 185, 84); color: #fff; font-size: 0.8em; margin-top: 0.5em; display: inline-block; }
	.release .release-info .release-spotify-link:hover { color: #fff; background: rgb(30, 215, 96); }
	.release .release-info .release-project-link { border-radius: 15px; padding: 5px 13px; background: #ffffff; color: #000; font-size: 0.8em; }
	.release .release-info .release-project-link:hover { color: #a4d790; }
	.focustrack { width: 615px !important; height: 615px !important; float: left; }
}
@media only screen and (min-width: 1691px) {
	#container, #coverarts-container { max-width: 1575px; margin: 0 auto; }
	#main { padding: 50px 0; }
}


img { border: none; }
#container { width: 100%; overflow: hidden; text-align: left; }
#container p { margin: 0 0 0.6em 0; line-height: 1.3em; }
a { text-decoration: none; font-weight: bold; }			
			
a { color: #a4d790; }
a:hover { color: #fff; background: #53867e; }
			
#top { overflow: hidden; margin-bottom: 15px; }
#top-left, #top-right { float: left; }
#top-left { width: 300px; overflow: hidden; }
#top-left h1 { margin: 0; }
#top-right { width: 200px; text-align: right; margin-top: 4px; }
#main { overflow: hidden; }
::selection { background: #a0e8dd; }
::-moz-selection { background: #a0e8dd; }
#bottom { overflow: hidden; text-align: center; font-size: 11px;  margin-top: 10px; }

.language-link { font-weight: normal; color: #aaa; }
.name { font-weight: bold; }

#tooltip {
    background: url("../img/tooltip_bg.png") repeat scroll center bottom transparent;
    color: #000000;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20;
}

#tooltip-inner {
	padding: 7px 7px 12px 7px;
	color: #fff;
}

#coverarts { overflow: hidden; width: 100%; }
#coverarts-container { overflow: hidden; }
#coverarts .release { position: relative; font-size: 0.7em; }
#coverarts .release img { width: 100%; height: 100%; display: block; }

.release .release-info { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; text-align: left; background: rgba(0,0,0,0.7); }
.release:hover .release-info { display: block; }
.release .release-info .release-artist { font-weight: bold; font-size: 1.5em; margin-bottom: 0.2em; letter-spacing: -0.05em; line-height: 1em; }
.release .release-info .release-title { font-weight: bold; margin-top: 0; letter-spacing: -0.05em; line-height: 1em; }
.release .release-info .release-role { font-weight: normal; }