<style>
/* General Elements: Inherit as much as possible from site.css
--------------------------------------------------------------------------- */


/* Main */
#main { width: 580px; margin:0px; margin-top: 10px; }
hr { }

/* Flag */
#flag { border-bottom: 4px solid #000; padding: 20px; padding-top:10px;
    margin: 0; color: #fff; background-color: #A33; }
#flag a { color: #fff; }
#flag a:hover { text-decoration: none; }
#flag h1 { padding-left: 20px; }

.clearBoth {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}

/* End of Generic Elements related CSS
--------------------------------------------------------------------------- */

/* Movies Search Bar
--------------------------------------------------------------------------- */


#movie-search {
	float:right;
	width:280px;
	padding:0;
	overflow:hidden;
	}
#movie-search .hidden {
	display:none;
	}
#movie-search .search-field {
	background:url("http://pubsys.theolathenews.com/static/images/movie-search-bg.gif") top left repeat-x;
	height:20px;
	float:left;
	}
#movie-search .search-field span{
	background:url("http://pubsys.theolathenews.com/static/images/movie_search_left.gif") top left no-repeat;
	padding-left:25px;
	height:20px;
	float:left;
	}
#movie-search .search-field input {
	background:none;
	display:block;
	float:left;
	height:18px;
	width:150px;
	border:none;
	font-size: 1em;
	color:#666;
	margin:1px 0;
	padding-top:2px;
	padding-left:15px;
	}
#movie-search .buttons {
	float:left;
	}
#movie-search .buttons div {
	width:91px;
	height:18px;
	line-height:18px;
	overflow:hidden;
	float:left;
}
#movie-search .buttons div a {
	display:block;
	text-align:center;
	margin: 0; padding:0;
	width:100%; height:100%;
	line-height:18px;
	}
#movie-search a *,
#advanced-search a * {
	color:#3F3F3F;
	}
#movie-search .buttons div a:hover {
	background-image:none;
	text-decoration:none;
	}

#movie-search .buttons div a span {
	height:100%;
	line-height:18px;
	cursor:pointer;
	}

#movie-search .right-button {
	background:url("http://pubsys.theolathenews.com/static/images/movie-button-right.gif")  no-repeat;
	cursor:pointer;
	border:none;
	width:87px;
	height:20px;
	color:#ffffff;
	font-size: 12px;
	padding:1px;
	}

#movies_bc_nav { border-bottom:6px double #ccc; margin: 5px 0 2px 0; padding-bottom: 17pt; }
	#brcr { float: left; font-size: 10px; }
	#page_date { float: right; font-size: 10px; }
	#nav_search_bar { width:580px; padding-bottom: 25pt; }
		#nav { float:left; margin-right: 0px;
			    margin-top: 5px; margin-bottom: 5px; font-size: 10px;}
			#nav_movie {padding-right:5px;}
			#nav_theater {border-left:solid 1px #ccc;padding-left:5px; padding-right:5px;}
		#search_box { float: right;  margin-right: 0px;
			    margin-top: 5px; margin-bottom: 5px; font-size: 10px;
			    color: #888; }
		.movie_search { width: 250px; }
		
#movie_rsslink_title { float: center;width:100%;text-align:center;font-size:18pt;font-weight:bold; }

/* End of Movies Search Bar related CSS
--------------------------------------------------------------------------- */

/* Front
--------------------------------------------------------------------------- */
#front {font-size:12px;} 
	#front_featureMovie { }
		/*Container for the movie highlight - forces everything else below */
	#front__newReleases_topTen { margin-top:20px; } 
		/*Container for top 10 and new releases, keeps them even */
	#front__startingSoon_theaterList { margin-top:20px;display:none;} 
		/*Container for startign soon and theater list, keeps them even and/or hidden */
		
/* Feature movie: Under front page */
#feature_movie { margin:20px 0px; min-height: 200px; background-color:#e5eaf0; padding:5px; border:solid 1px #ccc;}
	#feature_movie_title {float:right;font-size:14px; color:#999;}
	#feature_movie_image {float:left;  margin-right:10px;margin-bottom:10px;}
	#feature_movie_name {border:0px; margin:0px; padding:2px; font-size:14px; font-weight:bold;}
	#feature_movie_running_time {font-size:11px; color:#666;}
	#feature_movie_synopsis {margin:10px 0px; line-height:18px;}
	#feature_movie_more {}
	#feature_movie_showtimes {}
	#feature_movie_rating {}

