/*

White Room: 02B3

Design by Mindfaucet
http://mindfaucet.com

*/

html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #777;
	background: #fff url('images/whiteroom24.jpg') center top no-repeat;
}

a {
	color: #3e6870;
	text-decoration: none;
}

	a:hover {
		color: #3e6870;
		text-shadow: 	#3e6870 0 0 5px;
	}

	a:focus {
		outline: none;
	}
	
button::-moz-focus-inner {
	border: 0; 
}

input:focus {
	outline: none;
}

input::-moz-focus-inner {
	border: 0; 
}

hr {
	height: 1px;
	color: #abaaa8;
	background-color: #abaaa8;
	border: 0px;
}

img {
	border: none;
}

.clear {
	clear: both;
}

table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

tr, td {
	padding: 0;
	margin: 0;
}


/* Layout */

#whiteroom {
	width: 1000px;
	height: 500px;
	padding: 180px 0 0 0;
	margin: 0 auto;
	background: url('images/whiteroom24.jpg') center top no-repeat;
}

#whiteroom a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#cast-1 {
	width: 167px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') no-repeat;
}

	#cast-1:hover {
		background-position: 0 -230px;
	}
	
#cast-2 {
	width: 167px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') -167px 0 no-repeat;
}

	#cast-2:hover {
		background-position: -167px -230px;
	}
	
#cast-3 {
	width: 166px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') -334px 0 no-repeat;
}

	#cast-3:hover {
		background-position: -334px -230px;
	}
	
#cast-4 {
	width: 166px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') -500px 0 no-repeat;
}

	#cast-4:hover {
		background-position: -500px -230px;
	}
	
#cast-5 {
	width: 167px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') -666px 0 no-repeat;
}

	#cast-5:hover {
		background-position: -666px -230px;
	}
	
#cast-6 {
	width: 167px;
	height: 230px;
	float: left;
	background: url('images/cast2.jpg') -833px 0 no-repeat;
}

	#cast-6:hover {
		background-position: -833px -230px;
	}
	
#social {
	width: 610px;
	height: 32px;
	padding: 0 0 15px 5px;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 13px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #777;
	line-height: 32px;
}

#roddenberry {
	width: 64px;
	height: 60px;
	padding: 0 5px 5px 0;
	display: block;
	position: fixed;
	text-indent: -9999px;
	bottom: 0;
	right: 0;
	background: url('images/logo-roddenberry.png') no-repeat;
}

#feeds {
		width: 165px;
		height: 42px;
		margin: 0 5px 0 0;
		float: left;
		overflow: hidden;
	}
	
	#feeds a {
		width: 40px;
		height: 42px;
		display: block;
		float: left;
		text-align: left;
		text-indent: -9999px;
		overflow: hidden;
		background: url('images/feeds.png') no-repeat;
	}
	
	a#feeds-facebook {	
		width: 43px;
		background-position: 0 0px;
	}
	
		a#feeds-facebook:hover {
			background-position: 0 2px;
		}
		
	a#feeds-twitter {
		background-position: -43px 0px;
	}
	
		a#feeds-twitter:hover {
			background-position: -43px 2px;
		}
		
	a#feeds-google {
		background-position: -83px 0px;
	}
	
		a#feeds-google:hover {
			background-position: -83px 2px;
		}
		
	a#feeds-youtube {
		width: 42px;
		background-position: -123px 0px;
	}
	
		a#feeds-youtube:hover {
			background-position: -123px 2px;
		}		


/* Subscribe */

#subscribe {
	width: 320px;
	height: 50px;
	padding: 0 0 0 5px;
	margin: -70px 0 0 0;
	float: left;
	position: absolute;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#subscribe form {
	padding: 0;
	margin: 0;
	display: block;
	font-size: 20px;
	font-family: Georgia;
	letter-spacing: 2px;
	font-variant: small-caps;
	color: #555;

}

#subscribe input {
	width: 260px;
	height: 24px;
	padding: 0 2px 0 2px;
	margin: 0;
	display: block;
	float: left;
	color: #368399;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	border: 1px solid #358997;
	background: #cfe7eb;
}

#subscribe button {
	width: 30px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 5px;
	display: block;
	float: left;
	border: none;
	cursor: pointer;
	background: #fff;
	color: #555;
	border: 1px solid #555;
	font-weight: bold;
}

#app-link {
	width: 470px;
	height: 70px;
	display: block;
	margin: 260px 0 0 250px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#film-link-standard {
	width: 170px;
	height: 70px;
	display: block;
	margin: 260px 0 0 370px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#film-link-360 {
	width: 210px;
	height: 70px;
	display: block;
	margin: 260px 0 0 560px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

	#app-stores {
		width: 620px;
		height: 74px;
		background: url('images/app-stores.png') no-repeat;
		overflow: hidden;
	}
	
		#app-store-apple {
			width: 200px;
			height: 74px;
			display: block;
			float: left;
			text-indent: -9999px;
		}
		
		#app-store-android {
			width: 200px;
			height: 74px;
			margin: 0 0 0 10px;
			display: block;
			float: left;
			text-indent: -9999px;
		}
		
		#app-store-play {
			width: 200px;
			height: 74px;
			margin: 0 0 0 10px;
			display: block;
			float: left;
			text-indent: -9999px;
		}

#applink-itunes {
    width: 200px;
    height: 74px;
    margin: 0 0 0 100px;
    display: block;
    float: left;
    text-indent: -9999px;
    background: url('images/app-stores.png') no-repeat;
}

#applink-googleplay {
    width: 205px;
    height: 74px;  
    display: block;
    float: left;
    text-indent: -9999px;
    background: url('images/app-stores.png') -415px 0 no-repeat;
}

