/* CSS Document */

/* Primary Elements */

html, body { 
 background-color: #000;
 height: 100%;
}

#topbarlogo {
 position:absolute;
 text-align: center;
 word-spacing: 25px;
 line-height:1px;
 top:20%;
 left: 0;
 width: 100%;
}

#artistlayout {
 position:absolute;
 text-align: center;
 line-height:0px;
	font-size: 0;
 top:10%;
 left: 0;
 width: 100%;
}

#abouttextinthemiddle {
 position:absolute;
 text-align: center;
 word-spacing: 25px;
 line-height:1px;
 top:10%;
 left: 0;
 width: 100%;
}

#textinthemiddle {
 position:absolute;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: black;
	font-size: 12px;
    text-align: center;
	margin-left: 25%;
	margin-right: 25%;

}

#socialbar {
 position:absolute;
 text-align: right;
 word-spacing: 5px;
 line-height:5px;
	top:10px;
	right: 20px;
}

#footer {
	position: absolute;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: lightgrey;
	font-size: 12px;
	text-align: center;
	bottom: 15px;
	left:0;
	width: 100%;
	opacity: 1;
}

#bottomfadedlogo {
	position:fixed;
    left:-1px;
	bottom:-1px;
}

/* Link Colouring */

A:link { COLOR: lightgrey; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: lightgrey; TEXT-DECORATION: none }
A:visited { COLOR: lightgrey; TEXT-DECORATION: none }
A:hover { COLOR: #ff9600; TEXT-DECORATION: none; font-weight: none }

/* Link Hovering Images */

.brightness {
    display: inline-block;
}
.brightness:hover {
    opacity: .5;
}