/*

Trek Nation
Design by Mindfaucet
http://mindfaucet.com

*/


html {
	margin: 0;
}

body {
	margin: 0;
	font-family: Verdana, san-serif;
	font-size: 13px;
	color: #fff;
	background: #000 url('backdrop21.jpg') center top no-repeat;
}

a {
	color: #72a4a2;
	text-decoration: none;
}

a:hover {
	color: #e99615;
}

iframe {
	margin: 0;
	background: transparent;
}

.clear {
	clear: both;
}

/* Content */

#splash {
	width: 1000px;
	height: 475px;
	padding: 240px 0 0 0;
	margin: 0 auto;
	overflow: hidden;
	background: url('backdrop21.jpg') center top no-repeat;
}

#watch {
	width: 360px;
	height: 200px;
	margin: 0 80px 0 0;
	xbackground: url(watch3.png);
	float: right;
	background-size: 100% 100%;
}

#streaming {
	display: block;
	height: 145px;
	text-indent: -9999px;
	overflow: hidden;
}

#own {
	height: 60px;
}

#own a {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

#quote {
	width: 385px;
	height: 200px;
	padding: 50px 0 0 0;
	float: left;
}

	#quote div {
		color: #fff;
		font-family: Georgia, serif;
		font-size: 16px;
		text-align: right;
		display: none;
	}
	
	#quote .person {
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-style: italic;
	}
	
	#quote .source {
		font-family: Arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
	}
	
	#quote div small {
		font-size: 11px;
		font-family: Arial, sans-serif;
	}

	#quote p.text {
		line-height: 120%;
	}
	
	#quote p.from {
		line-height: 110%;
		font-size: 13px;
		color: #e99615;
	}
	
#button-exclusive {
	width: 305px;
	height: 260px;
	margin: 0 0 0 15px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -99999px;
	background: url('buttons6.png') 0 -5px no-repeat;
}

	#button-exclusive:hover {
		background-position: 0 -265px;
	}
	
#button-trailer {
	width: 230px;
	height: 80px;
	margin: 0;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url('buttons6.png') -375px 0 no-repeat;
}

	#button-trailer:hover {
		background-position: -375px -260px;
	}

#button-about {
	width: 230px;
	height: 280px;
	margin: 0;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url('buttons6.png') -375px -80px no-repeat;
}

	#button-about:hover {
		background-position: -375px -340px;
	}



/* Footer */

#footer {
	height: 100px;
	padding: 0 10px 0 10px;
	line-height: 24px;
}

#brand {
	width: 503px;
	height: 73px;
	padding: 0 0 0 10px;
	float: right;
	margin: -5px 0 0 0;
	background: url('brand.jpg') 10px 0 no-repeat;
}

#button-roddenberry {
	width: 160px;
	height: 73px;
	display: block;
	float: left;
	text-indent: -9999px;
}

#button-atmosphere {
	width: 115px;
	height: 73px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 10px;
}

#button-newanimal {
	width: 110px;
	height: 73px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 10px;
}

#button-science {
	width: 85px;
	height: 73px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 10px;
}

#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('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;
		}		
	
	
/* Modal */

#modal-media {
	color: #777;
}

#modal-media a {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
	
.modal {
	display: none;
	background-image: url('modal.png');
	width: 660px;
	height: 500px;		
	padding: 25px;
}

.modal-white {
	background-image: url('images/modal-white.png');
}

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


/* edit */

#youtubeModal { 
	display: none; 
	background-image: url('modal.png'); 
	width: 660px; 
	height: 500px;		 
	padding: 25px; 
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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

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

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

/* edit */


#about-image {
	width: 330px;
	height: 406px;
	margin: 40px 0 0 0;
	float: left;
	background: url('about.jpg') no-repeat;
}
#about {
	width: 320px;
	height: 450px;
	padding: 0 10px 0 0;
	margin: 40px 0 0 0;
	float: left;
	overflow: auto;
	font-family: Courier, 'Courier New', serif;
	color: #fff;
	font-size: 13px;
}
	#about p {
		margin: 0 0 10px 0;
	}
		
#register-text {
	margin: 160px 40px 30px 40px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.about {
	width: 660px;
	height: 490px;
	background: url('about.jpg') no-repeat;
	text-indent: -9999px;
}

/* Subscribe */

#subscribe {
	width: 320px;
	height: 50px;
	padding: 0 0 0 10px;
	margin: -167px 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: 14px;
}

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

#subscribe button {
	width: 30px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 5px;
	display: block;
	float: left;
	border: none;
	cursor: pointer;
	background: #000;
	color: #5fabab;
	border: 1px solid #5fabab;
}


#saturn-link {
	width: 300px;
	height: 100px;
	margin: -300px 0 0 400px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}

#screening-link {
	width: 510px;
	height: 110px;
	margin: -80px 0 0 480px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}


/* 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;
    }

}