#gaytheatre ol#steps { 
font-size:14px; 
padding:0.5em 0 2em;
width:650px;     
}    

#gaytheatre ol#steps a {
	text-decoration:none;
}

/* ticktsolve */

#gaytheatre #ticketsolve .event_time ul li a,
#gaytheatre #ticketsolve .event_time ul li a:visited,
#gaytheatre #ticketsolve .event_time ul li a:link {
	text-decoration:none;
	background:#689D33;
	color:#FFFFFF;
}

#gaytheatre #ticketsolve .event_time ul li a:hover {
	text-decoration:none;
	background:#000000;
	color:#FFFFFF;
}

.calendar-theatre th{
padding: 5px;
background: #3f3f3f;
color: #fff;
}

.calendar-theatre td.max {
width:100%;
}
.calendar-theatre td{
padding: 5px;
background: #3f3f3f;
color: #fff;
width: 15px;
text-align: center;
}
td.eventDay{
background: #666465;
color: #fff;
padding: 0;
}

td.eventDay a{
color: #fff;
display: block;
padding: 5px;
}

.calendar-theatre td a{
color: #fff;
}

.calendar-theatre td a:hover{
color: #ccc;}

td.eventDay a:hover{
background: #ccc;
color: #689d33;
}

.calendar-theatre th.monthName{
background: #689d33;
color: #fff;
}

.calendar-theatre tr.dayName th{
color: #fff;}

#gaytheatre #calendar-theatre table {
margin-bottom:0;
line-height:18px;
font-size:12px;
}


#gaytheatre #timer.expired a, #gaytheatre #timer.expired a:visited, #gaytheatre #ticketsolve #timer.expired, #gaytheatre #ticketsolve #timer.expired p, #gaytheatre #ticketsolve .vevent a:link.book, #gaytheatre #ticketsolve .vevent a.book, #gaytheatre #ticketsolve .vevent a:visited.book, #gaytheatre #ticketsolve .vevent a:hover.book,
#gaytheatre #ticketsolve a:link.review-cart, #gaytheatre #ticketsolve a.review-cart, #gaytheatre #ticketsolve a:visited.review-cart, #gaytheatre #ticketsolve a:hover.review-cart,
#gaytheatre #ticketsolve a:link.details-payment, #gaytheatre #ticketsolve a.details-payment, #gaytheatre #ticketsolve a:visited.details-payment, #gaytheatre #ticketsolve a:hover.details-payment,
#gaytheatre #ticketsolve a:link.edit-cart, #gaytheatre #ticketsolve a.edit-cart, #gaytheatre #ticketsolve a:visited.edit-cart, #gaytheatre #ticketsolve a:hover.edit-cart {
color:#FFF;
text-decoration:none;
}


#gaytheatre #ticketsolve .vevent a#show_gallery_0 img, 
#gaytheatre #ticketsolve .vevent a.show-thumb-image img, 
#gaytheatre #ticketsolve #products a.default_product_image img, 
#gaytheatre #products a.show-thumb-image img {
border:3px solid #DDDDDD;
}
          
#gaytheatre #ticketsolve .vevent a#show_gallery_0:hover img, 
#gaytheatre #ticketsolve .vevent a.show-thumb-image:hover img, 
#gaytheatre #ticketsolve #products a.default_product_image:hover img, 
#gaytheatre #ticketsolve .vevent a.image:hover img,
#gaytheatre #products a.show-thumb-image:hover img {
border:3px solid #999;
}     

#gaytheatre #ticketsolve .vevent img.show-image, 
#gaytheatre #ticketsolve img.venue-image, 
#gaytheatre #ticketsolve #products img.show-image {
background:#FFF;	
border:3px solid #AAA;
}

#gaytheatre #ticketsolve {
margin-top:0;
padding-top:0;
margin-bottom:2em;
width:650px;        
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:11px;
}

