/*
Theme Name: Westwood Plaza Theatre and Cafe
Theme URI: http://westwoodplazatheatreandcafe.com
Description: A wordpress theme for Westwood Plaza Theatre and Cafe in Johnstown PA. 
Version: 2 (WP2.6.2)
Author: John Levan
Author URI: http://www.JohnLevanart.com
Tags:westwood, theatre
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/**** General Styles****/
body {
	background: url("images/gradient_2.jpg") repeat-x;
	background-color:#f0f0f0;
	color:#3a3635;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
#wrap {
	width:850px;
	margin:0 auto;
}
a {
	text-decoration:none;
}

/***Header Stlyes***/
#header {
	margin:20px 0px 20px 0px;
}
#header ul li.current_page_item a{
	color:#6c6c6c;
}
#header ul li a {
	color:#3a3635;
}
h1#logo {
	height:123px;
	width:522px;
	background: url("images/logo_clear.png") no-repeat left;
}
h2#tag {
	float:right;
	color:#f8f8f8;
	margin:-65px 0px 0px 47px;
	padding-bottom:10px;
	font-size:15px;	
	line-height:18px;
	text-align: right;
}


ul#nav {
	margin:10px 0px 0px 0px;
	float:left;
	letter-spacing:1px;
	line-height:20px;
	font-size:15px; 
	height: 30px; 
	border: 1px solid #CCC;
	width:848px;
}
#header ul#nav{background:url('images/topnav.jpg')repeat-x #CCC; background-image:url('images/topnav.jpg');}

ul#nav li { 
	line-height:30px;
	display:inline;
	margin:30px 50px 0px 30px;
}

ul#nav li a {
	color:#3a3635;
}

/***Featured Styles***/
#content{
	width:600px;
	margin:0 auto;
	float:left;
}
#featured_section {
position: relative;
top:30px;
	width:600px;
	height:360px;
	
	background: #ddd; border: 1px solid #aaa; padding: 5px; vertical-align:top;
}
#featured_section_hide {
visibility: hidden;
	width:850px;
	height:350px;
	
}
#featured_comming_soon {
	width:600px;
	height:360px;
	margin:-20px 0px 0px 0px;
	background: #ddd; border: 1px solid #aaa; padding: 5px;
}
h3#tagline {
	font-size:30px;
	font-weight:normal;
	line-height:45px;
	margin:30px 0px 50px 0px;
	position:relative;
}
h3#tagline span{
	color:#e20003;
	font-size:31px;
	font-weight:normal;
}
#ticket{
	float:right;
	margin-top:-100px;
	width:174px;
	height:115px;
	top:-18px;
	right:-75;
	}

/*h3#tagline img {
	position:absolute;
	width:174px;
	height:115px;
	top:-18px;
	right:-75;*/
}
/**********************************Featured Section*************************************/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
 

/* GALLERY CONTAINER */
.gallery { width:600px;height:900px; padding: 5px;}

/* LOADING BOX */
.loader { background: url("images/loader.gif") center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 50px; padding: 0 1em; }

