/*
	SITE.CSS FOR LITERARY-ARTS.ORG
	NEEDMORE DESIGNS LLC - 2005, 2006, 2007
*/

body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
}
img { border:0; }
p, li, dt, dd {
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
}
p {
	margin-top: 8px;
}
li {
	list-style-type: square;
	margin-left: -10px;
	padding-left: 0px;
}
ul.newsitems {
/*   padding: 0; */
  margin-top: 0;
}
li.newsitem {
  font-weight: bold;
  padding: 4px 0;
  font-size: 0.8em;
}
dd {
	font-size: 0.6em;
	margin-left: 1.5em;
	padding: 8px 0;
}
dd p {
	margin:0;
	padding:0;
}
blockquote {
	background-image: url(/images/quote-left.gif);
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 10px 0 0 20px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.4em;
	font-style: italic;
	color: black;
}
blockquote p {
	margin: 0;
	padding: 0 25px 20px 25px;
	width: 90%;
	line-height: 1.5em;
	background-image: url(/images/quote-right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
p.quoteAuthor
{
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align:right;
	padding-right:20px;
}
a {
	color: #965;
	text-decoration:none;
}
a:hover {
	background-color: white;
}

h1, h2, h3, h4 {
	margin: 8px 0 0 0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-shadow: #fff 1px 1px 1px;
}
h1 { font-size: 21px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h3.newsitem {
	padding-top: 8px;
}
div#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
table#pagebody {
	width: 100%;
}

/* Top navigation CSS */
div#top-address {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f1ecd7;
	text-align: right;
	background-color: #713629;
	padding-right: 20px;
	line-height: 17px;
}
table#top-nav {
	margin-bottom: 11px;
	min-width: 760px;
}

/* Left navigation CSS */
table#left-nav {
	background-color: #f1ecd7;
	width: 186px;
}
td#leftnav {
	background-color: #f1ecd7;
	width: 186px;
}
td#leftnav form {
	padding-left: 20px;
	width: 166px;
}
td#leftnav div#recent_blog p {
  margin-left: 21px;
  margin-right: 10px;
}
td#leftnav div#social_media {
  margin-left: 21px;
}

td#leftnav #featured_sponsor {
  margin-left: 21px;
}
td#leftnav #featured_sponsor #sponsor_graphic {
  margin-bottom: 10px;
}

/* Footer styles */
table#footer {
	width: 100%;
	text-align: left;
	padding-top: 8px;
}
table#footer p {
	color: #666;
	font-size: 10px;
}

/* Home page CSS */
div#home-news p {
	background-color: #f1ecd7;
	margin: 0;
	color: #333;
	padding: 4px 14px 8px 17px;
}
div#home-events p {
	background-color: #f1ecd7;
	margin: 0px;
	color: #333;
	font-size: 12px;
	padding: 4px 14px 8px 17px;
}

/* Standard styles */
div.articletext {
}
img.headline {
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #f1ecd7;
}

/* Program pictures*/
img.program {
	float: left;
	padding-right: 10px;
	padding-top: 8px;
	}
/* Book tour styles */
div#tour-city {
}

/* Table styles for body text */
.simplecell {
	background-color: #f1ecd7;
}
.bodycell {
	background-color: #f1ecd7;
	padding: 0 17px 8px 17px;
	vertical-align: top;
/* 	min-height: 400px; */
}
td.gallery {
  width: 720px;
}
td.gallery #inner-gallery {
  min-height: 420px;
}
.bodycell .mapimage {
	padding:0 -17px;
}

/* Styles for Subscription form at /contact/subscribe.php */
form#subscribe {
/*  margin: 3em 0;*/
  width: 520px;
}
form#subscribe fieldset { 
  border: 1px solid #AE8674; 
  margin: 2em 0 1em 0; 
  padding: 0.25em 0 0.75em 1em; 
}
form#subscribe legend {
  color: #72473A;
  font-size: 1.1em; 
  font-weight: bold; 
  position: relative; 
  top: -.4em; 
  text-shadow: white 1px 1px 1px;
}
form#subscribe label { 
  display: block;
  float: left;
  clear: left;
  width: 200px;
  padding-right: 1em;
  text-align: right;
  line-height: 2em;
  font-size: 0.8em;
