/*
Theme Name: Maplewood Barn Theatre
Theme URI: http://www.maplewoodbarntheatre.org/
Description: Developed 2009 by Caledon Virtual.
Version: 1.0
Author: J. Michael Roach
Author URI: http://www.caledonvirtual.com/
*/

/* Begin Typography & Colors */
html {
	background:#286971 url(images/html-bg.jpg) repeat-x;
/*background:#5581b0 url(images/holiday-bg.jpg) fixed repeat-x center top;
	background:#5581b0 url(images/spring-bg.jpg) fixed center bottom;*/
}
body {
	background:url(images/body-bg.jpg) no-repeat 50% 0;
/*background:none;*/
	font:12px/20px Verdana, Tahoma, sans-serif;
	color:#333;
	margin:0;
	min-width:926px;
}
h1 {
	font:normal 24px/36px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
  color:#192b43;
}
h2 {
	font:bold 20px/30px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
	list-style-position:outside;
}
h3 {
	font:bold 16px/24px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
}
h4 {
	font:bold 14px/21px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
}
h5 {
	font:bold 12px/18px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
}
h6 {
	font:bold 10px/15px Georgia, "Times New Roman", Times, serif;
	margin:12px 0 6px;
}
hr {
   color:#fff;
   background:none;
   border:none;
   border-bottom:1px dotted #777;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border-style:none;
}
.main {
	margin:0 auto;
	width:926px;
	overflow:hidden;
}
#header {
	position:relative;
	background:url(images/bodybg.gif) no-repeat;
	height:232px;
	z-index:3;
}
#header strong a {
	position:absolute;
	top:0;
	left:60px;
	background:url(images/logo.png) no-repeat;
	width:315px;
	height:203px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .words {
	position:absolute;
	top:191px;
	left:330px;
	width:263px;
	height:25px;
	background:url(images/header-words.png) no-repeat;
}
#header .twenty-ten {
	position:absolute;
	top:70px;
	left:400px;
	width:166px;
	height:125px;
	background:url(images/2010.png) no-repeat;
}
#header .phoenix {
	position:absolute;
	top:30px;
	left:585px;
	width:297px;
	height:203px;
	background:url(images/the-phoenix-season.png) no-repeat;
}
#header .audrey2 {
	position:absolute;
	top:110px;
	left:740px;
	width:140px;
	height:160px;
	background:url(images/header-audrey2.png) no-repeat;
}
#header .nav-position {
	position:absolute;
	top:200px;
	left:0;
}
#header .nav-area {
	width:806px;
	height:42px;
	padding-top:28px;
	padding-left:140px;
	background:url(images/main-nav-bg.png) no-repeat;
}
#header ul#main-nav {
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	font:12px Tahoma, Verdana, Arial, sans-serif;
}
#header ul#main-nav li {
	padding:0 13px 0 13px;
	float:left;
}
#header ul#main-nav a {
	color:#ffcc66;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}
#header ul#main-nav a:hover ,
#header ul#main-nav li.hover a ,
#header ul#main-nav li:hover a {
	color:#fff;
}
#header ul#main-nav li:hover ,
#header ul#main-nav li.hover {
	position:relative;
}
#header ul#main-nav li:hover ul ,
#header ul#main-nav li.hover ul {
	display:block;
}
#header ul#main-nav ul {
	display:none;
	position:absolute;
	top:13px;
	left:0;
	text-align:left;
	width:150px;
	background:#8b1215;
	border:1px solid #fde68c;
	margin:0;
	padding:10px;
	list-style:none;
	overflow:hidden;
}
#header ul#main-nav ul li {
	padding:0;
	width:100%;
}
#header ul#main-nav ul a ,
#header ul#main-nav li.hover ul a ,
#header ul#main-nav li:hover ul a {
	float:left;
	color:#ffcc66;
}
#header ul#main-nav ul a:hover ,
#header ul#main-nav li.hover ul a:hover ,
#header ul#main-nav li:hover ul a:hover {
	color:#fff;
}
.columns-holder {
	width:100%;
	position:relative;
	z-index:1;
}
.columns-holder img {
	display:block;
}
.columns-top {
	width:880px;
	height:268px;
	background:url(images/columns-holder-top.png) no-repeat;
	margin:0 auto 0;
}
.columns-middle {
	width:750px;
	background:url(images/columns-middle.gif) repeat-y;
	padding:0 65px;
	float:left;
	display:inline;
	margin-left:23px;
}
.columns-btm {
	clear:both;
	float:left;
	display:inline;
	width:906px;
	height:240px;
	background:url(images/columns-holder-btm.jpg) no-repeat;
	background:url(images/columns-holder-btm.png) no-repeat;
	margin-left:10px;
}
#content {
	position:relative;
	width:459px;
	float:left;
	margin-top:-236px;
	margin-bottom:-192px;
}
.title-box {
	width:100%;
	background:url(images/title-boxbg.gif) no-repeat 50% 0;
	text-align:center;
	padding:38px 0 8px;
}
.title-box h2 {
	margin:0;
	font:18px/23px Georgia, "Times New Roman", Times, serif;
	color:#993300;
	font-variant:small-caps;
}
.wide-box {
	width:459px;
}
.wide-box .top {
	width:427px;
	background:#fff url(images/white-box-wide-top.gif) no-repeat;
	padding: 12px 16px 0;
	margin:0;
	overflow:hidden;
}
.wide-box .btm {
	width:459px;
	background:url(images/white-box-wide-btm.gif) no-repeat 0 100%;
	height:11px;
	font-size:0;
	margin:0;
}
.wide-box img {
	border:4px solid #f1eed1;
  padding:1px;
  background:#dfdbae;
}
.wide-box table img {
   border:none;
   padding:none;
   background:none;
  }
