/*
Theme Name: TheaterTheme
Theme URI: http://www.stusitename.org/
Description: This theme is developed for Lucie for her theater site.
Version: 1.0
Author: Tanzil Al Gazmir
Author URI: http://www.tanzilo.com/
Tags: black, custom header, fixed width, two columns, widgets

	TheaterTheme v1.0
	http://www.tanzilo.com

	This theme was designed and built by both Lucie and Tanzilo.

	The CSS, XHTML and design is released under copyright property law.

*/



/* Begin Typography & Colors */

/* CSS Document */

body
{
	background:#000000 url(images/page-bg.jpg) top center no-repeat;
	display:table; min-width:100%; padding:0px; margin:0px auto;
}
html, body {height: 100%;} 
#container
{
	width:956px; height:100%; margin:0px auto;
}
#header
{
	width:100%; height:104px;
}
.theater-logo
{
	width:736px; height:72px; display:block; margin:24px 0px 0px 116px;
	background:url(images/logo.jpg) left top no-repeat;
}
#menu
{
	width:642px; height:60px; margin:0px 0px 0px 165px;
}
#menu UL
{
	margin:0px; padding:0px;
}
#menu LI
{
	height:59px; float:left; list-style:none;
}
#menu LI A
{
	width:57px; height:28px;
	display:block; text-decoration:none;
}
#menu .onstage
{
	width:89px;
}
#menu .onstage:hover
{
	background:url(images/onstage-hover.jpg) left top no-repeat;
}
#menu .onstage A
{
	margin:4px 0px 0px 4px;
}
#menu .onstage-selected
{
	width:89px; background:url(images/onstage-hover.jpg) left top no-repeat;
}
#menu .onstage-selected A
{
	margin:4px 0px 0px 4px;
}
#menu .our-mission
{
	width:95px;
}
#menu .our-mission:hover
{
	background:url(images/our-mission-hover.jpg) left top no-repeat;
}
#menu .our-mission A
{
	margin:4px 0px 0px 9px;
}
#menu .our-mission-selected
{
	width:95px; background:url(images/our-mission-hover.jpg) left top no-repeat;
}
#menu .our-mission-selected A
{
	margin:4px 0px 0px 9px;
}
#menu .about-us
{
	width:90px;
}
#menu .about-us:hover
{
	background:url(images/about-us-hover.jpg) left top no-repeat;
}
#menu .about-us A
{
	margin:4px 0px 0px 10px;
}
#menu .about-us-selected
{
	width:90px; background:url(images/about-us-hover.jpg) left top no-repeat;
}
#menu .about-us-selected A
{
	margin:4px 0px 0px 10px;
}
#menu .work-with-us
{
	width:88px;
}
#menu .work-with-us:hover
{
	background:url(images/work-with-us-hover.jpg) left top no-repeat;
}
#menu .work-with-us A
{
	margin:4px 0px 0px 17px;
}
#menu .work-with-us-selected
{
	width:88px; background:url(images/work-with-us-hover.jpg) left top no-repeat;
}
#menu .work-with-us-selected A
{
	margin:4px 0px 0px 17px;
}
#menu .find-us
{
	width:95px;
}
#menu .find-us:hover
{
	background:url(images/find-us-hover.jpg) left top no-repeat;
}
#menu .find-us A
{
	margin:4px 0px 0px 26px;
}
#menu .find-us-selected
{
	width:95px; background:url(images/find-us-hover.jpg) left top no-repeat;
}
#menu .find-us-selected A
{
	margin:4px 0px 0px 26px;
}
#menu .press
{
	width:96px;
}
#menu .press:hover
{
	background:url(images/press-hover.jpg) left top no-repeat;
}
#menu .press A
{
	margin:4px 0px 0px 28px;
}
#menu .press-selected
{
	width:96px; background:url(images/press-hover.jpg) left top no-repeat;
}
#menu .press-selected A
{
	margin:4px 0px 0px 28px;
}
#menu .contact-us
{
	width:89px;
}
#menu .contact-us:hover
{
	background:url(images/contact-us-hover.jpg) left top no-repeat;
}
#menu .contact-us A
{
	margin:4px 0px 0px 28px;
}
#menu .contact-us-selected
{
	width:89px; background:url(images/contact-us-hover.jpg) left top no-repeat;
}
#menu .contact-us-selected A
{
	margin:4px 0px 0px 28px;
}
#content_box
{
	width:956px; margin:11px 0px 0px 0px; overflow:hidden;
}
#news
{
	width:255px; float:left;
}
#news-content
{
	width:204px; height:253px; margin:0px 0px 0px 8px;
	background:url(images/news-bg.jpg) left bottom no-repeat;
	font-family:Arial, Helvetica, sans-serif; color:#191917;
	font-size:10px; padding:0px 0px 0px 0px;
}
.news-heading
{
	font-size:13px; font-weight:bold;
	padding:22px 0px 0px 22px; margin:0px 0px 0px 0px;
}
.news-headline
{
	width:130px; font-weight:bold;
	padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;
}
.news-date
{
	margin:0px; padding:9px 0px 3px 0px;
}
.news-date A
{
	color:#191917; text-decoration:underline;
}
.news-date A:hover
{
	text-decoration:none;
}
.news-title
{
	margin:0px; padding:0px;
}
.news-title A
{
	color:#191917; text-decoration:none;
}
.news-extra-spacer
{
	margin:4px;
}
#content
{
	width:497px; float:left;
}
#address
{
	width:204px; float:left;
}
.address-details
{
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#f0efdc; padding:21px 0px 0px 24px;
	line-height:14px;
}
#main-content
{
/*	width:431px; height:330px; margin:25px 0px 0px 60px;	*/
	width:441px; margin:36px 0px 0px 60px;
}
.content-area
{
	width:335px; color:#191917; line-height:17px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	overflow:hidden; min-height:307px;
}
.content-area .title-one
{
	margin:0px 0px 2px 0px;
}
.content-area .our-mission
{
	margin:0px 0px 25px 0px;
}
.content-area .about-us
{
	margin:0px 0px 15px 0px;
}
.content-area .work-with-us
{
	margin:0px 0px 15px 0px;
}
.content-area .find-us
{
	margin:0px 0px 3px 0px;
}
.content-area .press
{
	margin:0px 0px 15px 0px;
}
.content-area .contact-us
{
	margin:0px 0px 15px 0px;
}
.content-area A IMG
{
	border:none;
}
.content-area P
{
	margin:0px; padding:0px 0px 10px 0px;
}
.content-area A
{
	color:#191917; text-decoration:underline;
}
.content-area A:hover
{
	text-decoration:none;
}
.content-area TEXTAREA
{
	width:330px; height:100px;
}
.content-area .avatar
{
	float:right;
}
.content-area .commentlist
{
	padding:0px;
}
.content-area .commentlist LI
{
	list-style:none;
}
.content-area .entry .no-space
{
	margin:0px 0px 10px 0px; padding:0px;
}
A.post-title
{
	text-decoration:none;
}
A.post-title:hover
{
	text-decoration:underline;
}
.navigation
{
	font-size:22px;
}
.navigation .alignleft
{
	width:175px; float:left;
}
.navigation .alignright
{
	width:160px; float:left;
}

/* CONTENT SCROLLBAR */
.scroll-track
{
 height:10px;
 width:12px;
/*
 max-height:280px; overflow:hidden;
*/
/*
 background:black;
	max-height:280px; overflow:hidden;
*/
}

.scroll-handle
{
	width:22px; height:10px; cursor:pointer;
	background:url(images/scroll_scroll.jpg);
	margin:0px 0px 0px 0px;
}
.scroll-track-top
{
	width:12px; height:14px; overflow:hidden;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #2b2b2b;
	text-align: center;
	background-color: #2b2b2b;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */