html {
}
body {
  background: #a58cad url(../img/bg-line.png) repeat-x top left;
  font-family: "Gill Sans MT";
}
body.archive {
  background: #7ab28e url(../img/bg-line-green.png) repeat-x top left;
}
textarea,
input {
  font-family: "Gill Sans MT";
  font-size: 12px;
}

.container {
  width: 1038px;
}

a,
a:focus,
a:hover {
  color: #424765;
}
.left {
  float: left;
}
.right {
  float: right;
}
.rounded-top {
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}
.shadow {
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.shadow.faded {
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

fieldset {
  padding: 10px;
  padding-right: 0px;
}
legend {
  color: #424765;
}

p a:hover,
h3 a:hover {
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

#superhead {
  height: 36px;
  position: relative;
}
#superhead ul#tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-top: 8px;
}
#superhead ul#tabs li {
  margin: 0px;
  padding: 0px;
  float: left;
  margin-right: 6px;
}
#superhead ul#tabs li a {
  display: block;
  width: 93px;
  height: 28px;
  background: url(../img/tab-bg.png) no-repeat bottom left;
  text-align: center;
  text-decoration: none;
  line-height: 32px;
  color: #595959;
}
#superhead ul#tabs li a:hover {
  background-position: center left;
}
#superhead ul#tabs li.active a {
  background-position: top left;
  color: #fff;
  line-height: 28px;
}
#superhead div.subscribe-button-inner {
  float: right;
}

body.archive #superhead ul#tabs li a {
  background-position: bottom right;
}
body.archive #superhead ul#tabs li a:hover {
  background-position: center right;
}
body.archive #superhead ul#tabs li.active a {
  background-position: top right;
}

#masthead {
  height: 65px;
  padding-top: 12px;
  position: relative;
  margin-bottom: 20px;
}
#masthead h1 {
  height: 56px;
  overflow: hidden;
  margin: 0px;
  text-align: center;
}
#masthead h1 a {
  background: url(../img/mast-logo.png) no-repeat top left;
  margin: auto;
  display: block;
  width: 302px;
  height: 56px;
}
body.archive #masthead h1 a {
  background: url(../img/mast-logo-green.png) no-repeat top left;
}
#masthead #facebook-button {
  position: absolute;
  left: 0px;
  top: 10px;
}
#masthead p.profile {
  color: #fff;
  width: 300px;
  text-align: left;
}
#masthead p.profile a {
  color: #fff;
}
#masthead p.profile img {
  border: 1px solid #fff;
  margin-right: 10px;
  margin-top: 5px;
}

#masthead .col-9 {
  width: 728px;
  margin-right: 10px;
  float: left;
}
#masthead .col-3 {
  width: 300px;
  float: left;
}

#masthead form#search {
  position: absolute;
  right: 0px;
  top: 7px;
}
#masthead form#search input.text {
  border-radius: 4px;
  position: absolute;
  right: 0px;
  top: 15px;
  width: 290px;
  padding: 0px;
  margin: 0px;
  font-size: 19px;
  padding: 5px;
  color: #777;
  border: 1px solid #563c67;
}
#masthead form#search input.text.open {
  border-bottom: 0px;
}
#masthead form#search input.submit {
  position: absolute;
  padding: 0px;
  cursor: pointer;
  right: 6px;
  top: 23px;
  border: 0px;
  width: 20px;
  height: 17px;
  background: transparent url(../img/search-button.png) no-repeat top left;
}

ul.ui-autocomplete {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border: 1px solid #6d527c;
  border-top: 0px;
  width: 306px;
  -moz-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);
}
ul.ui-autocomplete li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #eee;
}
ul.ui-autocomplete li a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 5px;
  cursor: pointer;
}
ul.ui-autocomplete li a:hover {
  background: #d3cbd7;
}

/* MODULE COLOURS */
div.module {
  background: #bcbcbc url(../img/module-bg-line.png) repeat-x top left;
}
div.module.dark {
  background: #826992;
}
body.archive div.module.dark {
  background: #7ab28e;
}
div.module.faded {
  background: rgba(254, 254, 254, 0.3);
}

