/* css sheet for digitaldeath.rocks */

body {
	height: 100%;
	width: 100%;
	color: #999;
	background-color: black;
	margin:0;
	padding:0;
	
		
}

h1 {
	font-family: "Six Caps", sans-serif;
	/* font-family: 'Pathway Gothic One', sans-serif; */
	font-size: 7vw;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

p {
	font-family: "Pontano Sans", sans-serif;
}

a:link {
	color: #FC0;
}

a:visited {
	color: #F60;
}

#header {
	background-color: none;
	position: absolute;
	top: 0px;
	width: 100vw;
	height: 30px;	
	z-index: 1000;
	
}

#videos {
	position: relative;
	display: block;
	clear: both;
	height: 100vh;
	width: 100vw;
	max-height: 80vw;
	overflow: hidden;
}

#music-video {
	padding: 5px 5vw;	
	padding-bottom: 40px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin: 40px 0;
	background-color:#481D1D;
    background: -webkit-linear-gradient( #333333,#481D1D);
    background: -o-linear-gradient( #333333,#481D1D);
    background: -moz-linear-gradient( #333333,#481D1D);
    background: linear-gradient( #333333,#481D1D);
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#about {
	padding: 5px 5vw;
	/* background-image: url('/images/ddaboutbg.png'); */
	background-size: cover;
	background-position:top;
	background-repeat: no-repeat;
  	-webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;	
}

#about {
	padding: 5px 5vw;
	/* background-image: url('/images/ddaboutbg.png'); */
	background-size: cover;
	background-position:top;
	background-repeat: no-repeat;
  	-webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;	
}


#header img {
	width: 50vw;
}

#playerbox {
	background-color: black;
	display: block;
	width: 100vw;
	height: 70vh;
	position: relative;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;

}

#curtain {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: black;
	z-index: 50;
	background-image: url('images/ddcurtain.png');
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
}

#statustext {
	position: absolute;
	top: 70%;
	bottom: 20%;
	right: 30%;
	left: 30%;
	font-family: "Six Caps", sans-serif;
	line-height: 3vw;
	font-size: 5vw;
	color: white;
	z-index: 500;
	text-align: center;
		
}

#ddvplayer,#ytplayer {
	width: 100%;
	height:100%;	
}

#list {
	display: block;
	width: 100vw;
	height: 30vh;
	position: absolute;
	bottom: 0px;
	background-image: url('/images/ddflipbg.png') !important;
	background-repeat: repeat-x;
	background-position: bottom; 
	z-index: 99;
}

.vlistitem {
	display: block;
	border: 1px solid #999;
	background-color: white;
	width: 20vw;
	height: 20vw;
	transform: perspective( 700px ) rotateY( -45deg );
	opacity: 0.0;
	position: absolute;
	bottom: 2vw;
	overflow: hidden;
	padding: 0;
}

.vlistitem h3 {
	font-family: "Six Caps", sans-serif;
	line-height: 3vw;
	font-size: 3.0vw;
	margin: 3px;
	padding: 0;
}

.bufferstat {
	position: absolute;
	top: 72%;
	height: 5%;
	width: 0%;
	background-color: #666;
}

.playposstat {
	position: absolute;
	top: 72%;
	height: 5%;
	width: 0%;
	background-color: #C00;
	
}

.albumname {
	font-family: "Six Caps", sans-serif;
	line-height: 3vw;
	font-size: 3vw;
	margin: 0;
	padding: 3px;
	text-align: right;
}

.imgblock {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.imgblock img {
	width: 100%;
	height: 56.25%;	
}