/* ---------------------------------------------------------------------------
	
	Master Styles
	
	5 Points Theatre
	http://intuitionaleworks.com
	
	Author: Joey Marchy
	http://wingardcreative.com
	
--------------------------------------------------------------------------- */

/* RESET! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body {
	background: #245b95 url(/img/bg.gif) no-repeat 0 0;
	color: #333;
	font: small/1.5em Helvetica, Arial, Verdana, sans-serif;
	padding: 0 0 40px 0;
}
	
#container {
	margin: 0 auto;
	padding: 30px 0 60px 0;
	width: 945px;
}

/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a:link {
	color: #002d56;
	text-decoration: none;
}
	
a:visited {
	color: #002d56;
	text-decoration: none;
}
	
a:hover {
	color: #900;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 {
	color: #000;
	margin-bottom: 10px;
	font-size: 220%;
}

h2 {
	color: #000;
	margin-bottom: 10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	font-weight: normal;
}

h3 {
	color: #000;
	margin-bottom: 10px;
	font-size: 150%;
}

h4 {
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 130%;
}

h5 {
	margin-bottom: 20px;
	font-size: 150%;
}

h6 {
	margin-bottom: 20px;
	font-size: 150%;
}

p { margin-bottom: 30px; }

/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul { margin: 0 0 30px 30px; }

li { margin-bottom: 5px; }

/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#header {
	margin: 0 0 20px 0;
	padding: 0;
}

#logo {
	background: url(/img/logo.gif) no-repeat 0 0;
	float: left;
	height: 42px;
	width: 148px;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}


#tagline {
	background: url(/img/logo-community-theatre.gif) no-repeat 0 0;
	float: right;
	height: 14px;
	margin-top: 60px;
	width: 174px;
}

#tagline a {
	display: block;
	width: 100%;
	height: 100%;
}

/* =navigation */

#nav {
	background: url(/img/bg-nav.png) repeat-x 0 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 18px 0 18px 17px;
	height: 19px;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li a {
	font-style: italic;
	margin: 0;
	padding: 20px 17px;
}

body.home #nav #nav-home a, #nav #nav-home a:hover, #nav #nav-home.here a,
body.calendar #nav #nav-calendar a, #nav #nav-calendar a:hover, #nav #nav-calendar.here a,
#nav #nav-coming-soon a:hover, #nav #nav-coming-soon.here a,
#nav #nav-menu a:hover, #nav #nav-menu.here a,
#nav #nav-midnight-movies a:hover, #nav #nav-midnight-movies.here a,
#nav #nav-special-events a:hover, #nav #nav-special-events.here a,
body.contact #nav #nav-contact a, #nav #nav-contact a:hover, #nav #nav-contact.here a,
body.coming-soon #nav #nav-coming-soon a,
body.midnight-movies #nav #nav-midnight-movies a,
body.special-events #nav #nav-special-events a,
body.menu #nav #nav-menu a,
#nav #nav-blog a:hover, #nav #nav-blog.here a {
	background-color: #c41230;
	color: #fff;
}

/* =sub navigation */
ul#sub {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 10px;
}

#sub li {
	border-bottom: 1px solid #ffc423;
	margin: 0 20px;
	padding: 20px 20px 20px 5px;
}

#sub li a {
	color: #004083;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.86em;	
	font-weight: bold;
}

#sub #nav-tickets a {
	background: url(/img/icon-tickets.png) no-repeat 0 8px;
	padding: 10px 40px;
}

#sub #nav-menu a {
	background: url(/img/icon-menu.png) no-repeat 0 7px;
	padding: 10px 40px;
}

#sub #nav-calendar a {
	background: url(/img/icon-calendar.png) no-repeat 0 7px;
	padding: 10px 40px;
}

/* ---------------------------------------------------------------------------
	=content
--------------------------------------------------------------------------- */

#content {
	background: #fff url(/img/bg-content.png) repeat-y 0 0;
	margin-bottom: 20px;
}

