/************************************
 * DOWNSTAGE MAIN WEBSITE CSS 
 * @author: Tom Young
 ************************************/


/* Reset Eric meyer http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, img, kbd, q, s, samp, small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table { border-collapse: collapse; border-spacing: 0; }
 
body { line-height: 1; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.3; background: url(../images/background.png) center repeat-y;}

h1, h2, h3, h4, h5, h6 { font-family: georgia, "times new roman", times, serif; font-weight: bold; color: #900; }
h1 { font-size: 27px; margin-bottom:5px; }
h2 { font-size: 21px; margin-bottom:5px; }
h3 { font-size: 18px; margin-bottom:5px; }
h4 { font-size: 16px; margin-bottom:5px; }

.section-title { font: bold 19px Arial, Helvetica, sans-serif; color:#fff; padding: 3px 8px; margin-bottom: 10px; background: #ffcc33; }

p {	margin-bottom: 15px; font-size: 13px; }

a { text-decoration:none; color: #900;}
a:hover { text-decoration: underline;}

.inlineList { padding: 20px 0; font-weight: bold; text-align: right;}
.inlineList li { display: inline; padding-right: 20px;}

.imgRight, .align-right { float: right; margin-left: 20px; margin-bottom: 10px;}
.imgLeft, .align-left { float: left; margin-right: 20px; margin-bottom: 10px;}


.inputInfo { position: absolute; width: 100%; top: 20px; left: 150px; font-size: 0.8em; color: #666; }
.textField { width: 130px; height: 18px; border: 1px solid #535e71;}

/* Structure */
.clear { clear: both;}
.clearfix:after, .section:after, .show:after, .content:after, #footer:after, .articles li:after, .related:after, .post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.container { position: relative; width: 960px; margin: 0 auto; padding-bottom: 10px; background: #fff;}
.section { margin-bottom: 10px; }
.content { background: #fff; width: 940px; padding: 20px 10px; min-height: 500px; }
.span-1, .span-2, .span-3, .span-4, .span-5 { margin-right: 20px; float: left;}
.span-1 {width: 140px;}
.span-2 {width: 300px;}
.span-3 {width: 460px;}
.span-4 {width: 620px;}
.span-5 {width: 780px;}
.last { margin-right: 0;}

.right { float: right; }
.caption { float: left; width: 150px; margin-right: 20px; clear: both;}
form img { vertical-align: top;}

/* Header */
#header {width: 940px;margin: 0 10px;background: url(../images/s2-2011-header.jpg) #fff no-repeat; z-index: 9;}
.header-top { height: 199px; position: relative; }
#header .logo { width: 246px; height: 103px; position: absolute; top: 133px; left: 69px; z-index: 2; text-indent: -9999px; }
#header .newsletter { width: 270px; height: 160px; position: absolute; top:10px; right: 10px; color: #fff; background: url(../images/transparency-20.png) repeat; padding: 10px; }
#header .newsletter h3 { font-size: 15px; margin-bottom: 2px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
#header .newsletter p { margin-bottom: 7px; font-size: 12px; }
#header .newsletter .field { padding: 0 0 7px; }
#header .newsletter .field label { font-size: 12px; width: 100px; display: inline-block; }
#header .newsletter .field input { width: 155px; border: 1px solid #666; padding: 2px;}
#header .newsletter .submit { text-align: center; margin: 0;}

/* Navigation */ 
#nav {width: 940px; height: 31px; z-index: 1; top: 199px; }
#nav ul {width: 643px; position: relative; left: 308px;}
#nav a {font-size: 15px; font-weight: bold;	color: #000; display: block; }
#nav ul li { position: relative; float: left; list-style-type: none; vertical-align: baseline; }
#navHome, #navShows, #navBookTickets, #navAbout, #navContact, .nav-home, .nav-shows, .nav-book-tickets, .nav-about, .nav-contact {	background: url(../images/nav-bar.png) right 7px no-repeat; }
#navHome a, #navShows a, #navBookTickets a, #navAbout a, #navContact a, #navSupport a, .nav-home a, .nav-shows a, .nav-book-tickets a, .nav-about a, .nav-contact a, .nav-support a { padding: 6px 14px 5px 12px; min-height: 20px; }
#nav #navSupport ul li, #nav .nav-support ul li { border-right: none; } 
#nav li ul { position: absolute; background: #fff; border: 1px solid #eee; border-top: 0; left: 0; top: 31px; width: 180px; padding: 2px; margin-left: -9999px;}
#nav li#navSupport ul, #nav li.nav-support ul { left: -57px; }
#nav li ul li { display: block; float: none; }
#nav li:hover ul, #nav li.over ul { display: block; margin-left: 0; z-index: 2;}
#nav li ul li a { display: block; padding: 6px 12px; border: none; font-size: 13px; }
#nav li ul li a:hover { display: block; background: #fff5cc; color: #000; text-decoration: none;}

#secondaryNav { width: 300px; margin-right: 20px; float: left;}
#secondaryNav .sectionTitle { font-size: 16px; height: 20px;}
#secondaryNav ul { list-style: none; margin: 0;}
#secondaryNav li { font-weight: bold; border-bottom: 1px dashed #ccc; }
#secondaryNav li a { padding: 3px 0; margin: 0; display: block;}
#secondaryNav li.selected a { background: #fff; cursor: default; color: #666;}
#secondaryNav li a.selected { cursor: default; color: #666;}
#secondaryNav li.selected a:hover { text-decoration: none;}
#secondaryNav li ul { padding-left: 20px;}
#secondaryNav li ul li { border: 0; margin: 0; padding: 0 0 6px; font-weight: normal;}
#secondaryNav li ul li a { display: inline;}


/* Homepage feature */
.feature { margin: 0; }
.feature .show { list-style: none; border-bottom: 1px dashed #e1e1e1; margin-bottom: 10px; }
.feature h1 { margin-bottom: 0; font-family: georgia, times; line-height: 1.4;}
.feature a { color: #f60; }
.feature .date { color: #ffcc33; margin-bottom: 10px; font-family: georgia, times; font-size: 1.7em; font-weight: bold;}
.feature .section-title { background: #f60;}
.feature .text { float: right; width: 300px;}
.feature .align-left { margin-bottom: 0; }

.details { margin: 0 0 7px; }
.details li { color: #fc3; padding-right: 10px; margin-right: 6px; list-style: none; display: inline; border-right: 1px solid #fc3; font: bold 14px Georgia, "Times New Roman", Times, serif; }
.details li.last { border:0; }
.details a { color: #fc3; }


#noFeature { height: 49px;}

/* Homepage coming soon */ 
.coming-soon .section-title { background: #900; }
.coming-soon .show { list-style: none; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }

.coming-soon h2 { margin-bottom: 5px;	font-family: georgia, times; font-size: 1.6em; color: #900; line-height: 1.4;}
.coming-soon h2 a { color: #900; }
.coming-soon .text { float: right; width: 460px; }
.coming-soon  img { width: 140px; height: 125px; }

/* Homepage tonight */
#tonight { margin-bottom: 10px;}
#tonight ul { margin: 0; font-family: georgia, "times new roman", times, serif; font-size: 12px; font-weight: bold;	list-style: none;}

#tonight li { padding: 5px 0; border-bottom: 1px dashed #e1e1e1;}

/* Homepage news */
.articles { margin-bottom: 10px;}
.articles ul { list-style-type: none;}
.articles li { border-bottom: 1px dashed #e1e1e1; display: block; }
.articles img { float: left; margin-right: 20px; width: 140px; height: 125px; }
.articles .text { padding: 10px 0 0; display: block; }
.articles .date { margin: 0 0 10px 0; font-family: georgia, "times new roman", times, serif; font-size: 1em; font-weight: bold; color: #ffcc33;}
p.newsletter { margin-top: 10px; font-style: italic;}


/* Special offers homepage */
#specialOffers { margin-bottom: 10px;}
#specialOffers img { position: absolute;}
#specialOffers .text { width: 140px; height: 115px; padding: 10px 0 0 160px; border-bottom: 1px dashed #e1e1e1;}
#specialOffers a { color: #900; }

/* Follow us */
#followUs li { display: inline; margin: 0 10px 0 0;}

/* Sponsors */
#homepageSponsors li { margin: 10px 0; }
#homepageSponsors p { margin: 0; font-weight: bold;}

/* homepage map */

.homepageMap { margin: 10px 0; }
.mapText { padding-left: 160px; }
.mapText h2 { color: #959595;}
.homepageMap img{ float: left;}
.homepageMap ul { list-style-type: none;}
.phone { margin-top: 10px; font-weight: bold;}

/* Shows page */
.season .section-title { background: #900; }
.season .show { list-style: none; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.season .show img { width: 140px; height: 125px; }

.show .align-left { margin-bottom: 0; }
.season .show .text { float: right; width: 780px; }
.show h3 { color: #900;} 
.show h3 a { color: #900; }
.show .completed { color: #666; } 

.show.mini {width: 448px;height: 125px;margin-bottom: 12px;border-bottom: 1px dashed #e1e1e1;}
.show .date { color: #FFCC33; font-weight: bold; font-family: georgia, "Times New Roman", Times, serif;	font-size: 1.2em;}
.oddShow { margin-right: 20px; clear: left;}
.show img { float: left;}

#seasonForm { float: right; margin-bottom: 10px; }
#seasonForm label { font-weight: bold;}
#seasonForm label, #seasonForm select{ float: left; margin: 2px 10px 0 0;}
#seasonForm input { float: left;} 
#season { clear:both;}
#season h2 { padding: 3px 8px; height: 26px; margin-bottom: 10px; background: #900; font-family: arial, helvetica, sans-serif; color: #fff; }

.show-info img { margin-bottom: 10px; }
.book-now { margin-bottom: 5px; font: bold 22px Georgia, "Times New Roman", Times, serif; color: #fc3; }
.book-now a { color: #fc3;}
.date { margin-bottom: 15px; font: bold 17px Georgia, "Times New Roman", Times, serif; color: #fc3; }

#showBody { margin-left: 275px;}

#bookTickets {
	margin: 10px 0;
	font-family: georgia, "Times New Roman", times, serif;
	font-size: 1.6em;
	font-weight: bold;
}

#bookTickets a {
	color: #ff7c1c;
}

#related {
	margin-top: 50px;
}
#related {
	display: block;
}

#related .related {
	width: 150px;
	margin-right: 20px;
	float: left;
	background: #fff;
}

.relatedImage {
	height: 135px;
}

#related .related h4 {
	margin-bottom: 0;
	color: #333;
}


/* Contact */ 
#contactMain {height: 350px;margin-bottom: 20px;border: 2px solid #e1e1e1;background: #fff;} 
#contactMain .col1 {padding: 10px;}
#contactMain ul {margin: 0 0 10px;list-style-type: none;}
#contacts h2 {margin: 0 0 20px 0;}
#contacts .col2, #contacts .col3, #contacts .col4 {float: left;width: 220px;padding-left: 20px;}
#contacts .col1 {float: left;width: 220px;}

.contactGroup {
	clear: both;
	padding-top: 20px;
}

#contacts ul {
	margin: 0;
	list-style-type: disc;
	list-style-position: inside;
}

#contacts h4 a {
	font-size: 0.9em;
	font-weight: normal;
}


/* Privacy policy */
.privacy li { margin-bottom: 10px;}

/* Media resources */
.media { margin-bottom: 40px; border-collapse: collapse;}
.media caption { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; color: #555;}
.media th, .media td { width: 97px;}
.media th { padding: 5px 10px; text-align: left; background: #a3d165; color: #fff;}
.media td{ padding: 5px 10px;}
.media .col1 { width: 300px; padding-right: 20px;}

/* Admin */
#loggedInAdminPanel { position: absolute; padding: 5px 10px; top: 0; left: 10px; background: #cbddfa; }
#loggedInAdminPanel p { font-size: 0.85em; margin: 0;}

#adminLoginForm { width: 460px; background: #fff;}
#adminLoginForm .error { color: #c00;}
#adminFunctions  p{ padding: 5px 0; border-bottom: 1px dotted #ccc; }
#adminFunctions .loggedIn { float: right; }
#adminFunctions ul { padding: 0; margin: 0 0 20px; list-style-type: none;}
#adminFunctions li { padding-bottom: 10px; font-size: 1.2em;}

#adminFunctions .col1, #adminFunctions .col2, #adminFunctions .col3 { float: left; width: 214px; margin-right: 20px; } 
#adminFunctions .col1 h2 { width: 116px; height: 32px; margin-bottom: 10px; 	background: url(../images/admin_cp_shows.png) no-repeat; text-indent: -9999px;}
#adminFunctions .col2 h2 { width: 98px; height: 35px; margin-bottom: 10px; background: url(../images/admin_cp_news.png) no-repeat; text-indent: -9999px; }
#adminFunctions .col3 h2 { width: 93px; height: 36px; margin-bottom: 10px; background: url(../images/admin_cp_pages.png) no-repeat; text-indent: -9999px; }

/* Change selectors - increase specificity */
.field { width: 100%; position: relative; padding: 0 0 30px 0; }
.field input, .field select { width: 214px; }
.field textarea { width: 600px; }

.field label { position: relative; width: 150px; float: left;}
.submit { display: block; margin: 20px auto 20px auto;}

.field .msg { font-size: 0.8em; position: absolute; vertical-align: top; left: 400px;}
.msg { color: #c00;}
.field .upMsg { color: #0c0;}
.field .areaMsg { font-size: 0.85em; position: absolute; top: 0; left: 780px; color: #c00; }

#newsForm .field input { width: 642px;}
#newsForm .field textarea { width: 642px;}
#newsForm .field label { font-weight: bold;}
#pageForm .field input { width: 742px;}
#pageForm .field textarea {	width: 742px; }
#pageForm .field label { font-weight: bold;}

#manageTable { border: 0; margin-bottom: 20px;}
#manageTable td { padding: 2px 20px;}
#manageTable th { padding: 0 20px; background: #e6e6e6;}
#manageTable .showName { width: 428px;}

ol.pageNumbers {
	border-top: 1px solid #ccc;
	margin: 0 0 20px;
	padding: 2px 15px 0 0;
	text-align: right;
	width: 885px;
}

.pageNumbers li {
	list-style: none;
	display: inline;
	margin-right: 5px;
}


.message{
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 1px solid #b2c3ca;
	font-weight: bold;
	background: #e3e8ea;
}

/* News */
#newsArticle .postedBy{ font-size: 12px;color: #555;}
#newsArticle form { padding-top: 20px; }
#newsArticle .field { padding-bottom: 10px; }

/* Sponsorship */

#sponsors .col1, #sponsors .col2, #sponsors .col3 {
	width: 190px;
	padding-right: 20px;
	float: left;
}

#sponsors h3, #sponsors h4 {
	margin-top: 40px;
}

#sponsors ul {
	list-style: none;
	margin: 0;
}

#sponsors .col3 {
	padding-right: 0;
}

/* Search page */
#searchSite.searchPage {
	padding: 0 0 20px 0;
	width: 291px;
	height: 20px;
	background: transparent;
}

#searchSite.searchPage  p {
	float: left;
}

.searchResult {
	margin-bottom: 20px;
}

/* Add show */
.performanceTimes .field {
	padding-bottom: 10px;
}

.performanceTimes {
	border: 0;
	border-top: 1px solid #ccc;
}

.performanceTimes legend {
	font-weight: bold;
	padding: 0;
}

/* Prices, Times and Bookings */
#pricesTimesBookings ul { margin: 0; list-style-type: none;}
#pricesTimesBookings .col1, #pricesTimesBookings .col2 { width: 188px; float: left; margin-right: 20px; display: inline;}
#pricesTimesBookings .col3 { width: 188px; float: left;	display: inline;}

/* Restaurant offers */

.restaurantOffer { border-bottom: 1px solid #ccc; padding-top: 20px; }
.restaurantOffer p { margin-left: 120px;}

/* Downstage Theatre Society membership */

#dts_form .radio { margin-bottom: 20px; }
#dts_form .radio label { font-weight: normal;}
#dts_form label { font-weight: bold;}
#dts_form textarea { width: 300px;}
#dts_form .field input { width: 300px;}
#dts_form p { margin-bottom: 5px;}
#dts_form .radio input { margin-left: 20px;}

/* Footer */
#footer { clear: both; margin: 10px 10px 0; border-top: 50px solid #fff; background: #e1e1e1; font-family: georgia, "times new roman", times; font-size: 0.8em; color: #636363;}

#footer h4 { color: #636363; font-size: 12px; }
#footer a { color: #636363 }
#footerLogo { float: left; width: 255px; padding-bottom: 65px; }
#footer .col { float: left; width: 140px; padding: 10px 20px 10px 0; background: #e1e1e1; }
#footer .col.right { float: left; width: 140px; padding: 10px 0 0 0; }
#footer .col img { margin-bottom: 10px; }
#footer ul { margin: 0 0 10px 0; list-style: none; }