.panel-overlay h1 {font-size: 15px; font-weight:bold; padding:3px 0px 0px 0px;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/***Front Columns***/
.front_columns {
	width:285px;
	float:left;
	margin:-10px 21px 0px 0px;	
	font-size:15px;
	
}
.front_columns h2 {
	font-size:28px;
	margin:10px 0px 20px 0px;
	font-weight:normal;
}
.front_columns span {
	font-size:20px;
	font-weight:normal;
}
.front_columns p {
	line-height:23px;
}
#menu_bg{
	background: url("images/sidebar_title.jpg")repeat-x #CCC; 
}
/***Menu***/
.front_columns_menu {
	width:285px;
	float:left;
	margin:10px 21px 0px 0px;	
	font-size:12px;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
.front_columns_menu h2 {
	height:30px;
	width:287px;
	background: url("images/sidebar_title.jpg") repeat-x #FFF;
	font-size:20px;
	color:#3a3635;
	margin:-2px -15px 20px 0px;
	font-weight:normal;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
.front_columns_menu p {
	line-height:23px;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
.front_columns_menu_platter {
	width:590px;
	float:left;
	margin:8px 21px 0px 0px;	
	font-size:12px;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
.front_columns_menu_platter h2 {
	height:30px;
	width:590px;
	background: url("images/sidebar_title.jpg") repeat-x #FFF;
	font-size:20px;
	margin:10px 0px 20px 0px;
	font-weight:normal;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}
.front_columns_menu_platter p {
	line-height:23px;
	font-family:'Lucida Sans', Verdana, Arial, san-serif;
}


/****footer style****/
#footer {
	background: url("images/footer.jpg")repeat-x #CCC; 
	height: 45px; 
	border: 1px solid #CCC;
	width:850px;
	font-size:14px;
}
#foot ul {
	padding:10px 30px 0px 20px;
}
#footer ul li {
	float:left;
	display:inline;
	margin-right:8px;
	margin:14px 0px 0px 0px;
}
#footer ul li.current_page_item a{
	color:#6c6c6c;
}
#footer ul li a {
	color:#3a3635;
	padding-top:100px;
	margin:30px 10px 10px 10px;
}
#footer p{
	margin-right:30px;
}
.alignright p {
	font-size:10px;
	margin:10px 10px 0px 50px;
    
}
/***Sidebar******/
#sidebar{
	padding:8px 0px 0px 0px;
	float:right;
	width:220px;
}
.sidebar_top  h2{
	font-size:14px;
}
.sidebar_middle p strong{font-size:12px;}
.sidebar_middle p {font-size:10; color:#74747474;}

.sidebar_top{color: #333; font-size: 12px; font-weight: bold; margin: 0; padding: 6px 10px; background: url("images/sidebar_title.jpg") repeat-x top ; border: 1px solid #CCC;}

.sidebar_middle{margin:10px -10px -20px -10px; border: solid #CCC; border-width: 0 1px 1px; background: url("images/content-bg.jpg") repeat-x #FFF;  padding: 10px; }

/****Contact Styles****/
#contact_form {
	margin:50px 0px 10px 120px;
	font-size:14px;
	width:350px;
}
#contact_form  legend{
	font-size:28px;
	letter-spacing:1px; 
	font-weight:bold;
	margin:0px 0px 40px 0px;
}
#contact_form input {
	width:310px;
	height:34px;
	display:block;
	font-size:17px;
	margin:0px 0px 10px 0px
}
textarea {
	width:378px;
	height:149px;
	font-size:17px;
	font-family:Arial;
}

.shot_text{
	padding: 4px 3px;
	width:310px;
}
.short_form{
	margin:10px 0px 0px 0px;
	width:92px;
	height:31px;
	font-size:13px;
	cursor:pointer;
	font-style:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif; background: url(../../images/postbar.gif) repeat-x;
}
.submit_form{
	margin:10px 0px 0px 0px;
	width:30px;
	height:31px;
	cursor:pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif; background: url("images/postbar.gif") repeat-x;
}

/***Movie Posts***/
.post-block{width:174px;float:left;clear:none;padding:8px 34px 10px 0px;}
#container_div{width:627px;}
.post_movie {width: 175px; float: left; margin: 0 7px 10px 0; background: url("images/content-bg.jpg") repeat-x #FFF; border: 1px solid #CCC; height: 340px; padding: 10px; font-size: 11px;}
.thumbnails{width: 150px; height: 115px; display:block; margin-left:auto; margin-right:auto;}
.post_movie h2{padding:5px;text-transform: uppercase}

/****MAP******/
#map{height:300px; width:334px;
	border-color: #df0103;
	cursor: pointer;
	margin-left:120px;
	padding-bottom:50px;
	}	
#map p{font-size:14px;padding:10px;}

/****CONTACT STYLES ******/
textarea{padding-bottom:10px;}
#submit{width:30px;height:15px;}
#contact{margin-left:-120px;}
input.submitBG{height:15px; width:20px;}