/*  text-shadow: white 1px 1px 1px;*/
}
form#subscribe label.checkbox {
  width: 200px;
}
form#subscribe input { 
  display: block; 
  float: left;
}
form#subscribe input.itext {
  width: 270px;
  font-size: 0.8em;
}
form#subscribe input.checkbox {
  width: auto;
/*   height: 2em; */
  margin-top: 0.75em;
}
form#subscribe br { 
  clear: both; 
}


/* Event styles */
div.events { padding-top: 8px; text-align:left; }
.event-image { float: left; }
.event-short { clear:both; border-top:2px solid #f1ecd7; margin-bottom:4px; }
.event-short h3,dt .event-title { font-size:12px; font-weight:bold; }
/* .event-short h4,.event-short p,dt .event-date { font-size:10px; } */

.event-long { clear:left; padding-bottom:40px; position:relative; }
.event-long img.event-image { display:block; float:left; }
.event-details { float:left; width:80%; padding-left:14px; }
.event-notice { font-size:16px; }
.event-date { font-weight:normal; font-style:italic; margin:0; }
.event-program { margin:6px 0 0 0;}
.event-title { margin:0; padding:0; }

.special-notice { font-size:10px; font-style: italic; margin-top:12px; }

/* Box Office Styles */
#boxoffice-nav { margin-top:8px; }
#boxoffice-nav ul { margin:0; padding:0; list-style:none; }
#boxoffice-nav ul li { display:block; float:left; list-style:none; }
#boxoffice-nav ul li a {
	font-size:14px;
	color:#000;
	text-decoration:none;
	padding:2px 10px;
	line-height:24px;
	margin:2px 10px 4px 0;
	display:block;
	float:left;
	text-align:center;
	letter-spacing:-1px;
	}
#boxoffice-nav ul li a:hover { background:#696D6A; color:#fff; }
#boxoffice-nav ul li a.activ,
#boxoffice-nav ul li a.activ:hover { font-size:15px; font-weight:bold; } 