.wide-box .info-box {
	width:100%;
	overflow:hidden;
	padding:10px 0 5px;
}
.wide-box .info-box .sponsor {
	width:165px;
	float:right;
	padding-right:16px;
}
.wide-box p {
	margin:0 0 9px;
	color:#484631;
}
.wide-box p.other {
	margin-top:8px;
	color:#666633;
}
.wide-box .info-box .author {
	width:155px;
	float:left;
	padding-left:26px;
}
img.noborder {
	border:none !important;
}
.wp-caption-text {
  text-align:right;
  font-size:10px;
  font-style:italic;
  line-height:12px;
  padding:0 8px;
  margin:0;
}
.bottom-separator {
	width:100%;
	background:url(images/separator-btm.gif) no-repeat 50% 0;
	height:9px;
	margin-top:6px;
	margin-bottom:8px;
	font-size:0;
}
#sidebar {
	width:242px;
	float:right;
	margin-top:-236px;
	margin-bottom:-192px;
	position:relative;
}
.narrow-box {
	width:242px;
}
.narrow-box .top {
	width:215px;
	background:#fff url(images/white-box-narrow-top.gif) no-repeat;
	padding:11px 10px 0 17px;
	overflow:hidden;
}
.narrow-box .btm {
	width:242px;
	background:url(images/white-box-narrow-btm.gif) no-repeat 0 100%;
	height:11px;
	font-size:0;
}
.text-box {
	padding:0 0 18px 0;
}
.text-box-no-pad {
	padding-bottom:0;
}
#sidebar .widgettitle {
	display:block;
	font:18px/23px Georgia, "Times New Roman", Times, serif;
	text-align:left;
	padding:0 !important;
	margin:0 !important;
}
li.widget_recent_entries ul li {
  list-style:none;
	padding:0 0 0 18px !important;
	margin:0 0 6px !important;
  background:url(images/bullet.gif) no-repeat 6px 7px;
}
.textwidget h4 {
	margin-bottom:0 !important;
}
#sidebar ul {
	margin:0 0 6px;
	padding:0;	
}
#sidebar li {
	list-style:none;
	margin:0 0 6px;
	padding:0;	
}
#sidebar h3 {
	margin:0;
	text-transform:uppercase;
	color:#336666;
}
#sidebar p {
	margin:0;
	color:#666633;
	text-align:justify;
}
.donate,
.facebook {
	width:100%;
	padding:12px 0 0 0;
	text-align:center;
}
.donate a.btn {
	display:block;
	width:138px;
	margin:0 auto 8px;
}
.donate ul {
=	padding:0;
	margin:8px 0 0;
	list-style:none;
	clear:both;
	text-align:center;
}
.donate ul li {
	display:inline;
	padding:0;
}
.donate img,
.facebook img {
	display:inline;
}
#footer {
	width:100%;
	text-align:center;
	margin-top:-40px;
	padding-bottom:20px;
	font-family:"Times New Roman", Times, serif;
	position:relative;
	z-index:3;
	overflow:hidden;
	float:left;
}
#footer ul {
	margin:0;
	padding:0 0 27px;
	list-style:none;
	text-transform:uppercase;
	font-size:14px;
}
#footer ul li {
	display:inline;
	padding:0 8px 0 27px;
}
#footer ul a {
	color:#336666;
	text-decoration:none;
}
#footer ul a:hover {
	text-decoration:underline;
}
#footer p {
	color:#669999;
	color:#336666;
	color:#eee !important;
	margin:0;
	font-size:17px;
}
#footer p a {
	color:#669999;
	color:#eee;
	text-decoration:none;
}
#footer p a:hover {
	color:#669999;
	color:#fff;
	text-decoration:underline;
}

/* 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 {
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

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