/* Main CSS Document for The Battle of White Plains Theater website .org ---  whew!!  */

body {
	background-color: #006044;
	margin: 0;
}
p, h1, h2, h3, h6, ul {
 font-family: "Gill Sans", Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}
p {
	font-size: 9px;
}
a {
	color: #006044;
}
#container {
	display: block;
	width: 957px;
	height: 600px;
	margin: 40px auto 0 auto;
}

/* -------------------------------------------------------------- */
/* ------------------------  HEADER  ----------------------------- */
/* -------------------------------------------------------------- */


#header {
	display: block;
	height: 73px;
	width: 957px;
	background: url(/images/film_strip.gif) repeat-x;
	background-color: #000;
}
#header h1 {
	background: url(/images/battle_of_white_plains_theater.gif) no-repeat bottom;
	width: 792px;
	height: 48px;
	margin-left: 82px;
	padding: 0;
}
#header h1 span {
	visibility: hidden;
}
#filmReel {
	display: block;
	position: absolute;
	width: 113px;
	height: 113px;
	background: url(/images/film_reel.gif) no-repeat;
	top: 100px;
	margin: 0 0 0 820px;
}

/* -------------------------------------------------------------- */
/* ------------------------  NAV  ----------------------------- */
/* -------------------------------------------------------------- */

#nav {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: #000;
}
#nav a {
	text-decoration: none;
	color: #FFF;
}
#nav ul,
#nav li {
	margin: 0;
	padding: 0 10px;
	color: #FFF;
	list-style-type: none;
}
#nav li {
	display: block;
	float: left;
	padding: 5px 10px;
}
#navSingers a {
	color: #A0A9BD;
}

#nav a:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------- */
/* ------------------------  MAIN CONTENT  ----------------------------- */
/* -------------------------------------------------------------- */

#mainContent {
	margin: 0;
	padding: 0;
	background-color: #A0A9BD;
}

/* -------------------------------------------------------------- */
/* ------------------------  BLURB  ----------------------------- */
/* -------------------------------------------------------------- */

#blurb {
	display: block;
	width: 233px;
	height: 455px;
	float: left;
	background: url(/images/singers_left_bg.jpg) no-repeat top left;
}
#blurb h3 {
	margin: 95px 15px 0 20px;
	font-size: 18px;
}
#blurb h3 span {
	display: block;
}
#blurb p {
	margin: 20px 15px 0 25px;
	font-size: 12px;
	line-height: 17px;
	text-align: right;
}
#blurb p span {
	display: block;
}
#blurb a {
	font-style: italic;
}

/* -------------------------------------------------------------- */
/* ---------------------  CENTER  --------------------- */
/* -------------------------------------------------------------- */


#center {
	display: block;
	width: 420px;
	height: 455px;
	background: url(/images/singers_center.jpg) no-repeat;
	float: left;
}
/* -------------------------------------------------------------- */
/* ---------------------  FILM DESCRIPTION  --------------------- */
/* -------------------------------------------------------------- */


#desc {
	display: block;
	width: 303px;
	padding-top: 30px;
	float: left;
}
#desc h2, #desc p, #desc h3 {
	margin: 0 16px 10px 25px;
}
#desc h2 {
	font-size: 11px;
}
#desc p {
	font-size: 11px;
	line-height: 14px;
}

/* -------------------------------------------------------------- */
/* ----------  FOOTER - contains contact and screenings  -------- */
/* -------------------------------------------------------------- */

#footer {
	display: block;
	width: 957px;
	height: auto;
	text-align: center;
	clear: both;
}
#footer span {
	display: block;
}
/* -------------------------------------------------------------- */
/* -------------------------  CONTACT  -------------------------- */
/* -------------------------------------------------------------- */


#contact {
	border-top: 1px solid #000;
	width: 957px;
	height: 73px;
	background-color: #000;
	text-align: center;
	margin: 0;
	padding: 0;	
	background: url(/images/film_strip.gif) repeat-x top left;
}
#contact p {
	margin: 18px 0 0 0;
	font-size: 14px;
	line-height: 18px;
}
#contact span {
	display: block;
}
#contactIntro {
	color: #A1A9BD;
}
#contactInfo {
	color: #FFF;
}
#contact a {
	color: #A1A9BD;
}

/* -------------------------------------------------------------- */
/* --------------------------  COUNTER  ------------------------- */
/* -------------------------------------------------------------- */

#counter {
	background-color: #006044;
	padding: 5px 0 0 0;
}

.hack {
	clear: both;
}