#about-link {
	width: 55px;
	height: 35px;
	margin: 395px 0 0 435px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#app-trailer-link {
	width: 115px;
	height: 35px;
	margin: 395px 0 0 400px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#trailer-link {
	width: 65px;
	height: 35px;
	margin: 395px 0 0 510px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#map-link {
	width: 190px;
	height: 30px;
	margin: 435px 0 0 310px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#distribution-link {
	width: 160px;
	height: 30px;
	display: block;
	margin: 435px 0 0 510px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}

#laurels-link {
	width: 545px;
	height: 60px;
	overflow: hidden;
	position: fixed;
	text-indent: -9999px;
	bottom: 5px;
	right: 70px;
	cursor: pointer;
	background: url('images/laurels-footer.png') no-repeat;
}

#banner {
	width: 240px;
	height: 125px;
	margin: 430px 0 0 590px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}

#banner-screening {
	width: 420px;
	height: 125px;
	margin: 430px 0 0 150px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
}


/* Modal (640x480) */

.modal {
	display: none;
	background-image: url('images/modal.png');
	width: 660px;		
	padding: 50px 25px 25px 45px;
}

	.modal div.close {
		background-image: url('images/modal-close.png');
		position: absolute;
		right: 5px;
		top: 5px;
		cursor: pointer;
		height: 35px;
		width: 35px;
	}

	.modal-content {
		width: 620px;
		height: 480px;
		padding: 0 15px 0 5px;
		overflow: auto;
	}
	
	.modal-content-scroll {
		width: 620px;
		height: 480px;
		padding: 0 15px 0 5px;
		overflow: auto;
	}
	
#credits {
	padding: 100px 0 0 0;
}

#credits table {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	width: 100%;
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
}

#credits th {
	font-weight: 300;
	font-size: 14px;
	text-transform: lowercase;
	vertical-align: bottom;
	padding: 0 5px 5px 0;
	width: 50%;
	text-align: right;
}

#credits td {
	vertical-align: bottom;
	padding: 0 5px 5px 0;
	width: 50%;
	text-align: left;
}

#about-modal #credits h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	font-size: 13px;
}

#about-modal, #app-modal, #distribution-modal {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #777;
}

	#about-modal h2, #app-modal h2 {
		margin: 10px 0 0 0;
		padding: 0;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0;
	}

	#about-modal p, #app-modal p, #distribution-modal p {
		margin: 10px 0 0 ;
		padding: 0;
	}
	
	#about-modal p strong, #app-modal p strong, #distribution-modal p strong {
		font-weight: 350;
	}
	
	#about-modal p em, #app-modal p em, #distribution-modal p em {
		font-family: Arial, san-serif;
		letter-spacing: -1px;
		font-size: 16px;
	}
	
/* RODDENBERRY FOOTER */

#subfooter {
    padding: 10px;
    overflow: hidden;
    background: #000;
}

    #subfooter a {
        color: #fff;
    }

        #subfooter a:hover {
            color: #0084b5;
        }

    #footer-copyright {
        width: 350px;
        height: 60px;
        float: right;
        text-align: right;
        font-family: 'Khand', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        line-height: 60px;
        box-sizing: border-box;
    }

    #footer-roddenberry {
        width: 60px;
        height: 60px;
        display: block;
        margin: 0 0 0 10px;
        text-indent: 9999px;
        float: right;
        background: url('style/footer-roddenberry.png') no-repeat;
        background-size: 60px 60px;
    }

    #footer-social-wrap {
        padding: 10px;
        margin: 0 350px 0 0;
        box-sizing: border-box;
    }

   
.footer-social {
    width: 40px;
    height: 40px;
    margin: 0 4px 4px 0;
    display: block;
    float: left;
    text-indent: -9999px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-image: url('style/footer-social-icons.png');
    background-size: 160px 40px;
}

#footer-facebook {
    background-position: 0 0
}

#footer-instagram {
    background-position: -40px 0;
}

#footer-threads {
    background-position: -80px 0;
}

#footer-youtube {
    background-position: -120px 0;
}

#footer-newsletter {
    width: 304px;
    height: 40px;
    padding: 0;
    margin: 0 0 0 20px;
    display: block;
    float: left;
}

#footer-newsletter-email {
    width: 192px;
    height: 40px;
    padding: 0 10px;
    margin: 0 0 0 -20px;
    display: block;
    float: left;
    box-sizing: border-box;
    border-style: none;
    border: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #454545;
    color: #c7c7c7;
    font-family: 'Khand', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 40px;
}   

#footer-newsletter-submit {
    width: 92px;
    height: 40pz;
    padding: 0 10px;
    margin: 0;
    display: block;
    float: left;
    box-sizing: border-box;
    border-style: none;
    border: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-family: 'Khand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    background: #ff7f02;
    cursor: pointer;
    text-transform: uppercase;
}

#footer-newsletter-submit {
    width: 92px;
    height: 40pz;
    padding: 0 10px;
    margin: 0;
    display: block;
    float: left;
    box-sizing: border-box;
    border-style: none;
    border: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-family: 'Khand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    background: #ff7f02;
    cursor: pointer;
    text-transform: uppercase;
}
    
@media (min-width: 0px) and (max-width: 750px) { 
  
    #subfooter {
        padding: 5px;
    }
    
    #footer-copyright {
        float: none;
        width: 100%;
        text-align: center;
     }
    
    #footer-roddenberry {
        display: none;
    }
    
    #footer-social-wrap {
        width: 308px;
        margin: 0 auto;
        padding: 0 0 20px 0;
    }

}


.video-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.video-container iframe {
	width: 100%;
	height: 100%;
}