@charset "UTF-8";
/* CSS Document */


/*--PAGE BODY--*/

@font-face {
    font-family: 'source_sans_proextralight';
    src: url('fonts/sourcesanspro-extralight-webfont.eot');
    src: url('fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('fonts/sourcesanspro-extralightit-webfont.eot');
    src: url('fonts/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-extralightit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-extralightit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-extralightit-webfont.svg#source_sans_proXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-image: url(images/pageback.png);
	background-repeat: repeat;
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	}

.contactleft{
	padding:20px;
	width:300px;
	}

.contactright{
	padding:20px;
	padding-left:30px;
	width:300px;
	border-left:1px solid #FFF;
	}

.tiniest {
	font-family: "source_sans_proextralight";
	font-size:9px;
	color:#FFF;
	font-weight:200;
	}

.small {
	font-family: "source_sans_proextralight";
	font-size:14px;
	color:#000;
	font-weight:200;
	}

.regular {
	font-family: "source_sans_proextralight";
	font-size:16px;
	color:#000;
	font-weight:200;
	}
	
.header {
	font-family: "source_sans_proextralight";
	font-size:21px;
	color:#000;
	font-weight:bold;
	}
	
.borderright {
	border-right:1px solid #FFF;
	}
	
.borderbottom {
	border-bottom:1px solid #FFF;
	}

.albumartframe {
	height: 280px;
	width: 280px;
	padding: 10px;
	background-image: url(images/album_art_frame.png);
	}
	
.bioframe {
	width:280px;
	height:424px;
	padding: 10px;
	background-image: url(images/bio_frame.png);
	}

td.shadow {
	background-image:url(images/shadow.png);
	background-repeat: repeat-y;
	height:auto;
	width:1050px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	}
	
.content {
	padding: 30px;
	
	}


.musicmenu { 
	position:relative -20px;
	}

img.smallcover {
	border:2px solid #FFF;
	}


/*---TOP ICONS---*/

.displace {
	position: absolute;
	left: -5000px;
	}

a.spotify {
		display: block;
		width: 52.2px;
		height: 50px;
		text-decoration: none;
		background: url(images/spotify.png);
		background-position: 0 0;
		}

	a.spotify:hover {
		background-position: 52.5px 0px;
		}
		
a.apple {
		display: block;
		width: 50px;
		height: 50px;
		text-decoration: none;
		background: url(images/apple.png);
		background-position: 0 0;
		}

	a.apple:hover {
		background-position: 50px 0px;
		}
		
a.youtube {
		display: block;
		width: 100px;
		height: 50px;
		text-decoration: none;
		background: url(images/youtube.png);
		background-position: 0 0;
		}

	a.youtube:hover {
		background-position: 100px 0px;
		}

a.instagram {
		display: block;
		width: 120px;
		height: 50px;
		text-decoration: none;
		background: url(images/instagram.png);
		background-position: 0 0;
		}

	a.instagram:hover {
		background-position: 120px 0px;
		}

/*--NAVIGATION MENU--*/

a.home {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/home_diagonal.png);
		background-position: 0 0;
		}

	a.home:hover {
		background-position: 0px -130px;
		}
		
a.home {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/home_diagonal.png);
		background-position: 0 0;
		}

	a.home:hover {
		background-position: 0px -130px;
		}
		
a.music {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/music_diagonal.png);
		background-position: 0 0;
		}

	a.music:hover {
		background-position: 0px -130px;
		}
		
a.store {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/store_diagonal.png);
		background-position: 0 0;
		}

	a.store:hover {
		background-position: 0px -130px;
		}
		
a.about {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/about_diagonal.png);
		background-position: 0 0;
		}

	a.about:hover {
		background-position: 0px -130px;
		}
		
a.contact {
		display: block;
		width: 100px;
		height: 130px;
		text-decoration: none;
		background: url(images/contact_diagonal.png);
		background-position: 0 0;
		}

	a.contact:hover {
		background-position: 0px -130px;
		}

a.button{
	text-decoration:none;
	border:0px;
	}
	
a.info{
	text-decoration:none;
	color:#000000;
	}
	
	a.info:hover{
	color: #336666;
	}