/* Top Ten: Under front page */
#top_ten {width:285px; margin:1px; padding-top:10px;}
	#top_ten_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;}
	#top_ten_movies {margin-left:5px;}
	#top_ten_movie {margin-bottom:15px;}
		#top_ten_movie_name {}
		#top_ten_movie_gross {display:none;}
		#top_ten_movie_screens {display:none;}
		#top_ten_movie_weeksreleased {display:none;}

/* New Releases (current movies): Under front page */
#new_releases {width:285px; margin:1px; padding-top:10px;}
	#new_releases_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;}
	#new_releases_movies {}
	#new_releases_movie {margin-bottom:15px;}
		#new_releases_movie_name {font-size:12px;}
		#new_releases_movie_release_date {margin-bottom:10px}
				
/* Starting Soon (future movies): Under front page */
#starting_soon {width:285px;display:none; margin:1px; padding-top:10px;}
	#starting_soon_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;}
	#starting_soon_movies {margin-left:5px;}
	#starting_soon_movie {margin-bottom:15px;}
		#starting_soon_movie_name {}
		#starting_soon_movie_release_date {}
		#starting_soon_theater {display:none;}
		#starting_soon_address {display:none;}
		#starting_soon_showtimes {display:none;}
		
/* Theater List: Under front page */
#theater_list {width:285px;display:none; margin:1px; padding-top:10px;}
	#theater_list_title {margin-bottom:5px;border-bottom:solid 1px #ccc;}
	#theater_list_movies {}
	#theater_list_movie {margin-bottom:15px;}
		#theater_list_movie__name {}
		#theater_list_movie_showtimes {}		
		#theater_list_movie_phone {}		
		#theater_list_movie_address {}		
		#theater_list_movie_city_state_zip {}	

/* End of Front related CSS
--------------------------------------------------------------------------- */

/* Movie Index
--------------------------------------------------------------------------- */
#movie_index {}
#movie_index_genrePick {text-align:right;width:100%;}
	#genreSelect{border:solid 1px #ccc; margin-top:5px;}
	#genreSelectOption {font-size:12px; color:#333;}
	#movieListing {}
#movie_index_list {}
	#movie_index_movie {margin-top:5px;margin-bottom:15px; width:100%;}
		#movie_index_movie_name {text-transform:uppercase;font-weight:bold;
				font-size:14px;border-bottom:1px #ccc solid;}
		#movie_index_movie_rate {color:#ccc;}
		#movie_index_movie_thumb {float:left;margin:5px;}
		#movie_index_movie_detailesc {}

/* End of Movie Index related CSS
--------------------------------------------------------------------------- */

/* Theater Index
--------------------------------------------------------------------------- */
#theater_index {}
#theater_index_map {text-align:center;margin-bottom:10px;border-bottom:solid 1px #ccc;}
#theater_index_list { padding-top:5px; padding-bottom:15px; }
	#theater_index_list_theater{ padding-top:5px; padding-bottom:15px; }
	#theater_index_list_name {font-size:12px;}
	#theater_index_list_address {}
#theater_in_map {float:left;} 

/* Theater Google Map Large: Under theater index */
#theatermap_large {}
	#theatermap_image_large { margin-bottom:5px; text-align:center; }
	#theatermap_directions_large { font-size:10px;font-color:#333; }

/* End of Theater Index related CSS
--------------------------------------------------------------------------- */

/* Movie Details
--------------------------------------------------------------------------- */
#movie_detail { margin-top:10px;}
#movie_detail_title {margin-bottom:10px;}
	#movie_detail_name {border-width:0px;text-transform:none;font-size: 15pt; }
	#movie_detail_genre {float:right; font-size:12px; color:#666;}
#movie_detail_trailer { text-align:center;margin-bottom:5px;}
#movie_detail_synopsis { margin-bottom:5px;}
	#movie_detail_image {float:left;margin-right:15px;margin-bottom:15px;}
	#movie_detail_text {font-size:12px;line-height:16px; margin-bottom:10px;color:#333;}
#movie_detail_details { color:#666;font-size:12px;line-height:20px;margin-bottom:10px;}
	#movie_detail_showtimes {}
	#movie_detail_url {}
	#movie_detail_cast {}
	#movie_detail_producers {}
	#movie_detail_directors {}
	#movie_detail_writers {}
	#movie_detail_running_time {}
	#movie_detail_release_date {}
	