/* MODULE SIZES */
div.module {
  width: 708px;
  margin-right: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
div.module.small {
  width: 300px;
  margin-right: 0px;
  padding: 10px;
}
div.module.small.inner {
  width: 295px;
  margin-right: 10px;
}
div.module.small.last {
  padding: 10px 0px;
}
div.module.small.within {
  padding: 10px 0px;
}
div.module.small.within h2 {
  padding-left: 10px;
  color: #fff;
}
div.module.small h2 {
  color: #fff;
  font-size: 16px;
}
div.module.small h2 span {
  display: block;
  font-style: italic;
  font-weight: bold;
}

div.special-announce {
  width: 590px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
  padding-left: 40px;
  border-radius: 10px;
  background: #7daf3b url("/page/view/img/feature-star.png") no-repeat 10px
    center;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
div.special-announce h2 {
  color: #fff;
  margin: 0px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  font-size: 18px;
  font-family: sans-serif;
  font-style: italic;
}

div#tour-panel,
div#archive-panel {
  position: relative;
  padding: 10px 0px;
}
div#tour-panel h2,
div#archive-panel h2 {
  padding-left: 10px;
}
div#tour-panel div.loader {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: url(../img/ajax-loader.gif) no-repeat center center;
}

div#month-panel {
  position: relative;
}
div#month-panel div#map {
  height: 380px;
  border: 2px solid #a18daa;
  margin: 0px 10px;
}
div#month-panel div#map h2 {
  color: #563c67;
  border-bottom: 1px solid #563c67;
  padding: 0px 0px 5px;
  margin-bottom: 5px;
}
div#month-panel div#map h3 {
  margin: 0px;
}
div#month-panel div#map p {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 12px;
}
div#month-panel div#map p.dates span {
  margin-bottom: 5px;
  font-size: 12px;
  float: left;
  background: #563c67;
  padding: 0px 3px;
  margin-right: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
}
div#month-panel div#list {
  background: #a28eab;
  border: 1px solid #563c67;
  border-width: 1px 0px 1px 0px;
}
div#month-panel div#list .tour {
  padding: 7px 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #8c7799;
}
div#month-panel div#list .tour:last-child {
  border-bottom: 0px;
}
div#month-panel div#list .tour p {
  margin: 0px;
  color: #fff;
  line-height: 16px;
}
div#month-panel div#list .tour p.title {
  font-weight: bold;
  font-size: 14px;
}
div#month-panel div#list .tour p.title a {
  text-decoration: none;
  color: #fff;
  display: block;
}
p.title.cinema a,
div.mapbubble h3.cinema a {
  padding-left: 20px;
  background: url(../img/cinema-icon.png) no-repeat center left;
}
p.title.star a,
div.mapbubble h3.star a {
  padding-left: 20px;
  background: url(../img/star-icon.png) no-repeat center left;
}
div#month-panel div#list .tour p.operator {
  font-size: 12px;
  margin-bottom: 5px;
}
div#month-panel div#list .tour p.dates span {
  margin-bottom: 5px;
  font-size: 12px;
  float: left;
  background: #563c67;
  padding: 0px 3px;
  margin-right: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
div#month-panel div#list .tour p.dates span sup {
  font-size: 9px;
}
p.book a {
  font-size: 12px;
  text-decoration: none;
  color: #000;
  float: left;
  padding: 3px 6px;
  margin-bottom: 5px;
  background: #a9c398;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div#month-panel p.pagi {
  margin: 0px 10px;
  margin-top: 10px;
}
div#month-panel p.pagi a {
  text-decoration: none;
  color: #fff;
  font-size: 13px;
}
div#month-panel p.pagi a.prev {
  padding-left: 15px;
  background: url(../img/pagi_left.png) no-repeat left center;
}
div#month-panel p.pagi a.next {
  float: right;
  padding-right: 15px;
  background: url(../img/pagi_right.png) no-repeat right center;
}
div#month-panel p.toggles {
  position: absolute;
  right: 10px;
  top: 0px;
}

div#archive-panel p.year {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  color: #fff;
  padding: 5px 10px;
  background: #563c67;
  margin: 0px;
}
div#archive-panel div.year {
  background: #a28eab;
  border: 1px solid #563c67;
  border-width: 0px 0px 1px 0px;
}
div#archive-panel div.month {
  padding: 7px 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #8c7799;
}
div#archive-panel div.month:last-child {
  border-bottom: 0px;
}
div#archive-panel div.month p.month {
  font-weight: bold;
  font-size: 14px;
  margin: 0px;
  color: #fff;
  margin-bottom: 5px;
}
div#archive-panel div.month p.news {
  margin-bottom: 5px;
}
div#archive-panel div.month p.news a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
div#archive-panel div.month p.news a span {
  float: left;
  background: #563c67;
  padding: 0px 3px;
  margin-right: 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

