body { margin: 0px; font-family: Verdana, sans-serif; font-size: 9pt; color: black; background-color: white; }
h1,h2,h3,h4 { font-family: Helvetica, Arial, sans-serif; }

/* h1 is used for show titles */
h1 { text-transform: uppercase; color: #1e7e2d; font-size: 18pt; margin: 0px; }

/* h2 is used for form titles */
h2 {}

/* h3 is used for subsection and page titles */
h3 { margin: 4px 0px 12px 0px; }
h3.linked.title { margin: 12px 0px 4px 0px; }
h3.title { margin: 0px 0px 12px 0px; font-size: 12pt; color: #1e7e2d; }
h3.section_title { margin: 10px 3px; text-transform: uppercase; font-size: 12pt; color: #9f9d9e; }
h3.section_title a { text-decoration: none; color: #9f9d9e; }
h3.subsection_title { margin: 10px 3px; text-transform: uppercase; font-size: 12pt; color: #1e7e2d; }
p.subsection_type { color: #1e7e2d; position: relative; top: -9px; }
h3.subsection_title  a { text-decoration: none; color: #1e7e2d; } 
h3.simplelist.title { margin: 20px 0px 10px 0px; text-transform: uppercase; }

/* h4 is used for subsection navigation title */
h4 { margin: 4px 0px; text-transform: uppercase; }

p { margin: 5px 0px; }

table { font-size: inherit; }
a { color: black; }
a img { border: 1px none #ddd;  }

quote { font-style: italic; }


/* Form styles */
table.form { margin: 0px 7%; }
table.form p { margin: 0px; }
table.form td { vertical-align: top; padding: 5px 5px; }
table.form td.label { text-align: right; }
input[type=text], input[type=password] { border: 1px solid #9e9ba0; padding: 2px 4px; max-width: 320px; }
input[type=file] { border: 1px solid #9e9ba0; margin: 0px 0px 10px 0px; max-width: 320px; }
iframe { border: 1px dotted #5a95cf; height: 260px; }
textarea { height: 240px; width: 480px; border: 1px solid #9e9ba0; padding: 3px; }
td.editor textarea { height: 255px; width: 660px; }
textarea#labels { width: 240px; height: 120px; }
textarea.quote { height: 120px; }
textarea.description { height: 32px; }
div.formheader { padding: 20px 0px 20px 120px; }
div.formheader .error { color: red; }
div.sideindex { margin: 0px 4px; }




/* Random color pallette - color 0 is neutral */
.color0 { color: #9e9ba0; }
.bgcolor0 { background-color: #9e9ba0; }
.color1 { color: #5a95cf; }
.bgcolor1 { background-color: #5a95cf; }
.color2 { color: #ea8d36; }
.bgcolor2 { background-color: #ea8d36; }
.color3 { color: #1e7c2d; }
.bgcolor3 { background-color: #1e7c2d; }
.color4 { color: purple; }
.bgcolor4 { background-color: purple; }
.wrapper { padding: 0px; }



/* Canvas holds page content in one or two column forms */
.canvas {
  margin: 128px 10px 42px 10px;
  padding: 0px 10px;
  width: 952px;
  border: 1px none orange;
  font-family: Verdana, sans-serif; font-size: 9pt;
}



/* Generic canvas styles */
div.left { width: 200px; float: left; }
div.left a { text-decoration: none; }
div.left p { margin: 0px 2em 12px 2em; text-indent: -1em; } 
div.left p.page.title { text-transform: lowercase; font-weight: bold; color: #68676a; }
div.left p.page.title a { color: #68676a; }
div.left p.page.title a:hover { color: black; }
div.left p.page.title a.active { color: black; }
div.left p.page.title.private a { color: orange; }

div.left div.objtype { margin-left: 1.2em; font-size: smaller; color: #68676a; }
div.oval { width: 440px; background-color: #a5acb3; padding: 0px; }
div.hidden { display: none; }
img.preload { position: absolute; z-index: 0; bottom: 0px; left: -500px; width: 4px; height: 3px; }
img.label { vertical-align: middle; }
img.icon { vertical-align: middle; }

.content { font-size: 9pt; line-height: 14pt; }
.content p { margin: 8px 0px; }
div.page { border: 2px #9e9ba0; border-style: none none none solid; padding: 0px 0px 10px 20px; margin: 10px 0px 0px 10px; max-width: 481px; }
div.page div.files { margin-top: 12px; }
div.page div.files.notpublic { border: 1px dashed orange; padding: 4px 10px; }
div.pager { border: 2px #9e9ba0; border-style: none; padding: 10px 0px 10px 10px; margin: 10px 0px 0px 10px; }
a.private { color: orange }
div.0thumbnail { width: 160px; height: 120px; }
div.bordered.container { border: 2px #9e9ba0; border-style: none none none solid; padding: 0px 0px 10px 6px; margin: 0px; }
.tickets a { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #49b14a; text-decoration: none; }
div.quote { margin: 6px 0px 14px 0px; font-weight: bold; line-height: 14pt; }
div.quote quote { font-style: italic; }

/* twocol is a table with exactly two columns, that should take up the width of the canvas */
table.twocol {
  margin: 0px;
  width: 942px;
  border-collapse: collapse;
}
table.twocol td.left { width: 40%; vertical-align: top; padding: 10px 20px 10px 0px; border: 1px none #ffde00; }
table.twocol td.left.notnav { padding-left: 10px; }
table.twocol td.right { width: 60%; vertical-align: top; padding: 10px 20px 10px 32px; border: 1px none #ffde00; }

/* twocolr is a version twocol for calendar views */
table.twocolr {
  margin: 0px;
  width: 942px;
  border-collapse: collapse;
}
table.twocolr td.left { width: 40%; vertical-align: top; padding: 10px 20px 10px 0px; border: 1px none #ffde00; }
table.twocolr td.right { width: 60%; vertical-align: top; padding: 10px 20px 10px 10px; border: 1px none #ffde00; }

/* twocolr is a version twocol for who's here views */
table.twocolw {
  margin: 0px;
  width: 942px;
  border-collapse: collapse;
}
table.twocolw td.left { width: 48%; vertical-align: top; padding: 10px 20px; border: 1px none #ffde00; }
table.twocolw td.right { width: 52%; vertical-align: top; padding: 10px 20px; border: 1px none #ffde00; }

/* threecol is a table with exactly two columns, that should take up the width of the canvas */
table.threecol {
  margin: 0px;
  width: 942px;
  border-collapse: collapse;
}
table.threecol td.left { width: 33%; vertical-align: top; padding: 10px 20px 10px 0px; border: 1px none #ffde00; }
table.threecol td.left.notnav { padding-left: 10px; }
table.threecol td.right { width: 33%; vertical-align: top; padding: 10px 20px 10px 32px; border: 1px none #ffde00; }
table.threecol td.farright { width: 33%; vertical-align: top; padding: 10px; }
table.threecol td.farright h3.linked { font-weight: normal; font-size: 9pt;  }

/* calendar div */
div.hcalendar { border: 1px none #5a95cf; }
div.hcalendar div.standby { margin: 0px 20px 48px 14px; padding-top: 100px; text-align: center; }
div.hcalendar table { font-family: Helvetica, Arial, sans-serif; font-weight: bold; 
                     font-size: 16pt; line-height: 26px; 
                     color: #9e9ba0;
                     margin: 0px 20px 48px 14px;
                     border-collapse: collapse; 
}
div.hcalendar td { width: 39px; padding: 4px 10px 0px 0px; text-align: right; border: 1px none #5a95cf; }
div.hcalendar tr.weekdays { color: #ffffff; }
div.hcalendar tr.halfheight { line-height: 13px; }
div.hcalendar td.activeday { color: #1e7c2d; background-color: white; }
div.hcalendar td.active { background-color: #75a26e; color: white; }
div.hcalendar td.activeday.active { background-color: #75a26e;  }
div.hcalendar td.activerun { background-color: #c2ebbc;  }
div.alldays td.activeday { background-color: #75a26e; color: white;  }
div.alldays td.active { background-color: orange; }
div.hcalendar td.today { color: orange; }
div.hcalendar td.active.today { color: white; background-color: orange; }
img.area { position: absolute; z-index: 90; }

table.chooser { background-image: url(/www-here/images/chooser.gif); 
                background-repeat: no-repeat; 
                background-color: none;
                width: 114px;
                font-size: 16px; color: white; line-height: 16px;
                font-family: Helvetica, Arial, sans-serif; font-weight: bold; 
                text-transform: uppercase;
                border: 1px none orange;
                border-collapse: collapse;
              
}
table.chooser td.control { width: 20px }
table.chooser td.selected { padding: 8px 0px 0px 16px; }
table.chooser td { padding: 0px; border: 1px none orange; }
td.control img { border-style: none; }
table.control_inner { border: 1px none red; border-collapse: collapse; }

div.performances { width: 375px; }
div.performances table.chooser { float: right; margin-top: 20px; }
div.performances div.page { border-style: none none none solid; position: relative; top: 20px; }
div.performances h2 { text-transform: uppercase; color: #68676a; margin: 0px; }
div.performance { font-size: 11pt; color: #9e9ba0; margin: 4px 0px; }
h5.performance_title { font-family: Helvetica, Arial, sans-serif; 
                      font-size: 12pt; font-weight: bold; 
                      text-transform: uppercase; 
                      margin: 24px 0px 4px 0px; 
                      padding: 0px;
                      line-height: 16pt;
                      }
h5.performance_title a { color: #9e9ba0; text-decoration: none; 
                        border: 1px none #68676a; 
                        border-bottom-style: solid; 
                        }
h5.performance_title a:hover { color: black; }
h5.performance_title a.activerun { color: black; text-decoration: none; border-bottom-width: 0px; }
p.performance_duration { color: #68676a; font-family: Helvetica, Arial, sans-serif; 
                         font-size: 12pt; font-weight: bold; margin: 8px 0px;
}
p.performance_link { margin: -3px 0px 4px 0px; }
p.performance_link a { color: #9e9ba0; margin: 0px 0px 10px 0px; }
p.performance_link a:hover { color: black; }
p.performance_tickets { font-family: Helvetica, Arial, sans-serif; 
                        font-size: 10pt; 
                        font-weight: bold; text-transform: uppercase;
                        margin-top: 10px;
} 
p.performance_tickets a { color: #49b14a; text-decoration: none; }
p.performance_space a { color: #9e9ba0; }
p.performance_space a:hover { color: black; }

div.projectlist { margin: 0px 16px; }
h3.projectlist.title { margin: 6px 0px; }
div.projectlist.content { margin: 6px 0px; }
div.projectlist h3.linked.title { margin: 18px 0px 6px 0px; text-transform: uppercase; font-size: 11pt; }
h3.private a { color: orange; }

/* onecol is a table with a main column and a vlog column, that should be roughly centered in the canvas */
table.onecol { margin-left: 92px; }
table.onecol td { vertical-align: top; padding: 10px; border: 1px none #ffde00; }
table.onecol td.media { width: 440px; }

/* Production Navigation */
p.production { margin: 0px; color: #68676a; border: 1px none orange; }
div.production_nav { padding: 0px 0px 16px 16px; border: 1px none orange; }
p.production_duration { font-size: 11pt; color: #9e9ba0; }
p.production_title { font-family: Helvetica, Arial, sans-serif; font-size: 11pt; line-height: 15pt; font-weight: bold; }
p.production_title a { color: #68676a; text-decoration: underline; border: 1px none #68676a; border-bottom-style: none; }
p.production_title a:hover { color: black; }
p.production_tickets a { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #49b14a; text-decoration: none; }

/* Production Display */
p.proddisp_duration { color: #68676a; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: bold; }
p.proddisp_vlog { margin: 5px 0px; }

td.left.production { padding-top: 10px; }
td.left.production #page { margin: 24px 24px 10px 12px; }

/* project Display */
h3.projectdisplay { text-transform: uppercase; }
p.projectdisplay_duration { color: #68676a; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: bold; }
div.project_quote { margin: 6px 0px 14px 0px; font-weight: bold; line-height: 14pt; }

/* Vlog */
div.vlog_container { border: 1px none green; text-align: right; }
table.vlog { margin: 0px 0px 12px 24px; }
table.vlog td { border: 1px none green; padding: 0px; }
table.vlog td.thumbnail { text-align: right; height: 60px; }
table.vlog td.icon { vertical-align: middle; }
table.vlog td.details { text-align: right; font-size: 7pt; font-weight: bold; width: 74px; }
table.vlog img.thumbnail { width: auto; height: 60px; }


/* Curtain is normally up at the top of the page; holds site and section nav */
.curtain {
  position: absolute;
  z-index: 99;
  top: 5px;
  left: 10px;
  width: 972px;
  height: 124px;
  border: 1px none red;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #999;
  background-color: white;
}
table.sitenav { border-collapse: collapse; border: 1px none green; }
table.sitenav td { padding: 0px; vertical-align: top; }
div.sectionnav { 
  position: absolute; z-index: 100; top: 56px; 
  border: 1px none #ddd; 
  display: none; 
  text-transform: uppercase;
  width: 800px; 
}
div.sectionnav.active { display: block; }
div.sectionnav.rtl { text-align: right; }
div.sectionnav.here { left: 112px; }
div.sectionnav.see { left: 200px; }
div.sectionnav.who { left: 347px; }
div.sectionnav.be { left: 502px; }
div.sectionnav.there { left: 664px; }
div.sectionnav.about { left: 10px; width: 851px; }
div.sectionnav a { text-decoration: none; color: #9b9ea0; }
div.sectionnav a.active { color: black; }
div.sectionnav a:hover { color: black; }
div.sectionnav a.linked { position: relative; top: -1px; }

img.bigline.top { margin-top: 24px; }
img.carrotltr { margin-left: 16px; }
img.carrotrtl { margin-right: 16px; }

/* UI is user interface at top of canvas */
.ui { position: absolute; 
      background-color: white; 
      top: 116px; 
      left: 257px;
      width: auto; 
      color: #9e9ba0; 
      text-align: right; 
      z-index: 110; 
      padding: 2px 6px 2px 0px;
      font-size: 8pt; font-weight: bold;
}
.ui a { color: #9e9ba0; text-decoration: none; }
.ui a:hover { color: black; }
a.localui { color: #9e9ba0; margin: 0px 5px 0px 0px; }
a.localui.private { color: orange; }
a.localui:hover { color: black; }
#bottomui { position: static; margin-right: 30%; }

/* Footer is at the bottom of the page */
.footer {
  width: 972px;
  border: 1px none red;
  text-align: center;
  margin: 0px 10px;
}
.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }


/* Subscribe */
form.ccform { margin: 20px; }
form.ccform h3 { color: #68676a; }
form.ccform input { vertical-align: middle; }
form.ccform input.input { 
     width: 400px; height: 26px; 
     border-style: none;
     background-image: url(/www-here/images/input.gif);
     background-repeat: no-repeat;
     padding: 14px 20px;
}

/* Far-Right Block on Homepage */
#farout { position: absolute; left: 980px; top: 154px; } 
#farout iframe { border: 0; }