/*Thanks Steven Bradley for the fluid layouts :)*/

body {
    margin:0;
	}

#header	{
		padding-top:5%;
		text-align:center;
		background-color:#ffffcc;
		width:100%;
		height:auto;
		line-height:3em;
		padding-top:1%;
		padding-bottom:1%;
		text-align:center;
		border-bottom-width:8px;		
		border-bottom-style:solid;
		border-bottom-color:#330000;
		}

#content {
		float:right;
		width:100%;
		height:auto;
		padding-bottom:8%;
		text-align:center;
		background-color:#00a651;
		}
		
#screenings-trailer-button	{
							position:absolute;
							left:0%;		
							padding-top:7%;
							padding-left:10%;
							}
				
#screenings-empire-button	{
							position:absolute;
							right:0%;
							padding-top:-6%;
							margin-top:-5%;
							padding-right:10%;
							}

#screenings-ticket	{
					clear:both;
					display:block;
					padding-top:2%;
					padding-left:40%;
					padding-right:4%;
					}
					
#screenings-popcorn	{
					position:absolute;
					right:0%;
					padding-right:8%;
					margin-top:17%;
					}
					
#logo	{
		display:block;
		padding-top:0.5%;
		}	
				
#cornfield	{
			display:block;
			padding-top:0.5%;
			margin-bottom:-6%;
			}
				
#invitation	{
			display:block;
			margin-left:24%;
			width:60%;
			padding-left:10%;
			margin-top:-30%;			
			}
				
#left-empire-button	{
					position:absolute;
					left:0%;
					padding-left:4%;
					padding-right:1%;
					}
					
#trailer-button	{
				position:absolute;
				left:0%;
				margin-top:3%;
				padding-top:3%;
				padding-left:10%;
				}
					
#popcorn	{
			clear:both;
			display:block;
			padding-left:42%;
			}
				
#right-ticket-button	{
						position:absolute;
						right:0%;
						padding-right:4%;
						margin-top:-13%;
						}

#right-empire-button	{
						position:absolute;
						right:0%;						
						padding-top:9.5%;
						padding-left:19%;
						padding-right:10%;
						margin-top:-16.5%;
						}						
				
#kansas	{
		display:block;
		padding-top:0.5%;
		margin-left:-4%;
		margin-bottom:-6%;
		}
		
#characters	{
			display:block;
			padding-top:0.5%;
			margin-bottom:-6%;
			}		

#retro-camera	{
				position:absolute;
				padding-bottom:50%;				
				left:0%;
				margin-left:10%;
				}		

#munchkin-land	{
				position:absolute;
				left:0%;
				padding-top:30%;				
				margin-left:10%;
				}
				
#megaphone	{
			position:absolute;
			right:0%;
			padding-top:70%;
			padding-right:10%;
			padding-left:3%;			
			/*margin-left:3%;*/
			}					
				
#trivia	{
		position:relative;
		right:0%;
		width:auto;
		padding-left:20%;
		margin-left:10%;
		}

#recognition	{
				/*position:relative;
				left:0%;
				width:auto;
				padding-left:1%;
				padding-top:1%;
				margin-left:8%;*/
				position:relative;
				right:0%;
				width:auto;
				padding-left:20%;
				margin-left:10%;
				}			
				
#content-2 	{
			float:right;
			width:100%;
			height:100%;
			text-align:left;
			background-color:#ffffcc;			
			padding-top:1%;
			padding-bottom:7%;
			}
			
#content-2 p, h3 {
				max-width:40%;
				margin-left:5%;
				}

#evening-showings
				{
				clear:both;
				}			
			
#munchkins	{
			position:absolute;
			right:0%;
			padding-top:3%;
			padding-right:5%;
			}	
	
#emerald-city
			{
			position:absolute;
			right:0%;
			padding-right:4%;
			padding-top:29%;
			}			
									
#content-3 {
			float:right;
			width:100%;
			height:60px;
			text-align:center;
			background-color:#00a651;
			}

#footer {
		clear:both;
		padding-top:1%;
		padding-bottom:1%;
		text-align:center;
		background-color:#ffffcc;
		border-top-width:5px;
		border-top-style:solid;
		border-top-color:#330000;
		}
		
/*typography*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 23, 2016 */

@font-face {
			font-family: 'tanglewood_tales_nfregular';
			src: url('tanglewoodtalesnf-webfont.woff2') format('woff2'),
			url('tanglewoodtalesnf-webfont.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			}

h1, h2, h3, h4, h5, h6	{
						font-family:'Tanglewood Tales NF', 'Hobby Horse NF', Campanile, Columbus;
						font-weight:bold;
						color:#330000;
						text-decoration:none;
						line-height: 1.2em;
						}
			
h1		{
		font-size:3.5em;
		text-decoration:none;
		}
h2		{
		font-size:2.5em;
		}
h3		{
		font-weight:bold;
		font-size:1.5em;
		}
h4		{
		font-weight:bold;
		font-size:1.2em;
		}
		
span		{
		font-family:'Tanglewood Tales NF', 'Hobby Horse NF', 'Arial Narrow', Campanile, Columbus;	
		font-weight:bold;
		font-size:1.2em;
		margin-left:5%;
		}		
		
body	, p		{
			font-family:'Arial Narrow', Arial, Sans-Serif;
			color:#330000;
			text-decoration:none;
			line-height: 1.2em;
			}
			
img {
    max-width:100%;
    height:auto;
	}
	
/*Trailer settings*/
	
.videoWrapper 	{
				position:relative;
				padding-bottom:56.25%; /* 16:9 */
				padding-top:1%;
				}
				
.videoWrapper iframe 	{
					position:absolute;
					width:40%;
					height:40%;
					padding-left:29%;
					}
	
/* hyperlinks*/

a:link	{
		text-decoration:none;
		color:#330000;
		}
a:visited	{
			color:#cc6666;
			}
a:hover	{
		color:#00a651;
		}
a:active	{
			color:#ffffff;
			}