/* Styling for header and navigation */
.logo {
	padding-top: 15px;
	padding-bottom: 8px;
}

#header-container {
	border-top: none;
	border-bottom: none;
	background: #400 none repeat scroll 0 0;
	position: relative;
	z-index: 0;
}

#navigation-container {
	text-align: center;
	padding: 0 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #440000;
	border-top: none;
	border-bottom: none;
	-webkit-box-shadow: 0 -7px 8px 7px #000;
	-moz-box-shadow: 0 -7px 8px 7px #000;
	box-shadow: 0 -7px 8px 7px #000;
}

ul#nav {
	font-weight: 400;
	font-size: 13px;
	display: inline-block;
	float: none;
}

/* Only for screens iPad and smaller -- responsive menu styles */
@media only screen and (max-width: 768px) {
	ul#nav {
		display: none;
	}
	
	#navigation-container {
		background: #440000 !important;
	}
}

#menu-drop-button {
	background: #440000 url("http://www.scarredlandsfilm.com/wp-content/uploads/2015/07/drop-down-white.png") no-repeat scroll center center;
}

/* End responsive menu styles */
ul#nav li a {
	border-right: none;
	border-left: none;
}

ul#nav li a:hover {
	color: #D1D1D1;
}

ul#nav ul.sub-menu {
	background: rgb(68,0,0) none repeat scroll 0 0;
	border: 1px solid #350000;
}

ul#nav ul.sub-menu li {
	border-color: #350000;
}

/* Fixes bug where menu items shift down when clicked */
ul#nav li a:active {
	position: relative;
	top: initial;
	padding-bottom: 8px;
}

/* Styling for footer */
#footer-container {
	background: #400 none repeat scroll 0 0;
}

#footer-navigation-container {
	display: none;
}

.footer-widgets {
	display: none;
}

.footer-text {
	border-top: none;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 23px;
	color: #EDEAEA;
	-webkit-box-shadow: 0 14px 8px 12px #000;
	-moz-box-shadow: 0 14px 8px 12px #000;
	box-shadow: 0 14px 8px 12px #000;
}

/* a div class that colors backgrounds dark grey. Dark-bg class is used in the Screening Resources table. */
div.dark-bg {
	background-color: #A6A6A6;
}

/* a tr class that colors the background of rows in light-grey. The alt class is used in the Screening Resources page. */
TR.alt {
	background-color: #E5E5E5;
}

/* aligns the text in a table data cell to the vertical center of that cell. Used in the Screening Resources page. */
table td {
	display: table-cell;
	vertical-align: middle;
}

/* This is a fix for Chrome users when Chrome turns images in tables into small thumbnails because of an issue with the max-width property. Used in the Screening Resources page. */
.entry-content td img {
	max-width: none;
}

/* This is some simple CSS code used to replace the old obsolete td align property from HTML 4. Use it to center text in a table. Used in the Screening Resources page. */
td.centered {
	text-align: center;
}

/* a class that is used to mimic a table but without its limitations. Use .Row and .Column together to set items in a row. Used in the footer to display logos. */
.Row {
	display: table;
	width: 50%;
	table-layout: fixed;
	border-spacing: 3px;
	text-align: center;
}

/* a class that is used to mimic a table but without its limitations. Use .Row and .Column together to set items in a row. Used in the footer to display logos. */
.Column {
	display: table-cell;
	text-align: center;
	padding: 5px;
}

/* This snippet adds a background image to the header that is somewhat responsive in the sense that the image will repeat itself horizontally to accomododate any screen resolution. Use the three blocks of code below together
#header {
	background: url(http://www.scarredlandsfilm.com/wp-content/uploads/2015/04/custom-bk-header21.jpg) repeat-x;
	background-size: 1417px, 173px;
}*/
#header-container {
	padding: 0;
}

#header {
	max-width: none;
	margin: none;
}

/* end of the header background image code */
/* */
/* This snippet adds a background image to the footer that is somewhat responsive in the sense that the image will repeat itself horizontally to accomododate any screen resolution. Use the three blocks of code below to make this image work
#footer {
	background: url(http://www.scarredlandsfilm.com/wp-content/uploads/2015/04/custom-bk-footer3.jpg) repeat-x;
	background-size: 1417px, 224px;
}*/
#footer-container {
	padding: 0;
}

#footer {
	max-width: none;
	margin: none;
}

/*end of the footer background image code */
/* */
/*Using Media Queries to selectively show or block certain page elements depending on the viewing screen resolution 
This code is executed in header.php where the homepageslider lives. */
@media all and (min-width: 959px) {
	.content .x700 {
		display: block;
	}
	
	.content .x490 {
		display: none;
	}
	
	.content .x290 {
		display: none;
	}
}

@media all and (max-width: 1920px) {
	.content .x700 {
		display: block;
	}
	
	.content .x490 {
		display: none;
	}
	
	.content .x290 {
		display: none;
	}
}

@media all and (max-width: 720px) {
	.content .x700 {
		display: none;
	}
	
	.content .x490 {
		display: block;
	}
	
	.content .x290 {
		display: none;
	}
}

@media all and (max-width: 479px) {
	.content .x700 {
		display: none;
	}
	
	.content .x490 {
		display: none;
	}
	
	.content .x290 {
		display: block;
	}
}

/* Custom CSS code that includes 30px of spacing in each div assigned with this class */
div.bottom-spacing {
	padding-bottom: 30px;
}

div.topalign {
	vertical-align: text-top;
}