#gaytheatre #ticketsolve #customer_address_line_2 {
display:block;
margin:0.5em 0 0 168px;
}

#gaytheatre #ticketsolve #checkout_validation_errors, #gaytheatre #ticketsolve #checkout_payment_errors {
padding:2em 2em 1em 2em;
border-top:1px solid #AAA;
background:#FFE9E9;
}

#gaytheatre #ticketsolve .vevent, #ticketsolve .vevent #performances, #ticketsolve .vevent #ticket-choice {
border-top:none;
border-bottom:3px solid #DDDDDD;
}

#gaytheatre #ticketsolve #show-detail .vevent {
border-top:none;
}

#gaytheatre #ticketsolve #show-detail #events {
border-top:none;
padding-top:2em;
}

#gaytheatre #ticketsolve #show-detail {
border-bottom:none;
}

#gaytheatre #ticketsolve #shows .vevent h2 {
font-size:15px;
border-bottom:none;
}

#gaytheatre #ticketsolve h1 {
font-size:20px;
}

#gaytheatre #ticketsolve #show-detail h1 {
font-size:15px;
}

#gaytheatre #ticketsolve h3 {
background-image:none;	
font-size:15px;
color:#000000;
}

#gaytheatre #ticketsolve #shows .vevent .meta .company {
display:none;
}


#gaytheatre #ticketsolve #show-detail .company a:link, #gaytheatre #ticketsolve #show-detail .company a:visited,
#gaytheatre #ticketsolve #shows .vevent .dates strong a:link, #gaytheatre #ticketsolve #shows .vevent .meta .location a:link,
#gaytheatre #ticketsolve #shows .vevent .dates strong a:visited, #gaytheatre #ticketsolve #shows .vevent .meta .location a:visited,
#gaytheatre #ticketsolve #shows .vevent .dates strong a:hover, #gaytheatre #ticketsolve #shows .vevent .meta .location a:hover,
#gaytheatre #ticketsolve #show-detail .dates strong a:link, #gaytheatre #ticketsolve #show-detail .location a:link,
#gaytheatre #ticketsolve #show-detail .dates strong a:visited, #gaytheatre #ticketsolve #show-detail .location a:visited,
#gaytheatre #ticketsolve #show-detail .dates strong a:hover, #gaytheatre #ticketsolve #show-detail .location a:hover {
color:#666;
text-transform:uppercase;
text-decoration:none;
}

#gaytheatre #ticketsolve #show-detail .company a:hover, 
#gaytheatre #ticketsolve #shows .vevent .dates strong a:hover,
#gaytheatre #ticketsolve #shows .vevent .meta .location a:hover,
#gaytheatre #ticketsolve #show-detail .dates strong a:hover,
#gaytheatre #ticketsolve #show-detail .location a:hover{
color:#000;
}


#gaytheatre #ticketsolve #show-detail #events .event {
border-bottom:1px dotted #999;
padding-top:1em;
margin-bottom:3em;
}

#gaytheatre #ticketsolve p.expire-warn {
background:#689D33 none repeat scroll 0 0;
color:white;
font-weight:bold;
}

#ticketsolve p.expire-warn em,#ticketsolve p.expire-warn strong {
color:#000;
}

#gaytheatre #ticketsolve h1, #gaytheatre #ticketsolve h2 {
color:#689D33;
}

#gaytheatre #ticketsolve #shows {
border-bottom:none;
}

#gaytheatre #ticketsolve img, #gaytheatre p#base img {
display:inline;
border:none;
float:none;
}

#gaytheatre p#base {
display:none;
}

#gaytheatre #ticketsolve a:link, #gaytheatre #ticketsolve a:visited, #gaytheatre #ticketsolve #cart a.show_name:link, #gaytheatre #ticketsolve #cart a.show_name:visited {
color:#689D33;
font-weight:bold;
text-decoration:underline;
}

#gaytheatre #ticketsolve a:hover, #gaytheatre #ticketsolve #cart a.show_name:hover {
color:#000000;
background:transparent;
}

