html, body, p, h1, h2, h3, ul, li, a, img, abbr, blockquote, strong { margin: 0; padding: 0; border: none; text-decoration: none; list-style-type: none; font-weight: normal; }

html {
  height: 100%;
}

body {
  font-size: 75%;
}

html>body {
  font-size: 12px;
}

body {
  color: white;
  font-family: "Trebuchet MS", sans-serif;
  height: 100%;
}

a {
  color: white;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul {
  margin-bottom: 1em;
  margin-left: 1.2em;
}

ul li {
  list-style-type: disc;
}

p, span, li, blockquote {
  font-size: 12px;
  line-height: 1.5em;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  border-left: solid 3px white;
  padding-left: 9px;
  margin-bottom: 22px;
}

h2 {
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: normal;
}

h3 {
  font-size: 1.3em;
  font-weight: normal;
  letter-spacing: normal;
}

blockquote {
  font-style: italic;
  margin-left: 40px;
}

strong {
  font-weight: normal;
  font-size: 130%;
}

em {
  font-style: italic;
}

#container {
  width: 790px;
  min-height: 710px;
  position: relative;
  background-image: url(/images/back.jpg);
  background-repeat: no-repeat;
}

#layout {
  height: 100%;
  background: #05283e url(/images/people.jpg) left bottom repeat-x;
}

#left {
  background: url(/images/curtain_left.jpg) right top repeat-x;
}

#left img {
  float: right;
}

#right {
  background: url(/images/curtain_right.jpg) left top repeat-x;
}

/* =MENU */
#menu {
  padding-top: 72px;
  margin-left: 187px;
  width: 600px;
}

#menu, #menu ul{
  list-style-type: none;
}

#menu ul {
  margin-left: 0;
}

#menu li {
  float: left;
  line-height: 24px;
  width: 25%;
  list-style-type: none;
}



#menu #main {
  width: 21%;
}

#menu #theater {
  width: 24%;
  padding-left: 15px;
}

#menu #press {
  width: 24%;
  padding-left: 15px;
}

#menu #atmosphere {
  padding-left: 20px;
  width: 19%;
}


#menu li li {
  float: none;
  width: auto;
  margin-right: 0;
  font-size: 13px; /* TODO: convert to ems */
  line-height: 18px;
}

#menu a {
  text-decoration: none;
  color: #b1d2e5;
}

#menu a:hover {
  text-decoration: underline;
}

#menu .current {
  color: white;
  font-size: 13px; /* TODO: remove this by removing the global font-size on spans */
  line-height: 18px;
}

#menu .section-header {
  color: #f1fea8;
  text-transform: uppercase;
}

#content {
  margin-top: 54px;
}

/* =BLOCKS */
.block {
  width: 389px;
  float: left;
  margin-left: -5px;
}

.block .frame-top, .block .frame-bottom {
  background-color: transparent;
  background-repeat: no-repeat;
}

.block .frame {
  position: relative;
  background-color: transparent;
  background-repeat: repeat-y;
}

.block .inner-frame {
  padding: 0px 17px 4px 29px;
}

.block h1 {
  margin-left: 6px;
}

.block.main {
  margin-right: 21px;
}

.block.brown .frame-top {
  background-image: url(/images/frames/brown-top.png);
  height: 31px;
}

.block.brown .frame {
  background-image:  url(/images/frames/brown-repeat.png);
  
}

.block.brown .frame, .block.brown a {
  color: #590f00;
}

.block.brown .frame-bottom {
  background-image: url(/images/frames/brown-bottom.png);
  height: 31px;
}

.block.blue .frame-top {
  background-image: url(/images/frames/blueg-top.png);
  height: 29px;
}

.block.blue .frame {
  background-image: url(/images/frames/blueg-repeat.png);
  background-position: 0px 149px;
  color: black;
  min-height: 149px;
}

.block.blue .background {
  background: url(/images/frames/blueg-content.png) no-repeat;
  background-position: 6px 0;
  position: absolute;
  width: 389px;
  height: 149px;
  left: 0px;
  z-index: 1;
}

.block.blue .frame a {
  color: black;
}

.block.blue .frame-bottom {
  background-image: url(/images/frames/blueg-bottom.png);
  height: 26px;
}

.block.brown-g .frame-top {
  background-image: url(/images/frames/bg-top.png);
  height: 29px;
}

.block.brown-g .frame {
  background-image: url(/images/frames/bg-repeat.png);
  color: black;
  min-height: 149px;
}

.block.brown-g .background {
  background: url(/images/frames/bg-content.png) no-repeat;
  background-position: 6px 0;
  position: absolute;
  width: 389px;
  height: 149px;
  left: 0px;
  z-index: 1;
}

.block.brown-g .frame a {
  color: black;
}

.block.brown-g .frame-bottom {
  background-image: url(/images/frames/bg-bottom.png);
  height: 26px;
}

.block.red .frame-top {
  background-image: url(/images/frames/red-top.png);
  height: 31px;
}

.block.red .frame {
  background-image: url(/images/frames/red-repeat.png);
}

.block.red .frame, .block.red a {
  color: white;
}

