@charset "UTF-8";
/* CSS Document */
@import url("../webfonts/texgyreadventor_regular/stylesheet.css");
@import url("../../webfonts/texgyreadventor_regular/stylesheet.css");
@import url("../webfonts/texgyreadventor_bold/stylesheet.css");
@import url("../../webfonts/texgyreadventor_bold/stylesheet.css");

@media all and (max-width: 480px) {

html, body { max-width: 480px; }

img, canvas, video { max-width: 100%; height: auto; }

h1 {padding:0 0 0 50px; margin:0; font:normal 30px/45px "texgyreadventor regular";}
h2 {padding:0 0 0 50px; margin:0; font:normal 20px/26px "texgyreadventor regular";}
h3 {padding:0; margin:0; font:normal 16px/24px "texgyreadventor regular";}
p {padding:0; margin:0; font:normal 13px/18px "texgyreadventor regular";}

.img-left { display: block; position: relative; margin: 0 auto; height: auto; min-width: 150px; max-width: 250px; float: none; }


#navLinks { display: none; }
#navLinks ul li { font-size: 16px; }
#contentContainer { display: none; }
#wrapper { width: 300%; position: relative; left: 0px; transition: left .5s ease-in-out; }
.content { float: left; width: 400px; height: auto; white-space: normal; background-repeat: no-repeat;}
.content p { padding:0; margin:20px 0 0 0; font:normal 12px/22px "texgyreadventor regular"; color:#000; }

#itemOne .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#itemOne .photo img { width: 100px; height: 100px; }
#itemOne .photo img:hover { width: 100px; height: 100px; }

#itemTwo { font-size: 12px; }
#itemTwo .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#itemTwo .photo img { width: 100px; height: 100px; }
#itemTwo .photo img:hover { width: 100px; height: 100px; }



/* hidden releases section for phone */
#releases { width: 100%; padding: 0; display: block; }
#releases .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#releases .photo img { width: 100px; height: 100px; 
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease 0s;
	-moz-transition: opacity 500ms ease 0s;
	-ms-transition: opacity 500ms ease 0s;
	-o-transition: opacity 500ms ease 0s;
	transition: opacity 500ms ease 0s; }
#releases .photo img:hover { width: 100px; height: 100px; 
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease 0s;
	-moz-transition: opacity 500ms ease 0s;
	-ms-transition: opacity 500ms ease 0s;
	-o-transition: opacity 500ms ease 0s;
	transition: opacity 500ms ease 0s; }
#releases .small { font-size: 10px; text-transform:uppercase; }



#songlist { text-align: left; font:normal 16px/24px "texgyreadventor regular"; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; -webkit-column-rule: none; /* Chrome, Safari, Opera */ -moz-column-rule: none; /* Firefox */ column-rule: none; width:98%; height: 98%; margin: 0 0 0 0; padding: 0; }
#songlist .feature { font-size: 12px; }



#information { width:98%; height: 98%; margin: 0 0 0 0; padding: 1%; text-align: center; font:normal 14px/20px "texgyreadventor regular"; color:#000; text-align: justify; }
#information p { padding:0; margin:20px 0 0 0; font:normal 14px/20px "texgyreadventor regular"; color:#000; text-align: center; }
#information div { display: block; position: relative; padding-top: 25px; text-align: justify; }
#information h1 { padding:0; margin:0; font:normal 30px/45px "texgyreadventor regular"; text-align: center; }
#information h2 { padding:25px 0 0 0; margin:0 0 0 0; font:normal 20px/30px "texgyreadventor regular"; text-align: center; }
#information h3 { padding:0; margin:0; font:normal 14px/24px "texgyreadventor regular"; text-align: center; }
#information .tracklist p { text-align: center; }
#information .tracklist h3 { text-align: center; }
#information .credits { text-align: center; margin-top: -25px; font: normal 10px/20px "texgyreadventor regular"; }
#information .lyrics { display: block; position: relative; text-align: center; margin-top: -15px; font:normal 12px/16px "texgyreadventor regular"; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; -webkit-column-rule: 1px solid #333; /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid #333; /* Firefox */ column-rule: 1px solid #333; }
#information .lyrics p { text-align: center; font:normal 12px/16px "texgyreadventor regular"; }
#information .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#information .photo img { width: 100px; height: 100px; }
#information .photo img:hover { width: 100px; height: 100px; }

#collaborations .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#collaborations .photo img { width: 100px; height: 100px; }
#collaborations .photo img:hover { width: 100px; height: 100px; }

#unreleased .photo { width: 100px; display: inline-block; text-align: center; margin: 2%; font:normal 12px/16px "texgyreadventor regular"; }
#unreleased .photo img { width: 100px; height: 100px; }
#unreleased .photo img:hover { width: 100px; height: 100px; }

.bottom { border-top: 1px solid #000; text-align: center; padding-top: 15px; margin-top: 30px; font: normal 11px/24px "texgyreadventor regular"; }

table { width: 100%; margin: 0%; font:normal 14px/22px "texgyreadventor regular"; }
table img { width: 14px; height: auto; vertical-align: middle; 
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease; }
table img:hover { 
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease; }
.number { width: 5%; }
.song { width: 70%; }
.length { width: 5%; }
.audio { width: 10%; text-align: center; }
.songlyrics { width: 10%; text-align: center; }
}