#movie_detail_showings{width:90%;}
	#movie_detail_theaters{background-color:#eee; font-size:10px;
		padding:10px; padding-bottom:45px;color:#333;border-right:solid #fff 1px; }
	#movie_detail_theater {margin-top:5px;margin-bottom:5px; font-size:12px; margin-top:10px;}
		#movie_detail_name {}
		#movie_detail_address {}
		#movie_detail_showtimes {}
	
	#movie_detail_days {width:100px;background-color:#eee;padding:10px;padding-bottom:45px;}
				
/* Showdates: Under movie details */
#movie_detail_showdates { border:solid 0px;margin:0px;padding:0px; font-size:12px; }
#movie_detail_showdates ul { margin-top:5px;margin-bottom:5px; }
#movie_detail_showdates li { font-size: 10px;font-weight: bold; padding: 2px; margin-left: 0px; }
	#movie_detail_showdates_title { border:solid 0px;margin:0px;padding:0px; font-size:10px;color:#333;}
	
UL#movie_detail_theater LI, #movie_detail_showdates LI{list-style:none; background:none;}
.theater_date {font-size:12px; font-weight:bold;}

/* End of Movie Details related CSS
--------------------------------------------------------------------------- */

/* Theater Details
--------------------------------------------------------------------------- */
#theater_detail {}
	#theater_detail_data {float:right;width:250px;padding-left:5px;padding-top:5px}
		/* Padding not margin here to push away from the left border */
		#theater_detail_theater {margin:5px;}
			#theater_detail_theater_title{font-weight:bold;text-transform:uppercase;}
			#theater_detail_theater_name {}
			#theater_detail_theater_address {}
			#theater_detail_theater_citystate {}
			#theater_detail_theater_phone {}
		#theater_detail_map {  margin:5px;}
		#theater_detail_tickets {display:none;margin:5px;}

	#theater_detail_showtimes {float:left;width:330px;padding-top:5px;font-size:11px;}
		#theater_detail_showtimes_title {font-weight:bold;text-transform:uppercase;margin-bottom:5px;}
		#theater_detail_showtimes_movies {}
		#theater_detail_showtimes_movie {border-bottom:solid #ccc 1px;font-size:11px;}
			#theater_detail_showtimes_details {border-bottom:solid #ccc 1px;padding:10px;font-size:11px;}
				#theater_detail_showtimes_name {font-size:11px;}
				#theater_detail_showtimes_info {font-size:11px;}
				#theater_detail_showtimes_sound {font-size:11px;}
			#theater_detail_showtimes_shows {width:150px;border-bottom:solid #ccc 1px;padding:10px;font-size:11px;}
	
/* Theater Google Map: Under theater detail */
#theatermap {}
	#theatermap_image { margin-bottom:5px;text-align:center;}

/* End of Theater Details related CSS
--------------------------------------------------------------------------- */

/* Search Page Results
--------------------------------------------------------------------------- */
#search {}
	#search_pagenav {border-bottom:solid 1px #ccc; margin-top:15px;}
		#search_pagenav_page_count{margin-right:205px;padding-top:0px;}
		#search_pagenav_search_nav{float:right;width:200px;text-align:right}
		#search_pagenav_search_nav li {display:inline;}
		#search_pagenav_prev_link {}
		#search_pagenav_current_page {}
		#search_pagenav_next_link {}
		
	#search_guided {float:right;width:250px;border-left:solid 1px #ccc;}
		#search_guidednav table { margin:5px; margin-top:2px;}
		#search_guidednav table tbody tr td strong a {text-transform:uppercase;
			display:block;width:100%;}
		#search_guidednav table tbody tr td p small { font-size:11px;}
		#search_guidedtitle {font-weight:bold;text-transform:uppercase;
			border-bottom:solid 1px #ccc; margin-bottom:5px;margin-left:3px;}

	#search_movieresults {padding-top:10px;margin-right:255px;}
	        #search_result {margin-bottom:10px}
		#search_moviename {font-weight:bold;}
		#search_movieshowing {padding-left:10px;}
	
/* End of  Search Page Results related CSS
--------------------------------------------------------------------------- */
</style>
