/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Site Styles
================================================== */


.member h3 {
	text-align: center;
	color: #fff;
	padding: 20px;
}

.member a {
	color: #FFC439;
}

.description h2 {
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
	text-align: center;
	padding: 20px;
}

.description p {
	text-align: center;
	padding: 40px;
}

div form {
	margin-bottom: 10px;
}

div.prices.clearfix, div.prices.clearfix td {
	display: inline-block;
	float: none;
	margin: 0 auto;
	/*text-align: center;*/
}
.tier h3 {
	text-align: center;
	padding-bottom: 5px;
}

div.tier td, div.tier table, div.tier tbody, div.prices td, div.prices table, div.prices tbody {
	float: none;
	display: inline-block;
	margin: auto;
	text-align: center;
}


.tier form, .tier select, .tier table {
	text-align: center;
	float: none;
	display: block;
	margin: 0 auto;
}


.tier p:last-of-type, .prices p:last-of-type {
	border-bottom: 1px dotted #700;
	padding-bottom: 5px;
}
.center {
	text-align: center;
}

div.prices h3 {
	text-align: center;

}

.wrapper{
	padding-top:25px;

	background-color:#fff;
	-moz-box-shadow:0 0 20px 0 #300;
	-webkit-box-shadow:0 0 20px 0 #300;
	box-shadow:0 0 20px 0 #300;
}

.header {
	position:relative;
}

.header h1{
	position:relative;
	top:-4px;
	text-align:center:
}

.header .two-thirds.column{
	position:relative;

	text-align:center;
	background-color:#e9e9db;
}

.header .nav{
	display:inline-block;
	margin:21px 0;
	padding:5px;

	background-color:#f4f4ed;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.header .nav li{
	display:inline;
}

.header .nav a{
	display:inline-block;
	height:32px;
	margin:5px;

	color:#fff;
	font-size:18px;
	line-height:30px;
	background-color:#8c8c84;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.header .nav a:hover{
	text-decoration:none;
	background-color:#a00;
}

.header .nav .primary a{
	padding:0 10px;
}

.header .nav .secondary a{
	width:32px;

	text-indent:-9000px;
	background:#8c8c84 url(../images/b_secondaryNav.png) left top no-repeat;
}

.header .nav .secondary a:hover{
	background-color:#a00;
}

.header .nav .secondary.facebook a{
	background-position:left center;
}

.header .nav .secondary.facebook a:hover{
	background-color:#3B5998;
}

.header .nav .secondary.email a{
	background-position:left bottom;
}

.header .nav .secondary.email a:hover{
	background-color:#39f;
}

.content{
	padding:20px 0;
}

.separator{
	margin:20px 0;
	padding-top:8px;
	border-top:1px dotted #c66;
}

.separator span{
	display:block;
	border-top:1px dotted #c66;
}

.disclaimer{
	margin-top:10px;
	padding-top:10px;
	font-size:13px;
	line-height:1.25em;
	border-top:1px dotted #c66;
}

.small{
	font-size:60%;
}

.footer{
	padding:25px 0;
	border-top:7px solid #c66;
	background-color:#e9e9db;
}

.campaign{
	display:block;
	width:100%;
	height:100px;
	margin:-25px 0 25px;
	background:transparent url(../images/g_go-digital-go-dark.png) left top no-repeat;
	background-size:contain;
}




/* #Page Styles
================================================== */

.comingSoon h2,
.nowPlaying h2{
	line-height:.875em;
}

.comingSoon h2:after,
.nowPlaying h2:after{
	content:' Now Playing';
	color:#999;
	font-size:16px;
	font-family:"Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
	white-space:nowrap;
}

.nowPlaying h2.saturday:after{
	content:' Starts Saturday';
}

.nowPlaying h2.sunday:after{
	content:' Starts Sunday';
}

.nowPlaying h2.monday:after{
	content:' Starts Monday';
}

.comingSoon h2:after{
	content:' Coming Soon';
}

.nowPlaying img.nine.columns{
	margin-bottom:10px;
}

.comingSoon h3,
.nowPlaying h3{
	color:#999;
}

.comingSoon h3:before,
.nowPlaying h3:before{
	content:'Directed By ';
	color:#666;
	font-size:16px;
	font-family:"HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:400;
	font-stretch:normal;
	line-height:1em;
}

.comingSoon li,
.comingSoon h4 a,
.comingSoon .movieTimes li,
.nowPlaying li,
.nowPlaying h4 a,
.nowPlaying .movieTimes li{
	display:inline-block;
	margin-right:15px;
}

.comingSoon li img,
.nowPlaying li img{
	vertical-align:-2px;
}

.comingSoon h4{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #c66;
}

.nowPlaying .movieTimes{
	margin:10px 0;
	padding:9px 0;
	border-top:1px dotted #c66;
	border-bottom:1px dotted #c66;
}

.nowPlaying .movieTimes li{
	display:block;
	line-height:1.75em;
}

.nowPlaying .movieTimes span{
	font-size:20px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
}

