html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "museo_sans500";
	line-height: 21px;
	font-size: 11px;
	background-image:"url(/images/site/black_back_88.png)";
	background-repeat:repeat;
	color:#a2a2a2;
	height:100%;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_sans700';
    src: url('fonts/museosans_700-webfont.eot');
    src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_700-webfont.woff') format('woff'),
         url('fonts/museosans_700-webfont.ttf') format('truetype'),
         url('fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900';
    src: url('fonts/museosans_900-webfont.eot');
    src: url('fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_900-webfont.woff') format('woff'),
         url('fonts/museosans_900-webfont.ttf') format('truetype'),
         url('fonts/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}
#movie {
	font-size: 19px;
	font-family: 'museo_sans900';
	color:#c51f1d;	
}
#search {
	line-height: 30px;
}

.container {
	padding:2%;
	height:94%;
	overflow: hidden;
}

.show_left {
	float: left;
	width: 50%;
}
.show_right {
	float: right;
	width: 50%;
}

#theaters {
	width: 98%;
	height: 95%;
	overflow: auto;
	padding-left: 10px;
}
.showtimes {
	height:90%;
}

.theater {
	width: 90%;
	margin-bottom: 20px;
}

.theater h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
	color:#FFF;
}

.theater h3 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 5px;
	color:#a2a2a2;
}

.theater .times {
	margin-left: -5px;			
}

.theater .times span {
	display: inline-block;
	margin: 0 5px;
}

.address a:link {
	font-size: 11px;
	border: none;
	text-decoration: none;
	color:#a2a2a2;
	font-family: 'museo_sans700';
}
.address a:visited {
	border: none;
	text-decoration: none;
	color:#a2a2a2;
	font-family: 'museo_sans700';
}
.address a:active {
	border: none;
	text-decoration: none;
	color:#a2a2a2;
	font-family: 'museo_sans700';
}
.address a:hover {
	border: none;
	text-decoration: underline;
	color:#fff;
	font-family: 'museo_sans700';
}


.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
}

.overlay .content {
	
	margin: 100px auto;
	text-align: center;
	padding: 50px;
}

.overlay .content button {
	cursor: pointer;
	font-family: 'museo_sans700';
	padding:5px 15px; 
	background:#c51f1d; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#FFF;
}

a:link {
	font-size: 14px;
	border: none;
	text-decoration: none;
	color:#FFF;
	font-family: 'museo_sans700';
}
a:visited {
	border: none;
	text-decoration: none;
	color:#FFF;
	font-family: 'museo_sans700';
}
a:active {
	border: none;
	text-decoration: none;
	color:#FFF;
	font-family: 'museo_sans700';
}
a:hover {
	border: none;
	text-decoration: underline;
	color:#a2a2a2;
	font-family: 'museo_sans700';
}

input[type=submit], input[type=button] {
	font-family: 'museo_sans700';
	padding:5px 15px; 
	background:#c51f1d; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	color:#FFF;
}
input[type=button] {
	padding:5px 8px; 
    background: #999;
}
input[type=button].buttonSelected {
    background: #175c69;
}
input[type=button]:focus, input[type=submit]:focus {
    outline: none;
}
.back .continue{
	
}
#nearest_holder {
	float:left;
	margin-right: 10px;
}
#dates_holder {
	float:left;
	margin-right: 10px;
}

@media (max-width : 500px) {
	.theater {
		width: 100%;
		float: none;
	}
	#search {
		font-size: 14px;
		line-height: 30px;
	}
	#nearest_holder {
		float:inherit;
		margin-right: 0px;
	}
	#dates_holder {
		float:inherit;
		margin-right: 0px;
	}
}