#gaytheatre #ticketsolve a.book:hover,
#gaytheatre #ticketsolve a.details-payment:hover {
background:#424242 url(/static/gaytheatre/img/button_bg.gif) repeat-x;
}


#gaytheatre #ticketsolve #show-detail #events {
width:430px;
}

#gaytheatre #ticketsolve #show-detail #events h2 {
font-size:15px;
font-weight:bold;
}

#gaytheatre #ticketsolve #show-detail #events h3 {
background:transparent url(/static/gaytheatre/img/star.gif) no-repeat scroll left top;
border-bottom:none;
color:#666666;
font-size:100%;
font-weight:bold;
line-height:20px;
padding-left:23px;
text-transform:uppercase;
font-size:13px;
}

#gaytheatre #ticketsolve #show-detail #events p.comment {
background:#689D34 url(/static/gaytheatre/img/navbg.gif) repeat-x scroll left bottom;
border:1px solid #CCCCCC;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
padding:5px;
text-align:center;
}

#gaytheatre #ticketsolve #show-detail #events table {
font-size:13px;
margin-bottom:0.5em;
}

#gaytheatre #ticketsolve #show-detail #events table tr td {
text-align:left;
}

#gaytheatre #ticketsolve #show-detail #events p.add {
padding:0em 0 0.5em 0.5em;
text-align:left;
}





/* gay theatre css */


/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(/static/gaytheatre/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid { background: url(/static/gaytheatre/grid.png);  }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


body{
background: #d8d8d8 url(/static/gaytheatre/img/bggrad2.gif) top left repeat-x;}

div.container{

margin-left: 81px;
}

div#headContainer{
height: 165px;
}

div#contentContainer{
padding: 20px;
background: url(/static/gaytheatre/img/containerbg.png) top left repeat-y;


}

#background{
background: url(/static/gaytheatre/img/headerbg.jpg) top left no-repeat;}

h1#logo{
background: url(/static/gaytheatre/img/logo.png) top right no-repeat;
width: 650px;
height: 88px;
display: block;
text-indent: -2999em;
margin-left: 217px;
margin-top: 30px;
margin-bottom: 8px;
}

h2{
border-bottom: 1px dotted #666;
color: #689d33;
text-transform: uppercase;
font-size: 130%;
}

h2.homenewsheader{
background: url(/static/gaytheatre/img/star.gif) top left no-repeat;
padding-left: 23px;
}

h3{
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
background: url(/static/gaytheatre/img/star.gif) top left no-repeat;
padding-left: 23px;
line-height: 20px;
color: #666;
border-bottom: 1px dotted #666;
}



#rightcolumn h3{
background: url(/static/gaytheatre/img/stargreen.gif) top left no-repeat;
color: #689d33;
margin-bottom: 5px;
border-bottom: none;
}



a{
color: #689d33;
text-decoration: underline;
font-weight: bold;
}






#leftcolumn{
padding-left: 10px;
}

#datePicker{

}

.calendar{
display: block; 

width: 175px;
}

#calendar_holder{
background: #666465;
width: 175px;
padding: 0;
margin: 0;
}


#calendar_holder h3{
background: #689d33;
width: 170px;
line-height: 20px;
padding-left: 5px;
margin-bottom: 0;
color: #fff;
}

#calendar_holder p{
padding: 0px 5px;
margin: 0;
margin-bottom: 5px;
color: #fff;

}


.calendar th{
padding: 5px;
background: #3f3f3f;
color: #fff;
}

.calendar td{
padding: 5px;
background: #3f3f3f;
color: #fff;
width: 15px;
text-align: center;
}
td.eventDay{
background: #666465;
color: #fff;
padding: 0;
}

td.eventDay a{
color: #fff;
display: block;
padding: 5px;
}
.calendar td a{
color: #fff;
}