p.toggles {
  background: #836b93 url(../img/toggle_bg.png) repeat-x top left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
p.toggles a {
  line-height: 28px;
  color: #fff;
  float: left;
  height: 28px;
  text-decoration: none;
  border: 1px solid #937e9e;
  padding-right: 7px;
}
p.toggles a:active {
  line-height: 30px;
}
p.toggles a:first-child {
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
p.toggles a:last-child {
  border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
}
p.toggles a.map {
  padding-left: 25px;
  background: transparent url(../img/map_icon.png) no-repeat 3px center;
}
p.toggles a.list {
  padding-left: 25px;
  background: transparent url(../img/list_icon.png) no-repeat 3px center;
}
p.toggles a.active {
  background-color: #937e9e;
}

div.content {
  position: relative;
  background: url(../img/bottom_line.gif) no-repeat bottom right;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
div.content.no {
  background: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
div.content.post {
  background: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
div.content img.left {
  float: left;
  margin-right: 10px;
}
div.content h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 5px;
  color: #424765;
  font-style: italic;
}
div.content h2 em {
  color: #a58cad;
}
div.content h2 .right {
  float: right;
  font-weight: normal;
  font-size: 15px;
}
div.content.tour h2 {
  border-bottom: 2px solid rgba(165, 140, 173, 0.2);
}
div.content h3 {
  color: #a58cad;
  font-size: 1.3em;
  font-style: italic;
}
div.content p {
  margin-bottom: 0.7em;
}
div.content p.details {
  font-style: italic;
  color: #424765;
  margin-bottom: 0px;
}
div.content.post p.details {
  margin-bottom: 10px;
}
div.content a.more {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-decoration: none;
  color: #fff;
  background: url(../img/more_arrow.png) no-repeat top left;
  width: 93px;
  padding-left: 7px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.cast-block {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #bcbcbc;
}
.cast-block h3 {
  background-color: #fff;
  padding: 10px;
  margin: 0px;
  color: #563c67;
  font-weight: bold;
}
.cast-block dl {
  margin: 10px;
}
.cast-block dt {
  font-size: 14px;
  color: #424765;
  margin-top: 10px;
  margin-bottom: 5px;
}

.cast-block.production dt {
  margin: 0px;
  padding: 0px;
  float: left;
  clear: left;
}
.cast-block.production dd {
  font-size: 14px;
  color: #424765;
  margin: 0px;
  padding: 0px;
  text-align: right;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.cast-block.production dt a,
.cast-block.production dd a {
  border-bottom: 0px;
}

.cast-block dt em {
  color: #666;
  font-size: 12px;
  font-style: italic;
}
.cast-block dd p {
  margin-bottom: 0px;
  font-size: 14px;
}
.cast-block dd p em {
  color: #666;
}
.cast-block a {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.cast-block a:hover {
  border-bottom: 1px solid #aaa;
}

div.module.small.within .cast-block {
  border: 0px;
}
div.module.small.within .cast-block dl {
  margin: 0px;
  border-top: 1px solid #1f3a39;
  margin-top: 10px;
}
div.module.small.within .cast-block dt {
  padding: 7px 0px 7px 10px;
}
div.module.small.within .cast-block dd {
  padding: 7px 10px 7px 0px;
  margin: 0px;
  border-bottom: 1px solid #779283;
}

div.module.small.within .cast-block.details dt {
  margin: 0px;
  padding: 7px 0px 7px 10px;
  float: left;
  clear: left;
}
div.module.small.within .cast-block.details dd {
  font-size: 14px;
  color: #424765;
  margin: 0px;
  padding: 7px 10px 7px 0px;
  text-align: right;
  margin-bottom: 10px;
  border-bottom: 0px;
}
div.module.small.within .cast-block.details dd p {
  font-size: 14px;
}
div.module.small.within .cast-block.details dd p a {
  text-decoration: underline;
}
div.module.small.within .cast-block.details dt a,
.cast-block.details dd a {
  border-bottom: 0px;
}

div.stripGallery {
  margin-bottom: 10px;
}
div.stripGallery .items {
  width: 20000em;
  position: absolute;
  clear: both;
}
div.stripGallery .navi {
  cursor: pointer;
  width: 30px;
  height: 140px;
  float: left;
}
div.stripGallery .navi.next {
  background: rgba(255, 255, 255, 0.4) url(../img/arr-right.png) no-repeat
    center center;
  border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
}
div.stripGallery .navi.prev {
  background: rgba(255, 255, 255, 0.4) url(../img/arr-left.png) no-repeat center
    center;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
}
div.stripGallery .navi:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
div.stripGallery .navi.disabled {
  opacity: 0.3;
}

div.stripGallery .thumbnails {
  position: relative;
  overflow: hidden;
  float: left;
  width: 560px;
  height: 140px;
}
div.stripGallery .thumbnails .items div.set {
  float: left;
}
div.stripGallery .thumbnails .items div.set img {
  cursor: pointer;
}
div.stripGallery .overlay {
  display: none;
  z-index: 10000;
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}
div.stripGallery .overlay .close {
  background-image: url(../img/close.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

div.stripGallery img {
  margin: 0px;
}

div.lightBoxGrid a {
  display: block;
  float: left;
  text-align: center;
  width: 140px;
  height: 140px;
  border: 1px solid #777;
  margin: 5px;
}

div#features div.feature:last-child {
  margin-right: 0px;
}
div.feature {
  position: relative;
  float: left;
  width: 200px;
  margin-right: 10px;
  padding-bottom: 15px;
}
div.feature .title {
  min-height: 27px;
  position: relative;
  margin-bottom: 5px;
}
div.feature .title h2 {
  position: absolute;
  padding: 5px;
  left: 0px;
  bottom: 0px;
  width: 190px;
  margin: 0px;
  font-size: 1.3em;
  line-height: 1.1em;
  color: #fff;
  background: #563c67;
  font-style: italic;
}
div.feature p {
  margin-bottom: 10px;
}
div.feature a.more {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-decoration: none;
  color: #fff;
  background: url(../img/more_arrow.png) no-repeat top left;
  width: 93px;
  padding-left: 7px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

div.comments input.text {
  float: left;
  padding: 5px;
  width: 282px;
  margin-right: 10px;
}
div.comments textarea {
  width: 586px;
  height: 170px;
}

a.older {
  float: left;
  text-decoration: none;
  color: #fff;
  background: url(../img/back_arrow.png) no-repeat top left;
  width: 71px;
  padding-left: 25px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

span.underline {
  text-decoration: underline;
}

p.social {
  margin: 0px;
}
a.twitter,
a.facebook {
  color: #563c67;
  font-size: 1.2em;
  line-height: 24px;
  height: 24px;
  float: left;
  padding-left: 30px;
  margin-right: 30px;
  text-decoration: none;
}
body.archive a.twitter,
body.archive a.facebook {
  color: #1f3a39;
}
a.twitter {
  background: url(../img/twitter.png) no-repeat left center;
}
a.facebook {
  background: url(../img/facebook.png) no-repeat left center;
}

#footstrip {
  background: url(../img/bg-foot.png) repeat-x top left;
  margin-top: 10px;
  padding: 10px 0px;
  border-top: 1px solid #563c67;
}
body.archive #footstrip {
  border-top: 1px solid #1f3a39;
}
#footstrip div p {
  margin: 0px;
}

body.archive h2 {
  margin-bottom: 5px;
}
body.archive div.module.small h2 {
  color: #1f3a39;
  font-weight: bold;
  font-style: italic;
}
body.archive div.module.small h3 {
  background: #1f3a39;
  color: #fff;
  padding: 5px;
}
body.archive div.module.small p {
  font-size: 12px;
  margin-bottom: 10px;
}
body.archive .bodyContent p {
  margin-bottom: 10px;
  font-size: 14px;
}
div.content p {
  font-size: 14px;
}

#footer-menu {
  text-align: center;
  padding-left: 200px;
  padding-right: 200px;
}

table.bordered td {
  border-bottom: 1px solid #e4e4e4;
}

.breadcrumblist {
  list-style: none;
  padding: 0px;
  color: #aaa;
  margin-right: 0px;
  text-align: right;
  font-size: 14px;
}
.breadcrumblist li {
  display: inline-block;
}
.breadcrumblist li a {
  color: white;
  text-decoration: none;
}

.link-list {
  margin-bottom: 20px;
  margin-right: 10px;
  display: flex;
  justify-content: space-between;
}
.link-list a {
  padding: 7px 15px;
  background: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