#content-main {
	background-color: #fff;
	float: left;
	width: 650px;
}

#content-main a {
	text-decoration: underline;
}

#content-main h1 {
	color: #004083;
	margin-bottom: 10px;
	line-height: 1em;
}

#content-main h1 a {
	text-decoration: none;
}

#content-main img.visual {
	float: right;
	margin: 0 0 20px 20px;
	padding: 7px;
	border: 2px solid #ccc;
} 

div.pad {
	padding: 25px;
}

#content-secondary {
	background-color: #fff;
	float: right;
	font-size: 90%;
	width: 294px;
}

#content-secondary ul {
	font-size: 140%;
}

/* =content extras */

#content-extras {
	clear: both;
	font-size: 90%;
	margin: 0 60px 20px 60px;
}

#other-callout {
	background-color: #eee;
	float: right;
	width: 170px;
}

/* =content details*/

#content-extras h4 {
	border-top: 3px solid #000;
	padding-top: 5px;
}

.mini-container {
	border-bottom: 1px solid #ffc423;
	padding: 20px 0;
	margin: 0 20px;
}


/* ---------------------------------------------------------------------------
	=content-main
--------------------------------------------------------------------------- */
#content-main h2 {
	color: #004083;
	font-size: 1.69em;
	font-weight: bold;
	margin: 0 25px 0 25px;
	padding: 30px 0 15px 0;
}

body.home #content-main h2 {
	border-bottom: 1px solid #ffc423;
}

body.home #content-main .movie,
body.home #coming-soon h2 {
	border-bottom: none;
}


/* ---------------------------------------------------------------------------
	=mini-container
--------------------------------------------------------------------------- */
.mini-container h4 {
	color: #004083;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin-bottom: 10px;
}

.mini-container h5 {
	color: #000;
	font-size: 1.1em;
	margin-bottom: 5px;
	padding-top: 10px;	
}

.mini-container p {
	margin-bottom: 10px;
}

ul.nav-sites {
	font-family: Georgia, 'Times New Roman', Times, serif;
	list-style: none;
	margin: 0;
	
}

ul.nav-about {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: .9em;
	list-style: none;
	margin: 0;
}

ul.nav-sites li,
ul.nav-about li {
	font-size: 0.8em;
}

ul.calendar-dates {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	
}

ul.calendar-dates li {
	font-size: 0.75em;
	line-height: 1.2em;
	margin-bottom: 8px;
}

ul.calendar-dates li .time {
	color: #002d56;
	float: left;
	font-weight: bold;
	width: 30px;
}
 
ul.calendar-dates li .title {
	float: right;
	width: 195px;
}

/* ---------------------------------------------------------------------------
	=calendar
--------------------------------------------------------------------------- */

body.calendar #content {
	background-color: #edeee3;
	background-image: none;
	margin-bottom: 20px;
}

body.calendar #content-main {
	float: left;
	width: 945px;
}

body.calendar #content-main td {
	width: 135px;
}

body.calendar h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding: 15px 0 5px 0;
	text-align: center;	
}

body.calendar table {
	margin-bottom: 80px;
}

body.calendar caption {
	font-size: 0.72em;
	margin-bottom: 15px;
}

body.calendar caption a {
	margin-right: 25px;
}

body.calendar #content-main th {
	background: url(/img/bg-th.png) repeat-x bottom left;
	color: #003366;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	padding: 5px 0;
}

body.calendar #content-main td {
	background: url(/img/bg-td.png) no-repeat bottom right;
	padding: 10px;
}

body.calendar #content-main td ul {
	list-style: none;
	margin-left: 0px;
}

body.calendar #content-main td ul li {
	line-height: 1em;
	padding-top: 15px;
}

body.calendar #content-main td ul li a {
	color: #333;
	font-size: 0.95em;
	text-decoration: underline;
	
}

