@font-face { font-family: Prisma; src: url('https://videoeditor.link/fonts/Prisma.otf'); }
@font-face {
 font-family: 'Prisma';
 src: url('https://videoeditor.link/fonts/Prisma.woff2') format('woff2'),
 url('https://videoeditor.link/fonts/Prisma.woff') format('woff');
 src: url('https://videoeditor.link/fonts/Prisma.eot');
 src: url('https://videoeditor.link/fonts/Prisma.eot#iefix') format('embedded-opentype'),
 url('https://videoeditor.link/fonts/Prisma.ttf')  format('truetype'),
 url('https://videoeditor.link/fonts/Prisma.ttf') format('svg');
 }
@font-face { font-family: Prisma; src: url('https://videoeditor.link/fonts/Prisma.otf'); }

p {font-family: "Prisma", sans-serif; font-size: 26px; letter-spacing: 3px; color: ffffff; line-height: 30px;!important;}
a {text-decoration: none;color: ffffff;}
a:hover {text-decoration:none; color:ccaaff;}
h1 {font-family: "Prisma";color:ffffff;text-align: left; font-size: 36px; text-transform: none; margin-top: 32px; line-height: 32px; margin-bottom: 20px;!important;}

.black {color:111111;}
.top {padding:15px 0 0 0; margin:0px 0 0 0;font-size:50px;}
.topserif {padding:0px 0 0 0; margin:10px 0 0 0;font-size:12px;font-family: Prisma}
.topserif2 {padding:5px 0 0 0; margin:0px 0 0 0;font-size:12px;font-family: Prisma}
.topd {font-size:60px;}
.nav {padding:5px 0 0 0; margin:0 0 0 0;font-size:18px;color:ffffff;background-color: 111111}
.nav img {vertical-align: middle; margin-right: 20px; padding-bottom: 2px;}
.top2 {margin:0 0 14px 0;font-size:36px;color:66bb66}
.questions {margin:0 0 14px 0;font-size:24px;color:66bb66}
.bigger {font-size:32px; margin:20 0 10 0;}
.smaller {font-size:22px;}
.invite {border:10px solid #888888;}
.current {color: ccffaa}
.currentblog a {color: ccffaa}
.currentblog a:hover {color: ccaaff}
.comingsoon {font-family: Prisma, sans-serif; font-size: 32px; letter-spacing: 3px; color: ffffff; line-height: 30px;}

body {margin: 0px;background-color: 111111;}

#bg {background: url("imgs/DDD_webbackgroundx.jpg") no-repeat fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-color: 000000;}

#frame {width:960; border:10px solid #888888;margin: 0 auto 0;}

#child {width: 100%; margin:0px auto;padding-bottom: 0px; margin-top: 0px;}

#footer {width: 100%;background-color: 111111;padding-bottom: 30px;margin-bottom: 0px;padding-top:20px;}
#footer p {padding: 0;margin:0;}
#footer img {padding:0px 0 10px 0;}
#footer img:hover {opacity: 0.8;}

#synopsis {padding:0 20px 0 20px;margin:10px auto 20px;width: 90%;}
#synopsis p {font-size:16px;font-family: Prisma;line-height: 18px;margin:0 0 10 0;text-align: center;}
#synopsis img {margin:0 10px 4px 5px;border:1px solid white;}

#synopsisvideos {padding:0 20px 0 20px;margin:10px auto 20px;width: 90%;}
#synopsisvideos p {font-size:16px;font-family: Prisma;line-height: 18px;margin:0 0 10 0;text-align: center;}
#synopsisvideos img {margin:0 10px 6px 10px; border:1px solid white;}
#synopsisviddeos h1 {font-family: Prisma;color:ffffff;text-align: left; font-size: 36px; text-transform: none; margin-top: 32px; line-height: 32px; margin-bottom: 20px;}

#archives {padding:20px 20px 0 20px;margin:0px auto 0px;width: 90%;}
#archives p {font-size:16px;font-family: Prisma;line-height: 18px;margin:0 0 10 0;text-align: center;letter-spacing:0.5px;}
#archives img {margin:0 10px 6px 10px; border:1px solid white;}
#archives h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 36px; text-transform: none; margin-top: 0px; line-height: 32px; margin:32px 0 20px;}

#premiere {padding:0 20px 0 20px;margin:0px 0 0 0;}
#premiere p {font-size:20px;font-family: Prisma;line-height: 28px;margin:0 0 10 0;}
#premiere img {margin:0 10px;border:3px solid white;}

#info {margin:10px 0 10px 0;}
#info p {margin:0 0 0 0;font-size:28px;}
#info a {margin:0 0 0 0;}
#laurels {margin-top:5px;}
#laurels img {margin:0px;}

#nav {background-color: 111111; padding-bottom: 10px; padding-left: 30px;margin-bottom: 0px; padding-right: 30px;padding-top:10px;}
#nav img:hover {opacity:0.8;}

#header {margin:0 auto 0; padding-top:20px;padding-bottom:25px;}
#header p {font-family: Prisma;font-size: 20px; letter-spacing: 3px; color: ffffff; line-height: 20px;margin-top:0px;padding-top:20px;margin-bottom:0px;padding-bottom:0px;}
#header iframe {border:1px solid white;border-radius: 25px}

#headerB p {font-family: Prisma;font-size:18px; letter-spacing: 0.5px; color: ffffff; line-height: 24px;margin-top:5px;padding-top:5px;margin-bottom:20px;}
#headerB img {max-width:33%;border:1px solid white;border-radius: 25px;margin-top:20px;}
#headerB img:hover {opacity:0.9;}
#headerB a {color:aaffcc}
#headerB a:hover {color:ccaaff}

#credits {padding-top:10px;}

.column_videosX {display: inline-block;width: 95%;max-width: 95%;margin: 0 0% 0px 0%;font-size: 12px;vertical-align: top;}

.column_videos_blog {position: relative;display: inline-block;width: 80%;max-width: 80%;margin: 10px 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 49%;}
.column_videos_blog iframe {border:1px solid white;border-radius: 25px;}

.column_videos_bandcamp {position: relative;display: inline-block;width: 60%;max-width: 60%;vertical-align: top;padding-bottom: 0px;margin-top:10px;margin-bottom:20px;}

.column_videosX img {border: 1px solid #ffffff;position: relative;behavior: url("https://pseudobook.com/_css/PIE.php.html");/* for ie */
-moz-box-shadow: 0px 2px 4px #474747;-webkit-box-shadow: 0px 2px 4px #474747;box-shadow: 0px 2px 4px #474747;margin: 0 0 10px 0;width:95%;}

.container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}

.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.parent{	position: fixed;	width: 100%; /* can be any width */
	height: 100%;	left: 0;	top: 0;	display: none;	text-align: center;}
.parent:before{ /* pseudo element to force vertical centering of child element */
	content: '';	display: inline-block;	height: 100%;	vertical-align: middle;}
.parent:after{ /* pseudo element to create overlay */
	background: black;	content: '';	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	opacity: 0.5;	z-index: 10;}

/* Centered child element can be any width and height */ 
.centeredchild {	position: relative; /* position element to participate in z-indexing */	z-index: 20; /* higher z-index than overlay */	display: inline-block;	vertical-align: middle;	width: 80%; /* can be any width */
}

/* Video container to maintain Youtube 16:9 aspect ratio */ 
.videowrapper{	position: relative;	padding-top: 25px;	padding-bottom: 56.25%; /* 16:9 aspect ratio */	height: 0;}

/* Make Youtube IFRAME responsive */ 
.videowrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.youtubeplaylist {font-family: Prisma, sans-serif; font-size: 20px; letter-spacing: 0.5px; color: ffffff; line-height: 30px;}
.playlistlink {color: ffffff;}
.youtubeplaylist a {color:aaffcc}
.youtubeplaylist a:hover {color:ccaaff}

.column_videos {display: inline-block;width: 33%;max-width: 33%;margin: 0 0% 15px 0%;font-size: 12px;vertical-align: top;}

.column_videos img {position: relative;behavior: url("https://pseudobook.com/_css/PIE.php.html");/* for ie */
-moz-box-shadow: 0px 2px 4px #474747;-webkit-box-shadow: 0px 2px 4px #474747;box-shadow: 0px 2px 4px #474747;margin: 0 0 10px 0;width:95%;opacity: 1.0; border-radius: 25px;}

.column_videos img:hover {opacity: 0.7;}

.center {display: block; margin-left: auto; margin-right: auto;}
.centerhalf {display: block; margin-left: auto; margin-right: auto;width:60%;padding-bottom:15px;}

.pitch {background-color:334455;padding:20px;}
.twitter-tweet {display: block; margin-left: auto; margin-right: auto; padding-bottom:10px;}

#blogbody {padding:20px 50px 0;margin:0px auto 0px;width:65%;}
#blogbody p {font-size:18px;font-family: Prisma;line-height: 25px;margin:0 0 12px 0;letter-spacing:0.5px;}
#blogbody a {color:ccffaa}
#blogbody a:hover {color:ccaaff}
#blogbody .caption p {font-size:14px;font-family: Prisma;line-height: 12px;margin:-5px 0 10px 0;letter-spacing:0.5px;font-style:italic;color:ccc;}
#blogbody .christmasp {margin-bottom:20px;}
#blogbody .youtubecaption p {font-size:14px;font-family: Prisma;line-height: 12px;margin:10px 0 10px 0;letter-spacing:0.5px;font-style:italic;color:ccc;}
#blogbody .featured img {width:100%;border:1px solid white;border-radius: 25px; margin:0px auto 20px;display: block; margin-left: auto; margin-right: auto;}
#blogbody img {width:100%;border:1px solid white;border-radius: 25px; margin:20px auto -4px;}
#blogbody h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 28px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 10px;}
#title h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 42px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 5px;}
#title p {color:999999;font-size:14px;font-family: Prisma;margin-bottom: 20px;}
#blogbody iframe {border:1px solid white;border-radius: 25px; width:100%;}
#blogbody h2 {font-family: Prisma;color:ffffff; font-size: 20px; text-transform: none; margin-top: 0px; line-height: 38px; margin-bottom: 12px;}
#blogbody .vimeo {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 0 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 56.25%;}
#blogbody .vimeo iframe {border:none;border-radius: 0px;}

@media only screen and (max-width: 1284px)  {

#blogbody {padding:20px 50px 0;margin:0px auto 0px;width:85%;}
#blogbody p {font-size:30px;font-family: Prisma;line-height: 40px;margin:0 0 20px 0;letter-spacing:1px;}
#blogbody a {color:ccffaa}
#blogbody a:hover {color:ccaaff}
#blogbody .caption p {font-size:16px;font-family: Prisma;line-height: 16px;margin:0px 0 15px 0;letter-spacing:1px;font-style:italic;color:ccc;}
#blogbody .christmasp {margin-bottom:20px;}
#blogbody .youtubecaption p {font-size:16px;font-family: Prisma;line-height: 16px;margin:15px 0 15px 0;letter-spacing:1px;font-style:italic;color:ccc;}
#blogbody .featured img {width:100%;border:1px solid white;border-radius: 25px; margin:0px auto 20px;display: block; margin-left: auto; margin-right: auto;}
#blogbody img {width:100%;border:1px solid white;border-radius: 25px; margin:20px auto -4px;}
#blogbody h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 36px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 10px;}
#title h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 42px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 5px;}
#title p {color:999999;font-size:14px;font-family: Prisma;margin-bottom: 20px;}
#blogbody iframe {border:1px solid white;border-radius: 25px; width:100%;}
#blogbody h2 {font-family: Prisma;color:ffffff; font-size: 36px; text-transform: none; margin-top: 0px; line-height: 44px; margin-bottom: 15px;}
#blogbody .vimeo {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 0 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 56.25%;}
#blogbody .vimeo iframe {border:none;border-radius: 0px;}

.column_videos_blog {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 10px 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 58.25%;}

.column_videos_blog iframe {border:1px solid white;border-radius: 25px;}

.column_videos_bandcamp {position: relative;display: inline-block;width: 80%;max-width: 80%;vertical-align: top;padding: 0px;margin-top:10px;margin-bottom:30px;}

.center {display: block; margin-left: auto; margin-right: auto;}
.centerhalf {display: block; margin-left: auto; margin-right: auto;width:85%;padding-bottom:15px;}

#footer {width: 100%;background-color: 111111;padding-bottom: 30px;margin-bottom: 0px;padding-top:30px;}
#footer p {padding: 0;margin:0;}
#footer img {padding:0px 0 10px 0;}
#footer img:hover {opacity: 0.8;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

#blogbody {padding:20px 50px 0;margin:0px auto 0px;width:65%;}
#blogbody p {font-size:18px;font-family: Prisma;line-height: 25px;margin:0 0 12px 0;letter-spacing:0.5px;}
#blogbody a {color:ccffaa}
#blogbody a:hover {color:ccaaff}
#blogbody .caption p {font-size:14px;font-family: Prisma;line-height: 12px;margin:-5px 0 10px 0;letter-spacing:0.5px;font-style:italic;color:ccc;}
#blogbody .christmasp {margin-bottom:20px;}
#blogbody .youtubecaption p {font-size:14px;font-family: Prisma;line-height: 12px;margin:10px 0 10px 0;letter-spacing:0.5px;font-style:italic;color:ccc;}
#blogbody .featured img {width:100%;border:1px solid white;border-radius: 25px; margin:0px auto 20px;display: block; margin-left: auto; margin-right: auto;}
#blogbody img {width:100%;border:1px solid white;border-radius: 25px; margin:20px auto -4px;}
#blogbody h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 28px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 10px;}
#title h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 42px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 5px;}
#title p {color:999999;font-size:14px;font-family: Prisma;margin-bottom: 20px;}
#blogbody iframe {border:1px solid white;border-radius: 25px; width:100%;}
#blogbody h2 {font-family: Prisma;color:ffffff; font-size: 20px; text-transform: none; margin-top: 0px; line-height: 38px; margin-bottom: 12px;}
#blogbody .vimeo {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 0 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 56.25%;}
#blogbody .vimeo iframe {border:none;border-radius: 0px;}

.column_videos_blog {position: relative;display: inline-block;width: 80%;max-width: 80%;margin: 10px 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 47%;}

.column_videos_blog iframe {border:1px solid white;border-radius: 25px;}

.column_videos_bandcamp {position: relative;display: inline-block;width: 60%;max-width: 60%;vertical-align: top;padding-bottom: 0px;margin-top:10px;margin-bottom:20px;}

.center {display: block; margin-left: auto; margin-right: auto;}
.centerhalf {display: block; margin-left: auto; margin-right: auto;width:60%;padding-bottom:15px;}

#footer {width: 100%;background-color: 111111;padding-bottom: 30px;margin-bottom: 0px;padding-top:20px;}
#footer p {padding: 0;margin:0;}
#footer img {padding:0px 0 10px 0;}
#footer img:hover {opacity: 0.8;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (max-width: 960px) {

#blogbody {padding:20px 50px 0;margin:0px auto 0px;width:85%;}
#blogbody p {font-size:18px;font-family: Prisma;line-height: 25px;margin:0 0 20px 0;letter-spacing:1px;}
#blogbody a {color:ccffaa}
#blogbody a:hover {color:ccaaff}
#blogbody .caption p {font-size:16px;font-family: Prisma;line-height: 16px;margin:0px 0 15px 0;letter-spacing:1px;font-style:italic;color:ccc;}
#blogbody .christmasp {margin-bottom:20px;}
#blogbody .youtubecaption p {font-size:16px;font-family: Prisma;line-height: 16px;margin:15px 0 15px 0;letter-spacing:1px;font-style:italic;color:ccc;}
#blogbody .featured img {width:100%;border:1px solid white;border-radius: 25px; margin:0px auto 20px;display: block; margin-left: auto; margin-right: auto;}
#blogbody img {width:100%;border:1px solid white;border-radius: 25px; margin:20px auto -4px;}
#blogbody h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 24px; text-transform: none; margin-top: 0px; line-height: 36px; margin-bottom: 10px;}
#title h1 {font-family: Prisma;color:ffffff;text-align: center; font-size: 42px; text-transform: none; margin-top: 0px; line-height: 48px; margin-bottom: 5px;}
#title p {color:999999;font-size:14px;font-family: Prisma;margin-bottom: 20px;}
#blogbody iframe {border:1px solid white;border-radius: 25px; width:100%;}
#blogbody h2 {font-family: Prisma;color:ffffff; font-size: 24px; text-transform: none; margin-top: 0px; line-height: 36px; margin-bottom: 15px;}
#blogbody .vimeo {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 0 0% 0px 0%;vertical-align: top;height: 0;padding-bottom: 56.25%;}
#blogbody .vimeo iframe {border:none;border-radius: 0px;}

.column_videos_blog {position: relative;display: inline-block;width: 100%;max-width: 100%;margin: 10px 0 0px 0;vertical-align: top;height: 0;padding-bottom: 56.25%;}

.column_videos_blog iframe {border:1px solid white;border-radius: 25px;}

.column_videos_bandcamp {position: relative;display: inline-block;width: 80%;max-width: 80%;vertical-align: top;padding: 0px;margin-top:10px;margin-bottom:30px;}

.center {display: block; margin-left: auto; margin-right: auto;}
.centerhalf {display: block; margin-left: auto; margin-right: auto;width:85%;padding-bottom:15px;}

#footer {width: 100%;background-color: 111111;padding-bottom: 30px;margin-bottom: 0px;padding-top:30px;}
#footer p {padding: 0;margin:0;}
#footer img {padding:0px 0 10px 0;}
#footer img:hover {opacity: 0.8;}
}