.calendar td a:hover{
color: #ccc;}

td.eventDay a:hover{
background: #ccc;
color: #689d33;
}

.calendar th.monthName{
background: #689d33;
color: #fff;
}

.calendar tr.dayName th{
color: #fff;}

ul#subnavlist{
list-style: none;
padding: 0;
margin: 0;
width: 175px;
margin-top: 10px;
margin-bottom: 20px;
}

ul#subnavlist li{
border-left: 5px solid #689d33;
background: #999b9d;
margin-bottom: 2px;

line-height: 20px;
}

ul#subnavlist li a{
color: #fff;
text-decoration: none;
font-weight: bold;
padding-left: 5px;
display: block;
}

ul#subnavlist li a:hover{
background: #689d33;
display: block;}

ul#subnavlist li a.current{
background: #666;}

#newsletter{
background: #999b9d;
width: 175px;
margin-top: 10px;
}

#newsletter h3{
background: #3f3f3f;
display: block;
line-height: 30px;
width: 170px;
padding-left: 5px;
color: #fff;
}

#newsletter form{
padding: 5px;
}

#newsletter form input{
margin-bottom: 5px;}

#mainsponsors{
padding-top: 20px;
}

ul#mainSponsorlinks{
list-style: none;
margin: 0;
padding: 0;
padding-top: 20px;

}
ul#mainSponsorlinks li{
float: left;
width: 87px;
display: inline;

}

#midcolumn{
margin-left: -10px;

}




#slider{
margin-bottom: 10px;}

#midcolumn img{
border: 5px solid #ccc;}

#homeNews{
}


#homeNews img{
border: 3px solid #ccc;
}

div.newsexcerpt{
margin-bottom: 15px;
display: block;
min-height: 120px;
height:auto !important;
height:120px;
border-bottom: 1px solid #dbdada;
padding-bottom: 20px;
}

div.newsexcerpt img{
float: right;
margin-left: 20px;}

#homeNews div.newsexcerpt{
border-bottom: none;
padding-bottom: 20px;}

#homeNews div.newsexcerpt img{
float: left;
margin-right: 10px;
margin-left: 0;
}
div.newsexcerpt h5,
div.newsexcerpt h4,
div.newsexcerpt p{
font-size: 100%;
margin: 0;
}

#homeNews div.newsexcerpt h5,
#homeNews div.newsexcerpt p{
font-size: 90%;
margin: 0;
padding-left: 100px;
}

div.newsexcerpt h5{
color: #689d33;
}

div.newsexcerpt h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}

#homeNews div.newsexcerpt h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}



#subSponsors{
margin-top: 20px;}

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

ul#subSponsorlist li{
float: left;
display: inline;
}

ul#subSponsorlist li img{
border: none;
}

#homePromo{
width: 200px;
margin: 0;}


#homeReviews p.reviewLink{
text-align: right;
}



#homeVenues{
margin-top: 10px;}

a#ticketBadge{
width: 200px;
height: 90px;
background: url(/static/gaytheatre/img/ticketsolvebadge.jpg) top left no-repeat;
display: block;
text-indent: -2999em;
margin-bottom: 20px;
}

a#ticketBadgesmall{
width: 175px;
height: 90px;
background: url(/static/gaytheatre/img/ticketsolvebadgesmall.jpg) top left no-repeat;
display: block;
text-indent: -2999em;
margin-bottom: 20px;
}


#rightcolumn{
margin-left: -30px;}

ul.quicklinks{
list-style: none;
text-align: right;
width: 120px;
font-size: 95%;
padding: 0;
margin: 0;
margin-bottom: 20px;
}

ul.quicklinks li{
border-top: 1px dotted #666;
line-height: 30px;
}

ul.quicklinks li a{
text-transform: uppercase;
color: #666;
display: block;
text-decoration: none;
}


ul.quicklinks li a:hover{
color: #689d33;
}