body.calendar #content-main td span.day {
	color: #999;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.95em;
	font-weight: bold;	
}

body.calendar #content-main td span.time {
	color: #002d56;
	display: block;
	font-weight: bold;
}

/* ---------------------------------------------------------------------------
	=movie
--------------------------------------------------------------------------- */
body.movie h1 {
	padding: 25px;
}

#content-main .movie {
	border-bottom: 1px solid #ffc423;
	padding: 30px 50px 50px 25px;
}

#content-main .movie-info {
	float: left;
	width: 290px;
}

.movie-info h1 {
	font-size: 1.39em;
}

.movie-info a.summary {
	font-weight: bold;
}

.movie-info p.links {
	border-bottom: 1px dotted #666;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.movie-info p.categories {
	margin-bottom: 10px;
}

.movie-info p.categories strong {
	color: #002d56;
}

.movie-meta li.categories a {
	text-decoration: underline;
}
	
.movie-trailer {
	margin-bottom: 30px;
}

ul.movie-meta {
	float: right;
	list-style: none;
	margin-bottom: 0;
	margin-left: 30px;
	width: 255px;
}

li.movie-date-freeform {
	list-style: none;
}

ul.movie-meta li.show-times {
	border-bottom: 2px solid #666;
	font-weight: bold;
	font-size: 1.08em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
						
.movie-date {
	color: #002d56;
	font-size: 1.08em;
	list-style: disc;
	margin-left: 15px;
}

li.movie-actors {
	border-top: 1px dotted #ccc;
	color: #333;
	font-size: 1em;	
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 10px;
}

li.categories {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

li.links {
	border-top: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-top: 10px;
}

li.movie-rating {
	color: #002d56;
	font-size: 1em;
	border-top: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-top: 10px;		
}

a.buy-now {
	display: block;
	margin-top: 10px;
}

#coming-soon {
	margin-bottom: 30px;
	padding: 30px 0 0 25px;
}

#coming-soon h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#coming-soon .movie-date {
	color: #000;
	font-size: 1em;
	font-weight: normal;
}

#coming-soon .movie-info {
	float: left;
	height: 250px;
	margin: 0 30px 30px 0;
	width: 175px;
}

/* ---------------------------------------------------------------------------
	=feature
--------------------------------------------------------------------------- */
#feature {
	padding: 20px 20px 0 20px;
}

#feature h3 {
	background-color: #23578d;
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.feature-item h5 {
	font-size: 1.25em;
	margin-bottom: 5px;
}

.feature-item p {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/* ---------------------------------------------------------------------------
	=misc
--------------------------------------------------------------------------- */
#email_confirm {
	display: none;
}

.address {
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px
}


/* ---------------------------------------------------------------------------
	=menu
--------------------------------------------------------------------------- */

.menu-item {
	border-bottom: 2px solid #ffc423;
	margin-bottom: 30px;
}

#content-main .menu-item h2 {
	margin-left: 0;
	padding-left: 0;
}

.menu-item table {
	margin-bottom: 20px;
}

.menu-item th {
	padding-bottom: 8px;
	text-align: left;	
}

.menu-item td {
	border-top: 1px solid #eee;
	padding: 8px 0;
	width: 180px;

}

.menu-beer, .menu-soda, .menu-pizza {
	float: left;
	width: 275px;
}

.menu-wine, .menu-coffee, .menu-popcorn {
	float: right;
	width: 275px;
}

/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot {
	background: url(/img/logo-foot.gif) no-repeat top right;
	color: #fff;
	font-weight: normal;
	font-size: 1.08em;
	height: 71px;
	padding: 10px 0 10px 0;
	width: 100%;	
}

#foot a {
	display: block;
	width: 100%;
	height: 100%;
}


#foot p { margin-bottom: 0; }

/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#header:after,
#nav:after,
#content:after,
#content-extras:after,
#content-main .movie:after,
#coming-soon:after,
ul.calendar-dates li:after,
.menu-item:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}