.rentalLeadin{
	margin-bottom:15px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.rentalLeadin span{
	display:block;
	padding:20px 0;

	font-size:18px;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
	line-height:1.0625em;
	letter-spacing:2px;
	background-color:#8c8c84;
}

.rentalLeadin span span{
	padding:0;

	font-size:28px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
}

.rentalLeadin a{
	display:block;
	margin-top:1px;
	padding:10px 0;
	width:100%;

	color:#fff;
	font-size:13px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
	text-align:center;
	letter-spacing:6px;
	background-color:#700;
}

.rentalLeadin span span span,
.rentalLeadin a span{
	display:none;
}

.rentalLeadin a:hover{
	text-decoration:none;
	background-color:#a00;
}

.upcomingFilms{
	margin-bottom:10px;
}

.comingSoon .four.columns,
.upcomingFilms .four.columns{
	margin-bottom:10px;
}

.about span{
	font-size:16px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
}

.about .rentals,
.about .prices,
.about .contact,
.about .history,
.about .tier {
	margin-bottom:20px;
	background-color:#f4f4ed;
}

.about .rentals p:first-child {
	padding:20px 25px 10px;
}

.about .prices p:first-child {
	padding: 15px 10px;
}



.about .rentals p:nth-child(2) span{
	display:block;
	color:#fff;
	font-size:13px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
	text-align:center;
	text-transform:uppercase;
	background-color:#8c8c84;
}

.about .rentals a{
	display:block;
	margin-top:1px;
	padding:10px 0;

	color:#fff;
	font-size:22px;
	font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
	text-align:center;
	background-color:#700;
}

.about .rentals a:hover{
	text-decoration:none;
	background-color:#a00;
}

.about .prices{
	min-height:200px;
	padding:5px 20px 0;
}

.about .prices li{
	line-height:2.5em;
	border-bottom:1px dotted #c66;
}

.about .prices li span{
	float:right;
}

.about .contact{
	min-height:180px;
	padding:15px 25px 10px;
}

.about .contact h4,
.about .contact p{
	line-height:1.25em;
}

.about a.map{
	height:205px;
	background:transparent url(../images/g_map.gif) center no-repeat;
}

.illustration{
	height:296px;
	margin:0 -60px -20px;
	background:transparent url(../images/g_pageant_front.jpg) center -1px no-repeat;
}

.about .illustration{
	margin:-30px -60px -20px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
		.comingSoon h2:after,
		.nowPlaying h2.saturday:after,
		.nowPlaying h2.sunday:after,
		.nowPlaying h2.monday:after,
		.nowPlaying h2:after{
			content:'';
		}

		.comingSoon h2:before,
		.nowPlaying h2.saturday:before,
		.nowPlaying h2.sunday:before,
		.nowPlaying h2.monday:before,
		.nowPlaying h2:before{
			display:block;
			content:'Now Playing';
			color:#999;
			font-size:16px;
			font-family: "Rockwell Extra Bold", "RockwellStdExtraBoldRegular", monospace;
		}

		.nowPlaying h2.saturday:before{
			content:'Starts Saturday';
		}

		.nowPlaying h2.sunday:before{
			content:'Starts Sunday';
		}

		.nowPlaying h2.monday:before{
			content:'Starts Monday';
		}

		.comingSoon h2:before{
			content:'Coming Soon';
		}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.header .nav{
			margin:12px 0;
			padding:4px;
		}

		.header .nav a{
			margin:4px;
		}

		.rentalLeadin span{
			padding:10px 0;
			font-size:14px;
		}

		.rentalLeadin span span{
			font-size:22px;
		}

		.rentalLeadin a{
			font-size:12px;
			letter-spacing:2px;
		}

		.about .prices{
			min-height:248px;
		}

		.illustration{
			height:236px;
			margin:0 -58px -20px;
			background-size:768px;
		}

		.about .illustration{
			margin:-30px -58px -20px;
		}

		.footer *{
			font-size:99%;
		}

		.overlayContent{
			padding:10px;
		}

		.campaign{
			height:80px;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		body {
			background-color:#fff;
		}

		.wrapper{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
		}

		.header .nav{
			margin:10px;
		}

		.comingSoon h3:before,
		.nowPlaying h3:before{
			display:block;
			margin-top:10px;
		}

		.rentalLeadin span{
			font-size:26px;
		}

		.rentalLeadin span span{
			font-size:36px;
		}

		.rentalLeadin a{
			font-size:18px;
		}

		.about .rentals a{
			font-size:19px;
		}

		.illustration{
			height:128px;
			margin:0 0 -20px;
			background-size:420px auto;
		}

		.about .illustration{
			margin:-5px 0 -20px;
		}

		.footer{
			padding:15px 25px;
		}

		.footer div{
			padding-bottom:10px;
		}

		.overlayContent{
			padding:10px;
		}

		ul.tabs{
			height:30px;
		}

		ul.tabs a{
			height:30px;
			font-size:13px;
			line-height:30px;
		}

		.panes div{
			padding:10px 20px;
		}

		div.panes p{
			font-size:13px;
		}

		div.panes h3{
			font-size:16px;
		}

		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select{
			padding:5px 10px;
			font-size:16px;
		}

		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"]{
			height:30px;
			font-size:13px;
			line-height:30px;
		}

		div.panes .disclaimer p{
			font-size:11px;
			line-height:1.125em;
		}

		.campaign{
			height:32px;
			margin-bottom:10px;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {	
		
		.campaign{
			height:44px;
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.illustration{
			height:98px;
			background-size:320px auto;
		}

	}


/* #Font-Face
================================================== */

	@font-face {
    font-family: "RockwellStdExtraBoldRegular";
    src: url('../fonts/rockwellstd-extrabold-webfont.eot');
    src: url('../fonts/rockwellstd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockwellstd-extrabold-webfont.woff') format('woff'),
         url('../fonts/rockwellstd-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}