#footer{
background: url(/static/gaytheatre/img/footerbg.png) top left no-repeat;
width: 900px;
padding: 5px 25px;
padding-right: 200px;
font-size: 90%;
color: #666;
margin-bottom: 20px;
}

p#footerInfo{
width: 720px;
}

p#birdieLink{
float: right;
margin-right: 52px;
text-align: right;

}

p#birdieLink a#birdieLogo{
background: url(/static/gaytheatre/img/birdielogo.gif) top right no-repeat;
height: 20px;
width: 120px;
display: block;
text-align: left;
color: #ececec;
}

p#birdieLink a#birdieLogo:hover{
background-position: bottom right;
}


/* INNER PAGE STYLES */

div#maincolumn{
margin-left: -10px;
width: 650px;
}

#maincolumn img{
border: 5px solid #ccc;
}

.shortdescription h4,
.shortdescription h5{
 text-transform: uppercase;
}
.shortdescription h4{
padding-bottom: 5px;
margin-bottom: 0;}

.shortdescription h5{
font-size: 90%;
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #666;
}




.longdesc h4,
.longdesc h5{
 text-transform: uppercase;
}
.longdesc h4{
padding-bottom: 5px;
margin-bottom: 0;
color: #689d33;
font-weight: bold;}

.longdesc h5{
font-size: 90%;
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #666;
}

h5.articleDate{
color: #666;
font-size: 90%;
margin-bottom: 0;}

.booking h2{
font-size: 120%;
font-weight: bold;
border: none;
}
.booking h3{
border-bottom: none;
}

.article h4{
padding-bottom: 5px;
margin-bottom: 0;
color: #689d33;
font-weight: bold;
}

.booking p.comment{
border: 1px solid #ccc;
padding: 5px;
background: #689d34 url(/static/gaytheatre/img/navbg.gif) bottom left repeat-x;
font-weight: bold;
color: #fff;
text-align: center;}

.booking form{
border-bottom: 1px dotted #ccc;}

table#showInfo{
width: 200px;
color: #666;}
#showInfo tr td{
font-weight: bold;
}

table#showInfo td.infoType{
text-transform: uppercase;
}

#article{}

.articleText{
padding-right: 220px;}

.article img{
float: right;
}

.articleText img{
border: 3px solid #ccc;
float: none;
}

.articleText h3{
border-bottom: none;
}

.timeTable{
background: #ccc;
color: #fff;
}

.timeTable td{
border-right: 1px solid #fff;
color: #000}

.timeTable tr td{
border-bottom: 1px solid #fff;}

.timeTable tr.tableTitle,
.timeTable tr.thead{
background: #666;
font-weight: bold;
color: #fff;
}
.timeTable tr.thead td{
font-weight: bold;
text-transform: uppercase;
color: #fff;
border-bottom: none;
}

.timeTable tr.rowEven{
background: #b2b3b5;
}

h3.timetableHead{
border-bottom: none;
}
#timeDownload{
float: right;
}

#timeDownload a{
background: url(/static/gaytheatre/img/navbg.gif) top left repeat-x;
padding: 5px 10px;
color: #fff;
text-decoration: none; 
}
#timeDownload a:hover{
background: url(/static/gaytheatre/img/navbgactive.gif) top left repeat-x;}

.backLink{
margin-top: -5px;
margin-bottom: 5px;
}

.backLink a{
font-size: 90%;
}

#map{
margin-bottom: 20px;
}

#venues div.newsexcerpt{
position: relative;
}

#venues img{
position: absolute;
top: 0px;
right: 10px;}

.contactForm fieldset{
border: none;
font-size:120%;
padding-left: 0px;
padding-top: 0;
}

.contactForm legend{
margin-bottom:10px;

}