.block.red .frame-bottom {
  background-image: url(/images/frames/red-bottom.png);
  height: 31px;
}

.block.brownwide {
  width: 795px;
  margin-left: -6px;
}

.block.brownwide li, .block.brownwide p, .block.brownwide h2, .block.brownwide span, .block.brownwide a {
  color: black;
}

.block.brownwide h1 {
  margin-left: 7px;
}

.block.brownwide .frame-top {
  background-image: url(/images/frames/brownwide-top.png);
  height: 31px;
}

.block.brownwide .frame {
  background-image: url(/images/frames/brownwide-repeat.png);
}

.block.brownwide .frame, .block.red a {
  color: white;
}

.block.brownwide .frame-bottom {
  background-image: url(/images/frames/brownwide-bottom.png);
  height: 31px;
}

.block.green .frame-top {
  background-image: url(/images/frames/green-top.png);
  height: 29px;
}

.block.green .frame {
  background-image: url(/images/frames/green-repeat.png);
  color: black;
  min-height: 149px;
}

.block.green .background {
  background: url(/images/frames/green-content.png) no-repeat;
  background-position: 6px 0;
  position: absolute;
  width: 389px;
  height: 149px;
  left: 0px;
  z-index: 1;
}

.block.green .frame, .block.green a, .block.green p {
  color: black;
}

.block.green .frame-bottom {
  background-image: url(/images/frames/green-bottom.png);
  height: 26px;
}


/* =NEXT PLAY */
#news-list .frame a {
  color: #590f00;
}

#next-play .frame a {
  color: #590f00;
}

#next-play img {
  float: left;
  margin-right: 15px;
  margin-bottom: 8px;
}

#next-play .image-text {
  margin-left: 130px;
}

#next-play p.text {
  margin-top: 8px;
}

/* =FOLLOWING PLAYS */
.time-table, #all-news ul, .frame .frame-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.time-table .time {
  width: 35%;
  vertical-align: top;
  padding-right: 12px;
}

.time-table .play {
  width: 55%;
}

.time-table td {
  padding-bottom: 13px;
}

/* =ALLNEWS*/
#all-news a {
  color: black;
}

#all-news ul {
  color: black;
  width: 100%;
  margin: -2px 0 0 0;
}

.timed-list li {
  margin-bottom: 13px;
  overflow: auto;
  list-style-type: none;
}

.timed-list h2 {
  margin-left: 5%;
  width: 65%;
  float: left;
}

.timed-list a, .timed-list span {
  font-size: 0.8em;
}

.timed-list .date {
  float: left;
  width: 30%;
  padding-top: 2px;
}

.timed-list .source {
  font-style: italic;
  margin-left: 35%;
}

.current-arrow {
  margin-left: -1.3em;
  position: absolute;
}

/* =NEWSARCHIVE */
#news-archive a {
  color: black;
}

#news-archive .years {
  float: left;
  width: 20%;
  margin-left: 0;
}

#news-archive .years li {
  list-style-type: none;
}

#news-archive .years span, #news-archive .years a {
  font-size: 1.5em;
  line-height: 1.3em;
}

#news-archive .years span {
  color: #590f00;
}

#news-archive .years a, #news-archive p {
  color: black;
}

#news-archive .help {
  float: left;
  width: 80%;
}

/* =NEWS */
#news h2 {
  font-size: 1.75em;
  line-height: 1.2em;
  margin-bottom: 1.5em;
}

#news.with-image h2 {
  margin-bottom: 0.2em;
}

#news.with-image img {
  margin-bottom: 2.3em;
}

#news p {
  margin-bottom: 1em;
}

#footer {
  clear: left;
  padding: 48px 0 98px 0;
  width: 100%;
  text-align: center;
}

/* =CAST */
#cast ul {
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  overflow: auto;
  margin-left: 0;
}

#cast ul li {
  list-style-type: none;
}

#cast h2 {
  clear: left;
}

#cast .current {
  color: black;
}

#cast .arrow {
  padding-right: 4px;
}

/* =ACTORSSAY */
#actors-say img, #actors-say p {
  padding-bottom: 1em;  
}

/* =ACTOR */
#actor .intro {
  overflow: auto;
}

#actor .intro img {
  float: left;
  margin: 0 10px 5px 0;
}

#actor h2 {
  margin-bottom: 1em;
  color: #590f00;
}

#actor h3 {
  margin: 1em 0;
}

ul.prizes {
  margin-left: 0;
}

ul.prizes li {
  background-image: url('/images/roles_list_bullet.png');
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
  padding-left: 14px;
  margin-bottom: 4px;
  list-style-type: none;
}

/* =REPERTOIRE */
#repertoire ul {
  margin-left: 0;
}

#repertoire li {
  overflow: auto;
  margin-bottom: 1em;
  clear: left;
}

#repertoire p {
  margin: 0;
}

#repertoire h2 {
  margin: -2px 0 2px 0;
}

#repertoire img {
  float: left;
  margin: 0 10px 5px 0;
}

#repertoire .text {
  margin-left: 125px;
}

/* =PLAY */
#play-about h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}