.boxoffice-column { width:30%; height:100%; border-right:10px solid #fff; float:left; padding-left:10px; font-size:10px; vertical-align: top; }
.boxoffice-column label { display:block; position:relative; padding:2px 0 0 24px; margin:4px 0 6px 0; }
.boxoffice-column label.ticket { font-size:12px; }
.boxoffice-column label input { position:absolute; top:0; left:0; _margin-left:-20px;}
.boxoffice-column h3 { font-size:16px; margin-bottom:10px; }
.boxoffice-column p { margin-top: 2px; }
.boxoffice-column select { width:140px; }

.boxoffice-column fieldset { margin:0 0 10px; padding:0; border:0; }
.boxoffice-column h4,
.boxoffice-column legend { font-size:12px; color:#333; font-weight:bold; margin:10px 0 4px 0; border-bottom:1px solid #A48770; }
.boxoffice-column h4.noborder { border:0; }
.boxoffice-column .options { }
.boxoffice-column h4 { padding-bottom:4px; margin-right:10px; margin-top:14px; }
.boxoffice-column h4.bulleted { border:0; margin:0 0 6px 0; padding:0 0 0 15px; background:url(/images/boxoffice_bullet.gif) 0 4px no-repeat; }

#last-column { border:0; } /* so last column won't wrap */

#boxofficecell { padding:0; text-align:center; vertical-align: top; }
#boxofficecell-homepage { padding:0; background:#f1ecd7; height:100%; }
#boxofficecell .events,.pages { margin:0 17px 40px 17px; text-align:left; }

a.info,a.buytickets,a.addtocart { display:block; background:url(/images/info.gif); border:0; text-decoration:none; }
a.info:hover { background-position:0 -27px; }
a.info span,a.buytickets span,a.addtocart span,a.checkout span,a.goback span,button span { visibility:hidden; }
a.buytickets,button.addtocart,button.updatecart,a.checkout,a.continueshopping,button.addtocart-sm,a.goback,button.checkoutButton,button.register
	{ display:block; width:116px; height:34px; background:url(/images/buytickets.gif) top left; border:0; text-decoration:none; background-repeat:no-repeat; }
a.continueshopping { background-image:url(/images/continueshopping.gif); position:absolute; top:0; left:0; }
button.addtocart { background-image:url(/images/addtocart.gif); }
a.goback { position:absolute;  background-image:url(/images/addmore.gif); left:0; top:0; }
button.addtocart-sm { background-image:url(/images/addtocart_sm.gif); width:60px; height:18px; }
button.updatecart { background-image:url(/images/updatecart.gif); position:absolute; top:0; left:40%; }
button.register { background-image:url(/images/register.gif); }
button.checkoutButton { background-image:url(/images/checkout.gif); position:absolute; top:0; right:0; }
a.checkout { background-image:url(/images/checkout.gif); position:absolute; top:0; right:0; }
a.buytickets:hover,button.addtocart:hover,button.updatecart:hover, a.checkout:hover, a.goback:hover, button.checkoutButton:hover,button.register:hover
	{ background-position:0 -64px; cursor:pointer; }
button.addtocart-sm:hover { background-position:0 -33px; cursor:pointer; }
button.addtocart { margin:20px 0 10px 4px; }
button.addtocart-sm { margin:4px 0 10px 20px; }
.alert { margin:20px; background:#A48770; color:#fff; font-size:16px; text-align:center; }
.alert h2, .alert h3, .alert h4 { text-shadow:none; }
.alert p { font-size:16px; color:#fff; padding:10px; }
.alert ul,.alert li { text-align:left; }
.spacer { clear:both; height:0; line-height:0; }
.series-inactive-text { font-size:11px; font-style:italic; color:#666; }
.checkAllEvents { font-size:9px; text-transform:uppercase; } 

/* Shopping Cart & Checkout */
 
#cart { width:700px; margin:20px auto; }
table.cart { width:100%; font-size:12px; }
tr.bordertop td { padding:6px 0; border-top:1px solid #A48770; }
.extraOptions { background:#42617B; padding:0; }
td.noborder { border:0 !important; }
th { font-weight:normal; text-align:left; font-size:14px; }
th.right,td.right { text-align:right !important; }
#buttons { width:100%; height:50px; position:relative; } 
.cart-event,.cart-series { font-weight:bold; }
p.cart-series-events { font-size:9px; margin:2px 0; }
p.center { text-align:center; }
#addGift { background:#e2d8c2; padding:10px; margin:10px 0; font-size:12px; font-weight:bold; }
#addGift p.info { font-size:10px; color:#7c7568; font-weight:normal; }

/* TOOL TIPS */
.tipstyle {
  background-color: #f8f8f8;
  border: 2px solid #333;
  padding: 8px;
  color: black;
  position: absolute;
  width: 360px;
  visibility: hidden;
  font-size: 85%;
  z-index: 500;
}

/* GALLERY */
#inner-gallery .galleryimage {
  width: 190px;
	margin:  8px 0;
  float: left;
  text-align: center;
/*   border: 1px solid red; */
}
#inner-gallery .galleryimage .subtitle {
  margin-top: 8px;
  font-size: 11px;
  text-align: center;
}

td.gallery a {
	padding: 0;
	margin: 0;
	background-color: #F1ECD7;
}
td.gallery a img {
	padding: 1px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
td.gallery a:hover img {
	background-color: #fff;
	border: 1px solid #555;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

/* LIGHTBOX VISUAL EFFECTS */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption span{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* Blog Page */

.individual-blog {
  clear: both;
}
.blog-image {
  float: left;
  padding: 10px 15px 10px 0;
}
.blog-text {
  float: left;
  width: 500px;
  padding: 0 0 10px 10px;
}
.blog-text a {
  text-decoration: underline;
}

/* Podcast Page */

#itunes {
  float: right;
  padding: 5px 0 0 0;
}