.contactForm label{
float: left;
width: 120px;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

.contactForm input{
clear: right;
margin-bottom: 10px;
width: 305px;
}

.contactForm select{
margin-bottom: 10px;
margin-top: 1px;
font-size: 12px;
}

.contactForm input.formSubmit{
margin-top: 10px;
margin-right: 10px;
width: 100px;
}

.contactForm input.formCheckbox{
margin-left: 120px;
margin-top: 8px;
float: left;
}

.contactForm textarea {
height: auto;
padding:5px;
width: 300px;

}
.formRequired{
color: red;}
.rednote{
font-style: italic;
color: red;
font-size: 90%;
}

h4.mediaTitle{
color: #689d34;
font-weight: bold;
}

div.mediaDownload{
margin-top: 10px;
}

div.mediaDownload a{
background: url(/static/gaytheatre/img/navbg.gif) top left repeat-x;
padding: 5px;
color: #fff;
text-decoration: none;
font-size: 90%;
}

.paginationLinks a{

background: #689d34;
padding: 3px 5px;
color: #fff;
text-decoration: none;
}
.paginationLinks a:hover{
background: #666;
}

.pageNumbers{
float: right;}

td.allEventsbtn{
width: 100%;
}

body { behavior: url("/static/gaytheatre/csshover3.htc"); } 


/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
  margin-top: 33px;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  display: block;
  padding: 0 9px;
  text-decoration: none;
}


.nav li a:hover {
  background: #689d33;
  color: #fff;	
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #689d33;
  color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a{
  background: #689d33;
  color: #fff;	
  width: 150px;
  text-transform: none;
}





#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #666;
  color: #fff;	
}



.nav ul {
  background: #689d33;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  font-size: 90%;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;
}
.nav ul li {
  border: 0;
  float: none;
  border-bottom: 1px solid #ccc;
}
.nav ul a {
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}


.nav li a:visited {
color: #689d33;
}

.nav li a.active{
color: #0c4971;
}


ul#nav-one{
display: block;
height: 34px;
background: url(/static/gaytheatre/img/topborder.png) bottom left no-repeat;
padding: 0;
margin: 0;
padding-bottom: 5px;

}
ul#nav-one li{
float: left;
list-style: none;

text-align: left;
margin-right: 1px;
}

ul#nav-one li#home{
margin-left: 124px;
margin-right: 14px;
}


ul#nav-one li a{
color: #fff;
font-weight: bold;
text-decoration: none;
padding-right: 20px;
padding-left: 10px;
background: url(/static/gaytheatre/img/navbg.gif) top left repeat-x;
height: 30px;
line-height: 30px;
display: block;
}


ul#nav-one li a:hover{
background: url(/static/gaytheatre/img/navbgactive.gif) top left repeat-x;
}
ul#nav-one li a.current{
background: url(/static/gaytheatre/img/navbgactive.gif) top left repeat-x;
}
ul#nav-one li a#first{
background: url(/static/gaytheatre/img/navfirstbg.gif) top left no-repeat;
}
ul#nav-one li a#first:hover{
background: url(/static/gaytheatre/img/navfirstbgactive.gif) top left no-repeat;
}
ul#nav-one li a#first.current{
background: url(/static/gaytheatre/img/navfirstbgactive.gif) top left no-repeat;
}
ul#nav-one li a#last{
background: url(/static/gaytheatre/img/navlastbg.gif) top right no-repeat;
}
ul#nav-one li a#last:hover{
background: url(/static/gaytheatre/img/navlastbgactive.gif) top right no-repeat;
}
ul#nav-one li a#last.current{
background: url(/static/gaytheatre/img/navlastbgactive.gif) top right no-repeat;
}

ul#nav-one li a#homeBtn{
background: url(/static/gaytheatre/img/homebtn.gif) top left no-repeat;
width: 45px;
padding-right: 28px;}
ul#nav-one li a#homeBtn:hover{
background: url(/static/gaytheatre/img/homebtnactive.gif) top left no-repeat;
}
ul#nav-one li a#homeBtn.current{
background: url(/static/gaytheatre/img/homebtnactive.gif) top left no-repeat;
}