#play-about .intro {
  margin-bottom: 1em;
}

#play-about .poster {
  float: left;
  margin: 0 10px 5px 0;
}

#play-about .image-text {
  margin-left: 123px;
}

/* pushes the header down a little more than usual so that it appears under the poster */
#play-about h3.prizes {
  margin-top: 1.5em;
}

#play-cast ul {
  margin-left: 0;
}

#play-cast .value, #play-cast li, #play-cast .highlight {
  color: #590f00;  
}

#play-cast .value {
  padding-left: 4px;
}

#play-cast .section {
  margin-top: 1em;
}

/* =GALLERY */
#gallery .frame{
  overflow: auto;
}

#gallery h2 {
  margin-bottom: 1em;
}

#gallery img {
  float: left;
  margin-bottom: 1em;
}

#gallery-toc h2 {
  margin-bottom: 1em;
}

#gallery-toc ul {
  margin-left: 40px;
  margin-bottom: 2em;
}

#gallery-toc ul li {
  list-style-type: none;
}

.thumbnails {
  clear: left;
  overflow: auto;
}

.thumbnails img {
  float: left;
  margin-right: 11px;
  margin-bottom: 1em;
}

.thumbnails img.last {
  margin-right: 0;
}

/* =TRANSPORT */
#transport p {
  margin-bottom: 1em;
}

#transport ul {
  margin: 0 0 0 30px;
  padding-bottom: 1em;
}

#transport ul li {
  list-style-type: none;
}

/* should look like standard h3 */
#transport h2 {
  font-size: 1.3em;
}

#contact p, #theater-sale p, #provisional-sale p {
  overflow: auto;
  padding-bottom: 1em;
}

#contact .key, #theater-sale .key, #provisional-sale .key {
  float: left;
  width: 30%;
}

#contact .value, #theater-sale .value, #provisional-sale .value {
  float: left;
  width: 70%;
}

#contact .phone .value, #theater-sale .phone .value, #provisional-sale .phone .value {
  font-size: 140%;
}

/* =PRESS */
#press h2 {
  font-size: 1.75em;
  line-height: 1.2em;
}

#press .source {
  font-style: italic;
  margin-bottom: 2em;
}

#press p {
  margin-bottom: 1em;
}

#press p.date {
  margin-bottom: 0;
}

/* =HISTORY */
#history p {
  margin-bottom: 1.5em;
}

/* =COOPERATION */
#cooperation p {
  margin-bottom: 1.5em;
}

#cooperation .special {
  overflow: auto;
  margin-bottom: 1.5em;
}

#cooperation .special p {
  float: left;
}

#cooperation .special ul {
  float: left;
  margin-left: 1em;
  margin-top: 0.2em;
}

#cooperation .special ul li {
  list-style-type: none;
}

/* =TICKETS */
#provisional-sale img {
  margin: 1.5em 0;
}

#provisional-sale .data p {
  margin-bottom: 0;
  padding: 0;
}

#provisional-sale .data {
  margin-bottom: 1em;
}

#provisional-sale .data p, #provisional-sale .data span {
  line-height: 2.1em;
}

#provisional-sale .data .phone .value {
  line-height: 1.5em;
}

#provisional-sale .cost {
  margin: 1.5em 0 1.5em 30px;
  padding-left: 12px;
  padding-bottom: 2px;
  border-left: solid 4px #326173;  
}

#provisional-sale .number {
  font-size: 120%; 
  line-height: 1em;
}

/* =MISC */
ul.two-column {
  overflow: auto;
  margin-left: 0;
}

ul.two-column li {
  width: 50%;
  float: left;
}

.pager a, .pager span.current {
  padding: 2px 4px;
}

.clear {
  height: 1px;
  width: 1px;
  clear: left;
}

#home-link {
  width: 135px;
  height: 120px;
  position: absolute;
  top: 50px;
  left: 0;
}

/* transparent image is for IE, so that the transparent home link block can receive clicks */
#home-link img {
  width: 135px;
  height: 120px;
}

/* =MICROFORMATS */
.location {
  display: none;
}

/* =IMAGE */
#image {
  background-color: #ebe6a9;
  background-image: none;
}

#image #overlay {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 9.5em;
  background-color: #d1bd8c;
}

#image #container {
  background: transparent;
  margin: 0 auto;
}

#image #meta {
  margin-top: 16px;
  color: #000002;
  height: 9.5em;
  overflow: auto;
}

#meta h1 {
  border: none;
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 180%;
  color: #691410;
}

#meta .caption {
  font-size: 140%;
}

#meta .credit {
  margin-top: 1.3em;
}

#image #wrapper {
  margin-top: 4em;
  width: 100%;
  text-align: center;
}

#image #logo {
  float: left;
  width: 111px; 
  height: 9.5em;
  margin-right: 66px;
  background: transparent url(/images/logo-imagepage.png) no-repeat;
  background-position: left 50%;
}

#image #copyright, #image #copyright a {
  color: #000002;
}

#image #copyright {
  margin: 5em 0 0 2em;
}

#image #copyright p {
  background-color: #d1bd8c;
  float: left;
  padding: 4px;
}