/* NOTES BY ELS:

1. For now, I am adding "serif" after "GT Walsheim", so that I can instantly see where the font does not get applied.
Once it applies everywhere, I will replace it with 'Arial, sans-serif', for when GT Walsheim doesn't work.

2. This stylesheet is ridiculously complicated for what it does. Every single item has its own complete font declaration,
which is not needed at all, since there are only 4 different font-sizes and one font. I ought to clean that up...

3. Same thing for the colours, but not touching that until I know for sure my edits don't kill anything.

Colour edits 24-1-16

Was:

Blue 02b2c7 - this is supposed to be the correct Hex for the blue used for core information
Magenta fe4c8a - this is the pink used for secondary information such as the booking online
Green 33ff33 this is the colour that represents the winter festival
Pink ff6666 - this is the colour that represents the summer festival.

New:

Blue 	#12CEDD
Magenta	#F44E8E
Green	#4AE54A
Pink	#FF6666

New per 20170921:

Primary colour bright blue #12cedd, changed to pink: #FF99CC
Secondary colour bright pink (= magenta) #f44e8e, changed to blue: #1982E0

There is another blue colour on the site: #32b9cc
Changed that one to the new pink too.

Also found #02b2c7 in front-page.php, inc_meta.php, and framework\content\content-twitter.php. 
Changed to #ff99cc too.


Also found this "pink": #fb4880. changed that to blue #1982e0 too.

*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: 'GT Walsheim', serif;
  color: #222;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
  font-style: inherit;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Horizontal nav */
body {
  font-size: 0.875em;
  line-height: 1.5em;
}
hr {
  height: 1px;
  padding: 0;
  margin: 0;
  margin-top: 21px;
  margin-bottom: 19px;
}
p {
  margin-top: 0;
  margin-bottom: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 1em;
}
body,
select,
input,
button,
textarea {

}
code,
pre {
  font-family: Monaco, Andale Mono, Courier New, monospace;
}
:root .alert-message,
:root .btn {
  border-radius: 0 \0;
}
button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* Horizontal nav */
/* Nested nav */
/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */
form {
  margin-bottom: 1.5em;
}
fieldset {
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
fieldset legend {
  display: block;
  padding-left: 150px;
  font-size: 1.3125em;
  line-height: 1;
  color: #3d3d3d;
  *padding: 0 0 5px 145px;
  *line-height: 1.5;
  /* IE6-7 */

}
form .clearfix {
  margin-bottom: 1.5em;
  zoom: 1;
}
form .clearfix:before,
form .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
form .clearfix:after {
  clear: both;
}
label {
  padding-top: 6px;
  float: left;
  width: 130px;
  text-align: right;
  color: #3d3d3d;
}
label .required {
  color: red;
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;
}
form .input {
  margin-left: 150px;
}
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 1.5em;
  padding: 4px;
  border: 1px solid #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
/* mini reset for non-html5 file types */
input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */

  line-height: normal;
  border: none;
}
input[type=file] {
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
}
select,
input[type=file] {
  height: 2.25em;
  line-height: 2.25em;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

}
select[multiple] {
  height: inherit;
}
textarea {
  height: auto;
}
input,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form div.clearfix.error {
  padding: 10px 0;
  margin: -10px 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form div.clearfix.error > label,
form div.clearfix.error span.help-inline,
form div.clearfix.error span.help-block {
  color: #F00;
}
form div.clearfix.error input,
form div.clearfix.error textarea {
  border-color: #ef8f8f;
  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
form div.clearfix.error input:focus,
form div.clearfix.error textarea:focus {
  border-color: #e96363;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
form div.clearfix.error .input-prepend span.add-on,
form div.clearfix.error .input-append span.add-on {
  background: #ffffff;
  border-color: #ef8f8f;
  color: #e96363;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 530px;
}
textarea.xxlarge {
  overflow-y: auto;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.actions {
  background: #f5f5f5;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.5em 20px 1.5em 150px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
  float: right;
}
.actions .secondary-action a {
  line-height: 30px;
}
.actions .secondary-action a:hover {
  text-decoration: underline;
}
.help-inline,
.help-block {
  font-size: -1.125em;
  line-height: 1.5em;
}
.help-inline {
  padding-left: 5px;
  *position: relative;
  *top: -5px;
  /* IE6-7 */

}
.help-block {
  display: block;
  max-width: 600px;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.inline-inputs span,
.inline-inputs input {
  display: inline-block;
}
.inline-inputs input.mini {
  width: 60px;
}
.inline-inputs input.small {
  width: 90px;
}
.inline-inputs span {
  padding: 0 2px 0 1px;
}
.input-prepend input,
.input-append input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend .add-on,
.input-append .add-on {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ccc;
  z-index: 2;
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 4px 4px 5px;
  margin-right: -1px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #FFF;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  margin-left: -1px;
}
.inputs-list {
  margin: 0 0 5px;
  padding-left: 0;
  margin-left: 0;
  width: 100%;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 1.5em;
  text-align: left;
  white-space: normal;
}
.inputs-list label small {
  font-size: -1.125em;
  font-weight: normal;
}
.inputs-list .inputs-list {
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 0;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li + li {
  padding-top: 2px;
}
.inputs-list input[type=radio],
.inputs-list input[type=checkbox],
.inputs-list input.radio,
.inputs-list input.checkbox {
  margin-bottom: 0;
}
.form-stacked {
  padding-left: 20px;
}
.form-stacked fieldset {
  padding-top: 0.75em;
}
.form-stacked legend {
  padding-left: 0;
}
.form-stacked label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  padding-top: 0;
}
.form-stacked .clearfix {
  margin-bottom: 0.75em;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}
.form-stacked .inputs-list {
  margin-bottom: 0;
}
.form-stacked .inputs-list li {
  padding-top: 0;
}
.form-stacked .inputs-list li label {
  font-weight: normal;
  padding-top: 0;
}
.form-stacked div.clearfix.error {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-left: -10px;
}
.form-stacked .actions {
  margin-left: -20px;
  padding-left: 20px;
}
body {
  background: #FFF;
  color: #3d3d3d;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3d3d3d;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  color: #242424;
}
mark {
  background-color: #ffef95;
  font-weight: normal;
  font-style: normal;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
table {
  width: 100%;
  padding: 0;
  border-collapse: collapse;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  border: 1px solid #dddddd;
}
table caption {
  text-align: left;
}
table th,
table td {
  padding: 0.5em;
  text-align: left;
  border: 1px solid #dddddd;
}
table th {
  padding-top: 0.5em;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
table td {
  vertical-align: top;
}
video {
  background: #000;
}
.unit-block {
  zoom: 1;
}
.unit-block:before,
.unit-block:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-block:after {
  clear: both;
}
.unit-block .media {
  float: left;
  margin-right: 10px;
}
.unit-block .media img {
  display: block;
  min-width: 100%;
  margin-bottom: 10px;
}
.unit-block .body,
.unit-block header,
.unit-block footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-block .meta {
  color: #656565;
}
.unit-block .meta p {
  margin: 0;
}
.unit-article {
  zoom: 1;
}
.unit-article:before,
.unit-article:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-article:after {
  clear: both;
}
.unit-article .media {
  float: left;
  margin-right: 10px;
}
.unit-article .media img {
  display: block;
  min-width: 100%;
  margin-bottom: 10px;
}
.unit-article .body,
.unit-article header,
.unit-article footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-article .meta {
  color: #656565;
}
.unit-article .meta p {
  margin: 0;
}
.unit-tweet {
  zoom: 1;
}
.unit-tweet:before,
.unit-tweet:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-tweet:after {
  clear: both;
}
.unit-tweet .media {
  float: left;
  margin-right: 10px;
}
.unit-tweet .media img {
  display: block;
  min-width: 100%;
  margin-bottom: 10px;
}
.unit-tweet .body,
.unit-tweet header,
.unit-tweet footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-tweet .meta {
  color: #656565;
}
.unit-tweet .meta p {
  margin: 0;
}
.unit-link-list {
  zoom: 1;
}
.unit-link-list:before,
.unit-link-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-link-list:after {
  clear: both;
}
.unit-link-list ul,
.unit-link-list ol,
.unit-link-list dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-link-list ul li,
.unit-link-list ol li,
.unit-link-list dl li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list {
  zoom: 1;
}
.unit-navigation-list:before,
.unit-navigation-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list:after {
  clear: both;
}
.unit-navigation-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list li {
  display: inline;
  float: left;
}
.unit-navigation-list a {
  display: block;
  margin-right: 10px;
}
.unit-breadcrumb-trail {
  zoom: 1;
}
.unit-breadcrumb-trail:before,
.unit-breadcrumb-trail:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-breadcrumb-trail:after {
  clear: both;
}
.unit-breadcrumb-trail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-breadcrumb-trail ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-breadcrumb-trail li {
  display: inline;
  float: left;
}
.unit-breadcrumb-trail a {
  display: block;
  margin-right: 10px;
}
.unit-nested-menu {
  zoom: 1;
}
.unit-nested-menu:before,
.unit-nested-menu:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-nested-menu:after {
  clear: both;
}
.unit-nested-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-nested-menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-nested-menu a {
  display: block;
  padding: 5px 10px;
  background: #F0F0F0;
}
.unit-nested-menu .nested-menu-nesting-2 a {
  padding-left: 30px;
}
.unit-nested-menu .nested-menu-nesting-3 a {
  padding-left: 50px;
}
.unit-nested-menu .nested-menu-nesting-5 a {
  padding-left: 60px;
}
/*
.unit-nested-menu .section a {
  background: #DDD;
}
.unit-nested-menu a.section {
  background: #CCC;
}
*/
.unit-nested-menu a.current {
	text-decoration:underline;
}
.unit-performance-dates td.performance-types span {
  font-size: 92%;
  font-weight: bold;
  display: block;
}
.unit-gallery-thumbnails ul {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
  overflow: auto;
}
.unit-gallery-thumbnails ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-gallery-thumbnails ul:before,
.unit-gallery-thumbnails ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-gallery-thumbnails ul:after {
  clear: both;
}
.unit-gallery-thumbnails ul li {
  display: inline;
  float: left;
  margin: 0 5px 5px 0;
}
.unit-gallery-thumbnails li.start {
  clear: left;
}
.unit-gallery-thumbnails li.end {
  margin-right: 0;
}
.unit-production-entry header .prefix,
.unit-production-entry header .suffix {
  margin: 0;
}
a.more {
  cursor: pointer;
  font-size: 12px;

  display: inline-block;
  background: #777777;
  padding: 6px 14px 6px;
  vertical-align: bottom;
  text-transform: uppercase;
  color: #ffffff;
  line-height: normal;
  border: 1px solid #6a6a6a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a.more:visited {
  color: #ffffff;
}
a.more:hover {
  color: #ffffff;
  text-decoration: none;
  background: #919191;
}
a.more:focus {
  outline: 1px dotted #666;
}
a.more.disabled {
  cursor: default;
  background-image: none;
}
a.more[disabled] {
  cursor: default;
  background-image: none;
}
.book-status {
  cursor: pointer;
  display: inline-block;
  background: #e6e6e6;
  color: #808080;
  padding: 7px 15px 8px;
  vertical-align: bottom;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*REMOVE*/
/* @group Mixins
-------------------------------------------------------- */
.serif-title {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
}
.heading-title {

  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}
.big-border-bottom {
  border-bottom: 10px solid #4ae54a;
  padding-bottom: 12px;
}
.list-border {
  font-size: 12px;
  border-bottom: 1px solid #d6d3d4;
  padding: 8px 0;
}
/* @group CSS Animation */
.animation-ease-in-out {
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
/* @end */
/* @end Mixins */
/** @group Base Styles
---------------------------------------------------------------------- */
body {
  color: #3d3d3d;
  background: #ffffff;
  font-size: 0.875em;
  line-height: 1.5em;
}
/** @group Font Stacks
	---------------------------------------------------------------------- */
/* Default font-family */
body,
button,
input,
select,
textarea {

}
/* Display font-family */
h1,
h2,
h3,
h4,
h5,
h6,
#primary-navigation ul li a {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/* Monospace font-family */
pre,
code,
kbd,
samp {
  font-family: Monaco, 'Andale Mono', 'Courier New', monospace;
  _font-family: 'Courier New', monospace;
}
/** @group Headings - Default Typography Overrides
	---------------------------------------------------------------------- */
h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}
/** @group Links
	---------------------------------------------------------------------- */
a,
a:link {
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
}
a,
a:link,
a:visited {
  color: #1982e0; /* this is magenta */
  color: #ff99cc; /* this is blue */
}
a:hover,
a:active,
a:focus{
  color: #580f2d; /* this is wrong */
	color: #000;
	text-decoration:underline;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/* @end Links */
/** @group Text Level Elements
	---------------------------------------------------------------------- */
p {
  margin: 0 0 1.5em 0;
}
/* Lists */
ul,
ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 1em;
}
ol li {
  list-style-position: inside;
}
nav ul,
nav ol,
ul.unit-link-list {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* Text Marking */
strong,
em {
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
b,
strong {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
abbr[title] {
  border-bottom: 1px dotted;
}
address {
  font-style: normal;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  color: #000;
  background-color: #ffef95;
  font-weight: normal;
  font-style: normal;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
hr {
  clear: both;
  display: block;
  margin: 0 0 1.5em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
/* Quotes */
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
blockquote {
  margin: 0 0 1.3em 0;
  padding: 16px 10px 10px;
  background: url('../images/blockquote-top.gif') 0 0 no-repeat #f4f4f4;
  color: #3e3e3e;
  font-size: 16px;
  /* font-family: Georgia, "Times New Roman", Times, serif; */
}
blockquote p {
  margin: 0;
}
/* Code samples */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* Embeded Content **/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
img,
embed,
object,
video,
iframe {
  max-width: 100%;
  _width: 100%;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/* Correct overflow displayed oddly in IE9 */
svg:not(:root) {
  overflow: hidden;
}
video {
  background: #000;
}
/* Figures */
figure {
  margin: 0;
}
/* @end Text Level Elements */
/** @group Tables
	-------------------------------------------------------- */
table {
  width: 100%;
  padding: 0;
  border-collapse: collapse;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  border: 1px solid #dddddd;
}
table caption {
  text-align: left;
}
table th,
table td {
  padding: 0.5em;
  text-align: left;
  border: 1px solid #dddddd;
}
table th {
  padding-top: 0.5em;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
table td {
  vertical-align: top;
}
table td,
table {
  border: none;
}
/** @group Base Styles
-------------------------------------------------------- */
#skip-links {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.icon-view {
  height: 21px;
  padding-right: 27px;
  display: inline-block;
  background: url('../icons/icons-event-view-rss.png') right 0 no-repeat;
}
.icon-view span {
  color: #9f9f9f;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
  font-weight: bold;
/* color: #FFF; */
  color: #ff99cc; 
  font-size: 12px;
  position: relative;
  top: 1px;
}
div.icon-view span {
  /* color: #9c627b; */
  color:#aaa;
}
.icon-view.calendar-view {
  background-position: right -21px;
}
div.icon-view.calendar-view {
  background-position: right -83px;
}
div.icon-view.season-list {
  background-position: right -63px;
}
.icon-view.brochure-download {
  background-position: right -106px;
}
.icon-view.rss {
  width: 20px;
  padding: 0;
  background-position: right -42px;
}
.icon-view.rss span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header-block {
/*  background: #ff99cc; */

  padding: 5px 8px 0 10px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 14px;
}
.header-block h1,
h1.header-block {
/*  color: #FFF; */
  margin-top: 0;
  display: inline-block;
}
h1.header-block {
  display: block;
  margin-bottom: 14px;
}
.header-block .icon-view {
  float: right;
  margin: 7px 0 0 23px;
}
/* @end */
/* @group CMS content */
.unit-content h2 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  border-bottom: 1px solid #d6d3d4;
  padding-bottom: 7px;
  margin-bottom: 5px;
}
.unit-content h3,
.unit-content h4 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  padding-bottom: 3px;
  font-size: 16px;
}
.unit-content h4 {
  font-size: 14px;
}
.unit-content h5,
.unit-content h6 {
  font-size: 12px;

  text-transform: none;
}
.unit-content ol,
.unit-content ul,
.entry-content ol,
.entry-content ul{
  margin-bottom: 1.5em;
}
.unit-content ul li,
.area-list-intro ul li,
.entry-content ul li{
  list-style-type: none;
  background: url('../images/arrow-small-sprite.gif') 0 7px no-repeat;
  padding-left: 11px;
}
.area-list-intro ul {
  margin-bottom: 20px;
}
/* @end */
/* @group Buttons */
a.more {
  background: none;
  display: inline;
  vertical-align: baseline;
  padding: 0;
  margin: 0;
  text-transform: none;
  border: none;
  color: #1982e0;
}
a.more:hover {
  background: none;
}

/**** the buttons - commented out :
.button,
.button:link,
.button:visited {
  background: url('../images/button-left.png') 0 0 no-repeat;
  height: 21px;
  padding-left: 6px;
  display: inline-block;
  width: auto;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.button span {
  background: url('../images/button-right.png') right 0 no-repeat;
  display: block;
  padding-right: 7px;
  position: relative;
}
.button:hover {
  color: #FFF;
  background-position: 0 -21px;
}
.button:hover span {
  background-position: right -21px;
  padding-right: 5px;
  padding-left: 2px;
}
.button:hover span strong {
  position: relative;
  top: 2px;
  color: #FFF;
}
input[type="submit"].book-button.button,
.type-spektrix-mailing-list-page .content-inner .area-article form .buttons input[type="submit"] {
  background: url('../images/button-large-whole.png') 0 0 no-repeat transparent;
  width: 85px;
  height: 23px;
  padding: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;

  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.type-spektrix-mailing-list-page .content-inner .area-article form .buttons input[type="submit"] {
  margin-bottom: 1.3em;
}
input[type="submit"].book-button.button:hover {
  background-position: 0 -23px;
  background-color: transparent;
  padding-top: 4px;
  padding-left: 3px;
}

*/

.button{
	float:left;
	background:#ff99cc;
	color:white;
	padding:5px 15px 7px 15px;
	border-radius:5px;
}


/* Non black/winter1 */
.button.winter1,
.area-block-list .unit-block.month .button,
.area-block-list .unit-block.year .button {
  background-position: 0 -42px;
}
.button.winter1 span,
.area-block-list .unit-block.month .button span,
.area-block-list .unit-block.year .button span {
  background-position: right -42px;
}
.area-block-list a.button:hover,
.button.winter1:hover,
.area-block-list .unit-block.month a.button:hover,
.area-block-list .unit-block.year a.button:hover {
  background-position: 0 -63px;
}
.area-block-list a.button:hover span,
.button.winter1:hover span,
.area-block-list .unit-block.month a.button:hover span,
.area-block-list .unit-block.year a.button:hover span {
  background-position: right -63px;
}
/* Summer */
.area-block-list .summer .unit-block .button,
.area-block-list .unit-block.summer .button {
  background-position: 0 -84px;
}
.area-block-list .unit-block .button span,
.area-block-list .summer .unit-block .button span,
.area-block-list .unit-block.summer .button span {
  background-position: right -84px;
}
.area-block-list .unit-block a.button:hover,
.area-block-list .summer .unit-block a.button:hover,
.area-block-list .unit-block.summer a.button:hover {
  background-position: 0 -105px;
}
.area-block-list .unit-block a.button:hover span,
.area-block-list .summer .unit-block a.button:hover span,
.area-block-list .unit-block.summer a.button:hover span {
  background-position: right -105px;
}
/* Learning and participation */
.area-block-list .landp .unit-block .button,
.area-block-list .unit-block.landp .button,
.unit-block .button,
.area-block-list .unit-production-entry .button,
.status-for-sale .button {
  background-position: 0 -126px;
}
.area-block-list .landp .unit-block .button span,
.area-block-list .unit-block.landp .button span,
.area-block-list .unit-production-entry .button span,
.status-for-sale .button span {
  background-position: right -126px;
}
.area-block-list .landp .unit-block a.button:hover,
.area-block-list .unit-block.landp a.button:hover,
.unit-block a.button:hover,
.area-block-list .unit-production-entry a.button:hover,
.status-for-sale a.button:hover {
  background-position: 0 -147px;
}
.area-block-list .landp .unit-block a.button:hover span,
.area-block-list .unit-block.landp a.button:hover span,
.unit-block a.button:hover span,
.area-block-list .unit-production-entry a.button:hover span,
.status-for-sale a.button:hover span {
  background-position: right -147px;
}
/* Winter */
.area-block-list .winter .unit-block .button,
.area-block-list .unit-block.winter .button {
  color: #3d3d3d;
}
.area-block-list .winter .unit-block .button,
.area-block-list .unit-block.winter .button {
  background-position: 0 -168px;
}
.area-block-list .winter .unit-block .button span,
.area-block-list .unit-block.winter .button span {
  background-position: right -168px;
}
.area-block-list .winter .unit-block a.button:hover,
.area-block-list .unit-block.winter a.button:hover {
  background-position: 0 -189px;
}
.area-block-list .winter .unit-block a.button:hover span,
.area-block-list .unit-block.winter a.button:hover span {
  background-position: right -189px;
}
/* Not available */
.not-available .button,
.not-available .button span {
  background-position: 0 -210px;
}
.not-available .button span {
  color: #888;
}
/* Large button */
.button.large {
  background-image: url('../images/button-large-left.png');
  height: 27px;
}
.button.large span {
  background-image: url('../images/button-large-right.png');
  height: 27px;
  color: #FFF;
}
.button.large span strong {
  position: relative;
  top: 3px;
  padding-right: 2px;
  padding-left: 2px;
}
.button.large:hover {
  background-position: 0 -27px;
}
.button.large:hover span {
  background-position: right -27px;
  padding-right: 5px;
  padding-left: 2px;
}
.button.large:hover span strong {
  position: relative;
  top: 5px;
  color: #FFF;
}
/* @end */
/* @group Forms */
input.text,
select,
textarea {
  border-color: #777;
  background: #FFF;
  background-image: none;
  color: #3d3d3d;
  font-size: 12px;
  padding: 2px;
  height: auto;
}
input.text.large,
textarea.large {
  font-size: 14px;
  padding: 8px;
}
label {
  width: auto;
  text-align: left;
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
input[type="submit"].button {
  border: none;
  background: #707070;
  height: 20px;
  padding: 0 9px 2px;

  font-size: 18px;
  text-transform: uppercase;
  color: #FFF;
}
input[type="submit"].button:hover {
  background-color: #3d3d3d;
}
input.text:focus,
textarea:focus {
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
input.text:focus,
textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
}
.type-spektrix-mailing-list-page .content-inner .area-article .unit-content form label {
  display: block;
  float: left;
  clear: both;
  margin-top: 10px;
  width: 180px;
}
.type-spektrix-mailing-list-page form input {
  margin-top: 10px;
}
form .errors {
  font-weight: bold;
  color: #ffffff;
  background: #1982e0 url('../images/form-error.png') no-repeat scroll 0.3em 0.3em;
  padding: .3em .75em .3em 2em;
  margin-bottom: .5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
form .errors p {
  margin: 0;
}
form .errors:empty {
  display: none;
}
/* @end */
/* @group Image elements */

.area-unit-social li.icon a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#footer li.icon a,
.area-twitter-feed li.icon a span {
  width: 16px;
  height: 16px;
  display: block;
  background: url('http://www.spitalfieldsmusic.org.uk/wp/wp-content/themes/spitalfields/static/icons/icons-social-small2.png') 0 0 no-repeat;
}
#footer.area-twitter-feed .unit-link-list {
  clear: both;
  display: block;
}
#footer li.facebook a,
.area-twitter-feed li.facebook a span {
  background-position: -16px 0;
}
#footer li.soundcloud a {
  background-position: -32px 0;
}
#footer li.youtube a {
  background-position: -48px 0;
}
#footer li.instagram a {
  background-position: -64px 0;
}
/* @end */
/** @group Layout
-------------------------------------------------------- */
/* Common layout styles */
#container {
  margin: 0 auto;
}
#page-content {
  width: 960px;
  margin: 0 auto;
  padding-top: 30px;
}
#primary-content,
#secondary-content {
  float: left;
}
#primary-content {
  width: 630px;
  margin-right: 30px;
  padding-bottom: 30px;
}
#secondary-content {
  width: 300px;
  margin: 0;
}
/* Full width content areas */
/* .type-home-page .has-primary-content.has-secondary-content #primary-content */
.type-calendar-view #primary-content,
.type-calendar-view #secondary-content,
.type-home-page #primary-content,
.type-information-list-page #primary-content,
.type-information-list-page #secondary-content,
.type-production #primary-content,
.type-season #primary-content,
.type-venue #primary-content,
.type-venue-list #primary-content,
.type-whats-on-page #primary-content,
.type-whats-on-page #secondary-content,
.type-sitemap-page #primary-content {
  width: 960px;
  margin: 0;
}
/* Clearfix content areas */
#page-content,
#header-inner,
#primary-content,
#secondary-content,
#tertiary-content,
.header-content,
.content-inner {
  zoom: 1;
}
#page-content:before,
#header-inner:before,
#primary-content:before,
#secondary-content:before,
#tertiary-content:before,
.header-content:before,
.content-inner:before,
#page-content:after,
#header-inner:after,
#primary-content:after,
#secondary-content:after,
#tertiary-content:after,
.header-content:after,
.content-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#page-content:after,
#header-inner:after,
#primary-content:after,
#secondary-content:after,
#tertiary-content:after,
.header-content:after,
.content-inner:after {
  clear: both;
}
/* Type - Homepage -  Layout Overrides */
.type-home-page #primary-content {
  padding-bottom: 0;
}
.type-home-page #tertiary-content {
  width: 702px;
  float: left;
  margin-right: 30px;
}
.type-home-page #secondary-content {
  width: 228px;
  float: right;
}
/* Type - Season - Layout Overrides */
.type-season #secondary-content {
  width: 714px;
  float: left;
}
.type-season #tertiary-content {
  width: 222px;
  float: right;
}
/* Type - Production - Layout Overrides */
.type-production #primary-content {
  padding-bottom: 0;
}
.type-production #secondary-content {
  float: left;
  width: 630px;
  margin-right: 30px;
}
.type-production #tertiary-content {
  float: left;
  width: 300px;
  margin-right: 0;
}
/* Type - Venue - Layout Overrides */
.type-venue #primary-content {
  padding-bottom: 0;
}
.type-venue #secondary-content {
  width: 630px;
  margin-right: 30px;
}
.type-venue #tertiary-content {
  float: left;
  width: 300px;
  margin-right: 0;
}
/* @end Layout */
/** @group Header
-------------------------------------------------------- */
#header {
  border-bottom: 1px solid #d6d3d4;
  padding-bottom: 18px;
}
#header-inner {
  width: 960px;
  zoom: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#header-inner:before,
#header-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#header-inner:after {
  clear: both;
}
#header .logo {
  margin-top: 40px;
  margin-bottom: 6px;
}
#header .logo a,
#header .logo div {
  background: url('../images/logo-spitalfields-music.gif') 0 0 no-repeat;
  width: 331px;
  height: 80px;
  display: block;
  overflow: hidden;
}
#header .logo a span,
#header .logo div span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#header-inner {
  position: relative;
}
.header-content {
  width: 960px;
  zoom: 1;
  padding-top: 10px;
  position: absolute;
  top: 0;
  right: 0;
  width: 650px;
}
.header-content:before,
.header-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.header-content:after {
  clear: both;
}
.area-header-search {
  float: right;
  margin-left: 30px;
}
.area-header-search input.text {
  width: 138px;
  float: left;
}
.type-search-page .search-tab-content .body p {
  margin-bottom: 0px;
}
.type-search-page .search-tab-content .body p.search-meta {
  margin-bottom: 10px;
}
.area-header-search input.submit {
  background: url('../images/icon-search.png') center center no-repeat #707070;
  text-indent: -9999px;
  width: 34px;
  margin-left: 5px;
  float: left;
  padding: 2px 0;
  border: none;
}
.type-search-page #infscr-loading {
  position: absolute;
  bottom: -12px;
  left: 98%;
}
.type-search-page .results-container {
  position: relative;
}
.area-header-search input.submit:hover {
  background-color: #3d3d3d;
}
.area-header-actions {
  float: right;
}
.area-header-actions li {
  display: inline-block;
  padding-right: 20px;
}
.area-header-actions li a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ff99cc;
}
.area-header-actions li a:hover {
  color: #000 !important;
}
#header .phone {
  color: #1982e0;
  font-weight: normal;
  margin-top: 5px;
  display: block;
  clear: both;
}
/* @end Header */
/** @group Primary Navigation
-------------------------------------------------------- */
#primary-navigation {
  display: inline;
  float: right;
  margin-top: 35px;
}
#primary-navigation .nav-toggle {
  display: none;
}
#primary-navigation ul li {
  padding: 0;
}
#primary-navigation ul li a {
  font-size: 18px;
  margin: 0 0 0 13px;
  padding: 0;
  color: #3d3d3d;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
/* added by Els on request on 9 November */
#primary-navigation ul li.section-support-us a,
#primary-navigation ul li.section-support-us a.current{
	color: #1982e0;
}

#primary-navigation ul li a:hover,
#primary-navigation ul li a.current,
#primary-navigation ul li.current a,
#primary-navigation ul li a:hover,
#primary-navigation ul li.section a {
  color: #ff99cc;
}
/* @end */
/* @group Feature box */
.area-feature-boxes .unit-block {
  display: block;
  padding: 0;
  background: #FFF;
 color: #ff99cc; 
}
#primary-content .area-feature-boxes .unit-block img{
  	margin: 0;
	border-bottom: 10px solid #ff99cc; 
	/* should not apply to area-feature-boxes in sidebars */
}
.area-feature-boxes .unit-block p {
  margin: 0;
/*  padding: 12px; */
/*  height: 54px; */


  -webkit-font-smoothing: antialiased;
  font-size: 23px;
  line-height: 1.15em;
 color: #ff99cc; 
  font-weight: normal;
}
.area-feature-boxes a.unit-block:hover {
  background: #FFF;
  color: black !important;
}
aside .area-feature-boxes a.unit-block p {
  height: auto;
}
aside .area-feature-boxes a.unit-block p.detail {
  font-size: 12px;
  text-transform: none;
/*  margin-top: -10px; */
/*  padding: 0 12px 12px; */
  line-height: 1.3em;
  height: auto;
}
.area-feature-boxes .unit-block.no-image {
  height: 202px;
}
.area-feature-boxes .unit-block.no-image p {
  height: auto;
}
aside .area-feature-boxes .unit-block.no-image {
  height: auto;
}
/* @end */
/* @group Meta */
.meta,
.unit-article .meta,
.unit-block .meta {
  color: #9f9f9f;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
}
.meta,
.meta * {
  font-weight: bold;
}
.meta a,
.meta a:link {
  color: #000;
}
/* @end */
/** @group Sidebar
-------------------------------------------------------- */
aside {
  padding-bottom: 6px;
}
aside .unit-link-list,
aside .unit-gallery-thumbnails,
aside .area-twitter-feed,
aside .area-feature-boxes .unit-block,
.area-secondary-navigation,
.area-audio-player {
  margin-bottom: 24px;
}
.unit-gallery-thumbnails h2,
.unit-gallery-thumbnails h3,
.unit-link-list h2,
.unit-link-list h3,
aside .area-twitter-feed h2,
aside .area-twitter-feed h3,
.area-audio-player h2 {
  border-bottom: 10px solid #4ae54a;
  padding-bottom: 12px;
  border-bottom-width: 3px;
  border-color: #3d3d3d;
  font-size: 24px;
  padding-bottom: 1px;
  margin: 0;
}
/** @group Secondary Navigation
	-------------------------------------------------------- */
.unit-secondary-navigation li a,
.area-related-pages ul li a,
.area-attachments-list ul li a,
.unit-link-list li a {
  background: none;
  display: block;
  font-size: 12px;
/*  font-weight:bold; */
/* "try what it looks like without bold" */
  border-bottom: 1px solid #d6d3d4;
  padding: 8px 0;
}
.unit-link-list ul li a {
  color: #000;
  cursor: pointer;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
/*
.unit-link-list ul li a:hover {
  color: #1982e0;
}
.unit-link-list .selected a,
.unit-secondary-navigation li.current > a,
.unit-secondary-navigation li.open a.current {
  color: #fff;
}
*/
.area-related-pages ul li a,
.unit-secondary-navigation li a,
.unit-link-list li a {
	background: url('../images/arrow-small-sprite.gif') 4px 14px no-repeat;
	padding-left: 15px;
	color:#000;
}
/*
.unit-secondary-navigation li a {
  	background-position: 4px -63px;
}
*/
/*
.unit-secondary-navigation li.open a.current,
.unit-link-list .selected a {
	border-color: #1982e0;
	background: url('../images/arrow-small-sprite.gif') 4px -140px no-repeat #1982e0;
}
.unit-secondary-navigation li.open li a {
  background: url('../images/arrow-small-sprite.gif') 4px -63px no-repeat #f4f4f4;
}
*/
/* Navigation bullet indents for nested items */
.unit-secondary-navigation li.open li a,
.unit-secondary-navigation li.open li a.current {
  background-position-x: 20px;
}
.unit-secondary-navigation li.open li li a,
.unit-secondary-navigation li.open li li a.current {
  background-position-x: 40px;
}
.unit-nested-menu a.section,
.unit-nested-menu .section a {
  background: url('../images/arrow-small-sprite.gif') 4px 14px no-repeat #f4f4f4;
}
/*
.unit-nested-menu a.current,
.unit-secondary-navigation .current a,
.unit-secondary-navigation ul ul a.current {
  background: url('../images/arrow-small-sprite.gif') 4px -140px no-repeat #1982e0;
}
*/

/* Navigation titles */
.area-secondary-navigation p.title {
  color: #9f9f9f;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
  font-weight: bold;
  color: #3d3d3d;
  font-size: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #3d3d3d;
  margin-top: 10px;
}
/* @end Secondary Navigation */
/** @group Area - Twitter Feed
	-------------------------------------------------------- */
.area-twitter-feed .WidgetHolder h3 {
  display: none;
}
.area-twitter-feed .item-tweet {
  border-color: #d6d3d4;
}
.area-twitter-feed ul li a {
  font-size: 12px;
  border-bottom: 1px solid #d6d3d4;
  padding: 8px 0;
}
.area-twitter-feed ul li a span {
  display: inline-block;
  float: left;
  margin-right: 4px;
}
.area-twitter-feed ul li strong {
  position: relative;
  top: -1px;
}
.area-twitter-feed .item-tweet .meta {
  padding-top: 3px;
}
/* @end Area - Twitter Feed */
/* @end Sidebar */
/* @group Pagination */

/* removed the news/blog part */

#searchpagination {
  position: relative;
}
.page-totals {
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 12px;
}
.area-pagination {
  display: block;
  overflow: auto;
  border-top: 2px solid #4ae54a;
  text-align: center;
}
.area-pagination .button {
  float: left;
  margin: 0;
  margin-top: 15px;
  top: 0;
  color: #FFF;
}
.area-pagination .button.next {
  float: right;
}
.area-pagination .button strong,
.pagination .button strong {
  background: url('../images/arrow-left-white.gif') 0 1px no-repeat;
  padding-left: 15px;
}
.area-pagination .button.next strong,
.pagination .button.next strong {
  background: url('../images/arrow-right-white.gif') right 1px no-repeat;
  padding-left: 0;
  padding-right: 15px;
}
/* @end */
/* @group News articles and Comments list */
.unit-article .body {
  width: 100%;
}
.unit-article.has-media .media {
  width: 30%;
  margin-right: 3.3333%;
}
.unit-article.has-media .body {
  width: 66.6666%;
}
.unit-article,
.item-tweet,
.area-comment-list .unit-block {
  border-bottom: 1px solid #ff99cc;
  padding: 15px 0;
}
.unit-article h3 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
}
.unit-article h3 {
  margin: 0;
  padding: 0;
}
.unit-article h3 a {
  color: #3d3d3d;
}
.unit-article p {
  margin: 2px 0 0;
}
.unit-article.last {
  border-bottom: none;
}
.area-comment-list .unit-block p {
  margin: 0;
}
/* @end */
/* @group Tweets */
.item-tweet blockquote {

  font-size: 14px;
  background: none;
  padding: 0;
  margin: 0;
}
.item-tweet blockquote p,
.area-homepage-comments-list blockquote p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5em;
}
.unit-tweet {
  margin-top: 10px;
  border-bottom: 1px solid #d6d3d4;
  padding-bottom: 10px;
}
.area-twitter-feed .unit-link-list {
  margin-top: -20px;
}
.unit-tweet blockquote {
  background: none;
  padding: 0;
  margin: 0;
}
.unit-tweet blockquote p {

  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.type-home-page .area-twitter-feed blockquote {
  margin-bottom: 0;
  background-image: none;
  background: none;
  padding: 0;

  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
}
.type-home-page .area-twitter-feed .unit-block {
  border-bottom: 1px solid #ff99cc;
  padding: 0 0 10px 0;
}
.area-homepage-comments-list .unit-block footer {
  background: url('../images/comment-bg.gif') right 0 no-repeat;
  padding: 6px 20px 0 0;
}
.area-homepage-comments-list .unit-block {
  margin-top: 0;
  padding-top: 0;
}
.area-homepage-comments-list .unit-block blockquote p {

  font-size: 12px;
  line-height: 16px;
}
/* @end */
/* @group Image and video gallery */
.unit-gallery-thumbnails ul li {
  float: left;
  margin: 8px 0 0;
}
.unit-gallery-thumbnails li.start {
  margin-left: 0;
}
.unit-gallery-thumbnails li.end {
  margin-left: 8px;
  margin-right: 0;
}
/* @end */
/* @group Season List and Calendar List */
.type-whats-on-page .area-block-list header,
.type-calendar-view .area-block-list header {
  display: block;
  overflow: hidden;
}
.type-whats-on-page .area-block-list header h1,
.type-calendar-view .area-block-list header h1 {
  color: #FFF;
  margin-top: 0;
}
.type-whats-on-page .header-block,
.type-calendar-view .header-block {
  margin-bottom: 0;
}
.area-block-list {
  display: block;
  overflow: hidden;
}
.area-block-list .unit-block,
.area-block-list .unit-production-entry,
.type-information-list-page .area-feature-boxes .unit-block {
  width: 222px;
  float: left;
  /*margin:14px 0 0;*/

  margin: 24px 0 0;
  height: 223px;
  position: relative;
}
.area-child-page-list.area-block-list .unit-block {
  height: 243px;
}
.area-block-list .unit-block,
.area-block-list .unit-production-entry {
  border-bottom: 3px solid #ff99cc;
}
.group-previous-calendar .header-block {
  background: #d6d3d4;
}
.type-whats-on-page .group-previous-calendar.area-block-list header h1 {
  color: #3d3d3d;
}
.type-season .group-previous-calendar .unit-block {
  border-color: #d6d3d4;
}
.group-previous-seasons.area-block-list .unit-block,
.group-previous-seasons.area-block-list .unit-block {
  border: none;
}
.group-previous-calendar.area-block-list .unit-block.month {
  color: #3d3d3d;
}
.group-previous-calendar.area-block-list .unit-block.month {
  background: #d6d3d4;
}
.group-previous-calendar.area-block-list .unit-block,
.group-previous-calendar.area-block-list .unit-production-entry {
  border-color: #d6d3d4;
}
.area-block-list .unit-block.year,
.type-season .area-block-list .unit-block,
.type-information-list-page .area-feature-boxes .unit-block,
.type-season .area-block-list .unit-production-entry {
  padding-left: 0;
  margin-left: 24px;
}
.area-block-list .unit-block.year,
.type-season .area-block-list .unit-block,
.type-information-list-page .area-feature-boxes .unit-block,
.area-block-list .unit-production-entry {
  padding-left: 0;
  margin-left: 24px;
}
.type-whats-on-page .area-block-list .unit-production-entry,
.type-whats-on-page .area-block-list .unit-production-entry {
  margin-left: 0;
  padding-left: 24px;
}
.area-block-list .unit-block.month {
  margin-left: 24px;
  background: #ff99cc;
}
.type-whats-on-page .group-upcoming-calendar {
  margin-bottom: 30px;
}
.area-block-list .unit-block.first,
.area-block-list .unit-production-entry.start,
.type-information-list-page .area-feature-boxes .unit-block.start,
.area-block-list .unit-block.first,
.area-block-list .unit-production-entry.first,
.type-information-list-page .area-feature-boxes .unit-block.first,
.area-venue-list .unit-block.first,
.area-block-list .unit-block.start {
  margin-left: 0;
  padding-left: 0;
}
.area-block-list .unit-block .media,
.area-block-list .unit-block .media .unit-block,
.area-block-list .unit-production-entry .media {
  float: none;
  margin: 0;
}
.area-block-list .unit-block.month h2,
.area-block-list .unit-block.year h2 {
  color: #FFF;
  padding: 0 10px 0;
  margin-top: 7px;
  display: block;
  clear: both;
  font-size: 26px;
  line-height: 1.1em;
}
.area-block-list .unit-block .button,
.area-block-list .unit-block.month .button,
.area-block-list .unit-block .more-info,
.area-block-list .unit-production-entry .button,
.area-block-list .unit-production-entry .more-info {
  position: absolute;
  bottom: 10px;
}
.area-block-list .unit-block .button,
.area-block-list .unit-production-entry .button {
  right: 0;
}
.area-block-list .unit-block.month .button,
.area-block-list .unit-block.year .button {
  right: auto;
  left: 10px;
}
.area-block-list .unit-block .more-info,
.area-block-list .unit-production-entry .more-info {
  left: 24px;
  color: #9f9f9f;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
  font-weight: bold;
  color: #1982e0;
}
.area-block-list .unit-block.first .more-info,
.area-block-list .unit-production-entry.first .more-info,
.type-season .area-block-list .unit-block.month .more-info,
.type-season .area-block-list .unit-production-entry .more-info {
  left: 0;
}
.area-block-list .unit-block .meta p,
.area-block-list .unit-production-entry .meta p {
  margin: 0;
  color: #3d3d3d;
}
.area-block-list .unit-block .meta .title,
.area-block-list .unit-production-entry .meta .title {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 15px;
  display: block;
  margin-top: 7px;
}
.meta .date {
  line-height: 1.3em;
}
.area-block-list .unit-block .meta .date,
.area-block-list .unit-production-entry .meta .date {
  padding-top: 3px;
}
.area-block-list .unit-block.month {

  font-size: 52px;
  line-height: 0.9em;
  color: #FFF;
}
.area-block-list .unit-block.month {
  padding: 10px;
  width: 202px;
  height: 203px;
}
.area-block-list .unit-block.month span {
  clear: both;
  display: block;
}
/* Season colours */
.area-block-list .unit-block.year {
  background: #ff99cc;
}
.area-block-list .unit-block.summer {
  background: #ff6666;
}
.area-block-list .summer .unit-block,
.area-block-list .summer .unit-block,
.area-block-list .summer .unit-production-entry {
  border-color: #ff6666;
}
.area-block-list .unit-block.landp {
  background: #1982e0;
}
.area-block-list .landp .unit-block,
.area-block-list .landp .unit-block,
.area-block-list .landp .unit-production-entry {
  border-color: #1982e0;
}
.area-block-list .unit-block.winter {
  background: #4ae54a;
}
.area-block-list .winter .unit-block,
.area-block-list .winter .unit-block,
.area-block-list .winter .unit-production-entry {
  border-color: #4ae54a;
}
.area-block-list .winter .unit-block h2,
.area-block-list .unit-block.winter h2 {
  color: #3d3d3d;
}
/* @end */
/* @group Venue List */
.area-venue-list {
  clear: both;
}
.area-block-list .unit-block,
.area-block-list .unit-production-entry {
  padding-left: 0;
  margin-left: 24px;
}
.area-block-list.area-child-page-list .unit-block {
  padding-right: 0;
  margin-right: 24px;
  padding-left: 0;
  margin-left: 0;
}
.area-block-list.area-child-page-list .unit-block.last {
  margin-right: 0;
}
@media only screen and (max-width: 991px) and (min-width: 769px) { /* changed 768 to 769 */
  .area-block-list.area-child-page-list .unit-block.last {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .area-block-list.area-child-page-list .unit-block {
    margin-right: 7px;
  }
  .area-block-list.area-child-page-list .unit-block.last {
    margin-right: 7px;
  }
}
.type-venue-list .unit-block.start {
  margin-left: 0;
  padding-left: 0;
}
.area-venue-intro {
  margin-bottom: 1.5em;
  clear: both;
  overflow: auto;
}
.area-venue-intro .area-feature-boxes .unit-block {
  width: 222px;
  margin: 14px 0 0 24px;
  float: left;
  background: #1982e0;
}
.area-venue-intro .area-feature-boxes .unit-block:hover {
  background: #89224d;

}
.area-venue-intro .unit-content {
  width: 468px;
  margin-top: 14px;
  float: left;
}
.area-block-list a.unit-block {
  background: #1982e0;
  cursor: pointer;
  border: none;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.area-block-list a.unit-block h2 {
  /*
	.serif-title();
	font-size:16px;
	color:#FFF;
	padding-left:10px;
	margin-top:6px;
	margin-bottom:5px;
*/

  padding: 0 10px;
  margin-top: 6px;
  margin-bottom: 5px;

  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.15em;
  color: #FFF;
  font-weight: normal;
}
.area-block-list a.unit-block:hover {
  background: #89224d;
}
.area-block-list a.unit-block .content {
  display: block;
  padding: 0 10px 0 10px;
  line-height: 1.3em;
  font-size: 12px;
  color: #FFF;
}
.area-venue-list h2 {
  border-bottom: 10px solid #4ae54a;
  padding-bottom: 12px;
}
.area-block-list .unit-block .more-info {
  left: 0;
}
.area-block-list .area-venue-list .unit-block .button {
  background-position: 0px -84px;
}
/* @end */
/* @group Venue page */
.type-venue .area-venue-header {
  margin-bottom: 24px;
}
.area-venue-information .unit-meta.location {
  width: 315px;
  float: left;
  margin-right: 15px;
}
.area-venue-information .unit-meta.location span {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 24px;
  margin-bottom: 1em;
}
.area-venue-information #venue-address {
  margin-bottom: 28px;
}
.area-venue-information .unit-meta.location h3 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  border-bottom: 1px solid #d6d3d4;
  padding-bottom: 7px;
  margin-bottom: 5px;
}
.area-venue-information .unit-link-list {
  width: 300px;
  float: right;
  background: #f4f4f4;
}
header .unit-media.map {
  margin-top: 14px;
}
p.infoWindow {
  line-height: 15px;
  margin-bottom: 11px;
}
#venue-map {
  width: 100%;
  height: 400px;
}
#venue-map img {
  max-width: none;
}
/* @end */
/* @group Season view */
.type-season .area-season-details .header-block {
  margin-bottom: 14px;
}
.type-season .group-upcoming-calendar {
  padding-bottom: 20px;
}
.type-season hr {
  margin-bottom: 10px;
}
.type-season .group-previous-calendar h2 {
  margin-top: 0;
}
.group-previous-calendar .unit-block.month.first {
  clear: both;
}
/* @end */
/* @group Season Page */
.type-season .unit-production-entry {
  margin-top: 0;
  margin-bottom: 24px;
}
.type-season .group-previous-calendar .unit-production-entry .more-info,
.type-season .group-upcoming-calendar .unit-production-entry .more-info {
  left: 0;
}
.area-season-details {
  display: block;
  overflow: auto;
}
.area-season-details figure,
.area-list-intro figure {
  display: block;
  overflow: auto;
  background: #f4f4f4;
}
.area-season-details figcaption,
.area-list-intro figcaption {
  width: 202px;
  padding: 10px 20px 0 20px;
  float: right;
}
.area-list-intro figure figcaption h2 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: none;
}
.area-season-details .media {
  float: left;
}
.type-season .area-pagination {
  margin-top: 1.5em;
}
/* @end */
/* @group Calendar */
.calendar {
  margin-bottom: 24px;
}
.calendar td {
  border: 1px solid #FFF;
}
.calendar td,
.calendar th {
  text-align: center;
  border-color: #FFF;
}
.calendar .head td {
  background: #1982e0;
  color: #FFF;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  text-transform: capitalize;
  font-size: 20px;
  height: auto;
  padding: 7px;
}
.calendar .head a {
  background: url('../images/arrows-small-white.png') 0 0 no-repeat;
  width: 8px;
  height: 13px;
  display: block;
  overflow: hidden;
  float: left;
  margin-top: 4px;
}
.calendar .head a.next {
  background-color: transparent;
  background-position: -8px 0;
  float: right;
}
.ie7 .calendar .head a.next {
  margin-top: -16px;
}
.calendar .head a.previous {
  background-color: transparent;
}
.calendar .head a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.calendar .head td a {
  color: #FFF;
}
.calendar .head p {
  padding: 0;
  margin: 0;
}
.calendar .head td strong {
  font-weight: normal;
}
.calendar .day th {
  color: #9f9f9f;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.3em;
  font-weight: bold;
  padding: 0;
  color: #000;
}
.calendar tbody td {
  font-size: 14px;
  font-weight: bold;
  color: #8c8c8c;
  background: #e9e9e9;
  padding: 4px 0;
  width: 31px;
}
.calendar tbody td.last-month,
.calendar tbody td.next-month {
  color: #c6c6c6;
}
.calendar tbody td.has-results {
  background: #FFF;
}
.calendar tbody td.today {
  background: #1982e0;
  color: #FFF;
}
.calendar tbody td.has-results a {
  color: #000;
  font-weight: bold;
}
.calendar tbody td.has-results a.has-results {
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff ;
}
.calendar tbody td.today.has-results a.has-results {
  background: #ff99cc;
  color: #FFF;
}
.area-days-performances {
  display: none;
  position: relative;
}
.area-performance-list {
  position: absolute;
  width: 200px;
  bottom: 10px;
  left: -70px;
  padding-bottom: 10px;
  text-align: left;
}
.active .area-performance-list ul.display {
  list-style: none;
  margin: 0;
  padding: 0;
  background: white;
  border: 1px solid #E9E9E9;
  padding: 2px;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.area-performance-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-days-performances ul li a {
  padding: 4px 10px;
  font-size: 12px;
  display: block;
  color: #333;
  line-height: 14px;
}
.active .area-days-performances {
  display: block;
  z-index: 10;
}
.area-days-performances ul li.start a {
  border-top: 1px solid #bfbfbf;
}
.area-days-performances ul li a {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.area-days-performances ul li a:hover {
  color: #fff;
  background-color: #1982e0;
}
/* @end */
/* @group News list */

/****************
.type-news-holder .header-block {
  width: 942px;
}
.type-news-holder #primary-content {
  padding-bottom: 0;
}
.type-news-holder .area-news-list {
  padding-bottom: 30px;
}
.type-news-holder #secondary-content {
  padding-top: 85px;
}
.type-news-holder .area-news-list h3 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0;
}
.type-news-holder .area-news-list h3 a {
  color: #3d3d3d;
}
.type-news-holder .area-news-list header .meta {
  margin: 0;
}
.type-news-holder .area-news-list header .meta .date {
  padding-top: 3px;
}
.type-news-holder .area-news-list .excerpt {
  font-size: 12px;
  line-height: 1.5em;
}
.type-news-holder .area-news-list .excerpt .button {
  line-height: 21px;
  color: #FFF;
  margin-right: 10px;
}
.type-news-holder .area-news-list p.more {
  padding-top: 4px;
}
.type-news-holder .area-news-list .more a.more {
  color: #ff99cc;
  margin-right: 10px;
}
.type-news-holder .area-news-list .more a.more:hover {
  color: #0e0408;
}
.type-news-holder .area-news-list .blog-post .author {
  float: left;
  margin-right: 7px;
}
****************/

/* @end */
/* @group News page */
.unit-page-content .media {
  margin-bottom: 1.5em;
}
.unit-page-content .meta p {
  margin: 0;
  margin-bottom: 4px;
}
.unit-page-content .share {
  margin-bottom: 1.5em;
}
.unit-page-content header h1 {
  margin: 0;
}
/* @end */
/* @group Comments */
.area-comment-list .unit-block.last {
  border: none;
}
.area-comment-form {
  background: #f4f4f4;
  padding: 10px 20px 20px;
  position: relative;
}
.area-comment-form h3 {
  margin: 0;
}
.area-comment-form .large {
  border-color: #9b9b9b;
}
.area-comment-form input {
  margin-top: 10px;
}
.area-comment-form label {
  display: block;
  float: left;
  clear: both;
  margin-top: 10px;
  width: 180px;
}
.area-comment-form input,
.area-comment-form textarea {
  float: right;
}
.area-comment-form select {
  margin-top: 10px;
}
.area-comment-form input.text,
.area-comment-form textarea {
  font-size: 14px;
  padding: 8px;
  width: 392px;
  margin-top: 10px;
}
.area-comment-form textarea {
  height: 81px;
  margin-top: 10px;
}
.area-comment-form p {
  font-size: 12px;
  margin: 0;
  padding-top: 6px;
  clear: both;
}
.area-comment-form p span {
  float: left;
}
/* @end */
/* @group Homepage */
.type-home-page #primary-content .area-feature-boxes .unit-block {
  zoom: 1;
  display: inline;
  float: left;
  width: 300px;
  margin-right: 30px;
}
.type-home-page #primary-content .area-feature-boxes .unit-block:before,
.type-home-page #primary-content .area-feature-boxes .unit-block:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #primary-content .area-feature-boxes .unit-block:after {
  clear: both;
}
.type-home-page #primary-content .area-feature-boxes .unit-block.last {
  zoom: 1;
  display: inline;
  float: left;
  width: 300px;
  margin-right: 30px;
  margin-right: 0;
}
.type-home-page #primary-content .area-feature-boxes .unit-block.last:before,
.type-home-page #primary-content .area-feature-boxes .unit-block.last:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #primary-content .area-feature-boxes .unit-block.last:after {
  clear: both;
}
.type-home-page .area-news-list {
  width: 458px;
  float: left;
  margin-right: 30px;
}
.type-home-page .group-twitter-comments {
  width: 214px;
  float: right;
}
.type-home-page .area-twitter-feed h3,
.area-homepage-comments-list h2,
.type-home-page .area-news-list h2 {
  border-bottom: 10px solid #4ae54a;
  padding-bottom: 12px;
  color: #ff99cc;
  margin-bottom: 0;
}
.area-homepage-comments-list h2 {
  margin-top: 16px;
  padding-bottom: 5px;
  font-size: 24px;
}
.type-home-page .area-news-list .unit-article h3 {
  padding-bottom: 5px;
}
.type-news-holder .area-news-list .more a:hover,
.area-news-list .more a:hover {
  text-decoration: underline;
  color: #0E0408;
}
.area-news-list .more:visited {
  color: #1982e0;
}
.area-homepage-comments-list .unit-block {
  padding: 10px 0;
}
.area-homepage-comments-list .unit-block blockquote {
  background: #f4f4f4;
  padding: 7px;
  margin-bottom: 0;
}
.area-homepage-comments-list .meta {
  line-height: 1.3em;
  padding-top: 4px;
}
.area-welcome-text h2 {
  zoom: 1;
  display: inline;
  float: left;
  width: 960px;
  margin-right: 30px;
  font-size: 20px;
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  border-top: 1px solid #d6d3d4;
  border-bottom: 1px solid #d6d3d4;
  padding: 20px 0;
  text-transform: none;
  clear: both;
  margin: 20px 0;
}
.area-welcome-text h2:before,
.area-welcome-text h2:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-welcome-text h2:after {
  clear: both;
}
.area-event-select {
  background:#1982e0;
  padding: 12px;
  text-align: center;
  margin-bottom: 24px;
}
.area-event-select label {
  text-align: left;
  magin: 0;
  padding: 0;
  font-size: 62px;
  line-height: 0.9em;
  color: #FFF;

  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  display: block;
  cursor: inherit;
}
.area-event-select select {
  width: 196px;
  margin: 5px auto 0;
}
.type-home-page .item-tweet {
  border-color: #4ae54a;
}
.type-home-page .item-tweet footer {
  padding-top: 4px;
}
/* Carousel */
.unit-carousel,
.unit-carousel .media,
.unit-carousel img,
.unit-carousel-wrapper {
  width: 960px;
  height: 427px;
  position: relative;
}
.unit-carousel-wrapper {
  margin-bottom: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}
.unit-carousel .media {
  position: absolute;
}
.unit-carousel .area-production-details {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  background: rgba(255, 255, 255, 0.84);
}
.unit-carousel .area-production-details header {
  height: auto;
  width: auto;
}
.unit-carousel .area-production-details h2 {
  font-size: 26px;
  line-height: 28px;
  padding: 10px;

  margin: 0;
  width: 280px;
  display: block;
  height: 68px;
  -webkit-font-smoothing: antialiased;
  color: #000 !important;
}
.unit-carousel .area-production-details .description {
  display: block;
  clear: both;
}
.unit-carousel .area-production-details h2 {
  width: 260px;
  padding: 10px 20px;
}
.unit-carousel .area-production-details h2 a {
  color: #000;
}
.unit-carousel .area-production-details .suffix {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
}
.unit-carousel .area-production-details p.date {
  color: #1982e0;
}
.unit-carousel .area-production-details p {
  padding: 0 20px;
  padding-bottom: 0;
  margin-bottom: 10px;
}
.unit-carousel .area-production-details p.links {
  margin-bottom: 20px;
}
.unit-carousel .area-production-details .button {
  margin-top: 10px;
}
.nav-direction {
  position: relative;
  z-index: 999;
}
.carousel-navigation .direction {
  background: url('../images/carousel-direction-nav.png') 0 0 no-repeat;
  width: 33px;
  height: 50px;
  position: absolute;
  bottom: 15px;
}
.carousel-navigation .direction span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.carousel-navigation .direction.next {
  background-position: -33px 0;
}
.carousel-navigation .direction:hover {
  background-position: 0 -50px;
}
.carousel-navigation .direction.next:hover {
  background-position: -33px -50px;
}
.carousel-navigation .direction.next {
  right: 0;
}
.carousel-navigation .direction.previous {
  left: 0;
}
.carousel-pager a,
#carousel-play-toggle {
  background: url('../images/carousel-pager-nav.png') 0 0 no-repeat;
  width: 12px;
  height: 12px;
  float: left;
  text-indent: -999px;
}
.carousel-pager a:hover {
  background-position: 0 -12px;
}
.carousel-pager a.activeSlide {
  background-position: -12px 0;
}
.carousel-pager-wrapper {
  position: relative;
  z-index: 999;
}
.carousel-pager-wrapper .carousel-pager,
.toggle-container {
  position: absolute;
  z-index: 9999px;
  top: -442px;
  left: 16px;
}
.carousel-pager,
.toggle-container {
  background-color: rgba(255, 255, 255, 0.47);
  padding: 4px 0 4px 4px;
}
.carousel-pager {
  padding-right: 4px;
  padding-left: 0;
}
.carousel-pager a {
  margin-left: 4px;
}
.toggle-container {
  left: 0;
}
#carousel-play-toggle {
  background-position: -24px 0;
}
#carousel-play-toggle:hover {
  background-position: -24px -12px;
}
#carousel-play-toggle.paused {
  background-position: -36px 0;
}
#carousel-play-toggle.paused:hover {
  background-position: -36px -12px;
}
/* @end */

/* @group Production page */
#fancybox-content {
  background: #FFF;
}
#fancybox-content div {
  overflow-x: hidden!important;
}
#fancybox-content div[style] {
  width: 100% !important;
}
#fancybox-content h1,
#fancybox-content h2 {
  margin-top: 0;
}
#fancybox-content table {
  width: 600px;
  border-bottom: 1px solid #4ae54a;
}
#fancybox-content table tr.odd td {
  background: #f4f4f4;
}
#fancybox-content table tbody {
  border-top: 1px solid #4ae54a;
}
.profile-person,
.profile-organisation {
  width: 468px;
  margin: 0;
}
.has-image.profile-person,
.has-image.profile-organisation {
  width: 745px;
}
.has-image.profile-person h1,
.has-image.profile-organisation h1 {
  width: 468px;
  float: right;
  margin-top: 0;
}
#fancybox-content .meta {
  width: 468px;
  float: right;
  margin-bottom: 0;
}
#fancybox-content .meta span {
  clear: both;
  display: block;
  font-size: 12px;
  line-height: 15px;
}
#fancybox-content .media {
  float: left;
}
#fancybox-content .description {
  width: 468px;
  float: right;
}
.type-information-list-page .area-feature-boxes .unit-block {
  height: auto;
  border: none;
}
.production-tab-content.section-details blockquote,
.area-list-intro blockquote {
  background: url('../images/blockquote-top-inversed.gif') 0 0 no-repeat #ffffff;
}
.tab-content {
  padding: 11px;
  background: #f4f4f4;
  margin-bottom: 24px;
}
.tab-content.section-dates-times {
  padding: 0;
}
#fancybox-content thead,
.tab-content.section-dates-times thead {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tab-content.section-dates-times tr.even td {
  background: #FFF;
}
.tab-content.section-dates-times table tr td,
#fancybox-content table tr td {
  padding: 25px 20px;
}
.tab-content.section-dates-times table tr {
  border-bottom: 1px solid #4ae54a;
}
.tab-content.section-dates-times td.button-cell,
#fancybox-content td.button-cell {
  text-align: right;
}
.section-dates-times .phone,
#fancybox-content .phone {
  display: none;
}
.tab-content.section-profiles {
  padding: 0;
}
.tab-content.section-profiles .unit-block {
  margin: 10px 0 0 10px;
  width: 145px;
  height: 167px;
  border-bottom-color: #ff99cc;
}
.tab-content.section-profiles .unit-block h3 {
  font-size: 20px;
}
.tab-content.section-profiles .unit-block .meta span {
  clear: both;
  display: block;
}
.tab-content.section-profiles .area-block-list {
  padding-bottom: 10px;
}
.area-production-details {
  background: #f4f4f4;
  display: block;
  overflow: auto;
  margin-bottom: 20px;
}
.area-production-details header {
  position: relative;
  width: 246px;
  float: left;
  height: 399px;
}
.area-production-details header .unit-content {
  padding: 10px;
}
.area-production-details header hgroup {
  display: block;
  margin: 0;
  padding: 0;
}
.area-production-details header hgroup h1 {
  background: #1982e0;
  color: #FFF;
  margin: 0;
  line-height: 34px;
  padding: 10px;
}
.area-production-details header hgroup h2 {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  border-bottom: 1px solid #d6d3d4;
  padding: 8px 0 3px;
  margin: 0 10px;
}
.area-production-details header hgroup h2 a {
  color: #1982e0;
}
.area-production-details header p {
  margin: 0;
}
.area-production-details header .price-range {
  margin: 10px 0;
  font-weight: bold;
}
.area-production-details header .excerpt {
  font-size: 12px;
  line-height: 1.5em;
}
.area-production-details .area-quick-book-tickets {
  position: absolute;
  bottom: 15px;
  left: 10px;
  padding-top: 15px;
  border-top: 1px solid #d6d3d4;
}
.area-production-details header .area-quick-book-tickets {
  width: 226px;
}
.area-production-details header .area-quick-book-tickets select {
  width: 130px;
  position: relative;
  top: 1px;
  float: left;
}
.area-production-details header .area-quick-book-tickets .button {
  float: right;
}
.ie7 .area-production-details .area-quick-book-tickets .button {
  position: relative;
  top: 4px;
}
.area-production-details .media {
  float: right;
  width: 714px;
}
.area-comment-list h2 {
  font-size: 24px;
  border-bottom: 10px solid #4ae54a;
  padding-bottom: 12px;
}
.type-production .media.static-map {
  margin-bottom: 24px;
}
/*
.type-production .media.static-map span {
  height: 37px;
  padding: 6px 0 0 10px;
  display: block;
  color: #FFF;
  background: #ff6666;

  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  font-size: 24px;
}
*/

/* @end */
/* @group Contact page */
.area-comment-form {
  position: relative;
}
.type-contact-page .area-comment-form textarea {
  height: 133px;
}
.type-contact-page .area-comment-form .button {
  float: right;
}
.area-comment-form .input-required {
  position: absolute;
  top: -25px;
  right: 0;
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  padding: 10px;
  background: #f4f4f4;
  color: #1982e0;
}
.type-contact-page .area-comment-form label span {
  color: #1982e0;
}
.area-comment-form .message {
  clear: both;
  float: left;
  margin-top: 3px;
  display: inline-block;
  margin-left: 180px;
  font-size: 11px;
  font-weight: bold;
}
.area-comment-form .message.required {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #1982e0;
  padding: 1px 8px 1px 24px;
  color: #FFF;
  background: #1982e0 url('../images/form-error.png') no-repeat scroll 2px 1px;
  font-weight: bold;
}
/* @end */
/* @group Information list */
.area-list-intro .media {
  float: right;
}
.area-list-intro figcaption {
  width: 448px;
  padding: 10px 0 0 20px;
  margin-right: 24px;
  float: left;
}
.type-information-list-page #secondary-content {
  padding-bottom: 30px;
}
.type-information-list-page .area-list-intro h2 {
  margin-bottom: 10px;
}
.type-information-list-page .area-feature-boxes h2 {
  padding-bottom: 12px;
  border-bottom: 10px solid #4ae54a;
  margin-bottom: 0;
}
/* @end */
/* @group Search Results */
.type-search-page .header-block {
  width: 942px;
}
.type-search-page .header-block h1 {
  float: left;
}
.header-block .searchQuery {
  float: left;
  color: #FFF;
  position: relative;
  top: 15px;
  padding-left: 15px;
}
.type-search-page #secondary-content {
  padding-top: 70px;
}
/* @end */
/* @group Footer */
#footer {
  border-top: 3px solid #3e3e3e;
  color: #808080;
  margin-top: 30px;
  font-size: 14px;
}
.ie7 #footer {
  zoom: 1;
  clear: both;
}
#footer .content-inner,
#footer #footer-inner .content-inner {
  width: 960px;
  zoom: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#footer .content-inner:before,
#footer #footer-inner .content-inner:before,
#footer .content-inner:after,
#footer #footer-inner .content-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer .content-inner:after,
#footer #footer-inner .content-inner:after {
  clear: both;
}
#footer a {
color: #ff99cc;
}
#footer a:hover {
color: #000 !important;
}
#footer .footer-social {
  border-bottom: 1px solid #d6d3d4;
  padding: 15px 0;
}
#footer .area-mailing-list,
#footer .area-unit-social {
  float: left;
}
#footer .area-mailing-list{
	padding-top:6px; /* to line up with the higher icons on the right */
}
#footer .area-mailing-list h2,
#footer .area-unit-social h2 {
  font-size: 18px;
  display: inline-block;
  margin-right: 10px;
  margin: 0;
  float: left;
}
#footer .area-mailing-list input {
  float: left;
  margin-left: 5px;
  display: inline;
}
#footer .area-mailing-list input.text {
  width: 120px;
  margin-left: 10px;
}
#footer .area-unit-social {
  margin-left: 40px;
}
#footer .area-unit-social h2 {
  margin-right: 5px;
  float: left;
  display: inline-block;
}
#footer .area-unit-social .unit-link-list li {
  float: left;
  margin-left: 10px;
}
#footer .area-unit-social .unit-link-list {
  display: inline-block;
  float: left;
  padding-top: 2px;
}
#footer .unit-link-list a {
  padding: 0;
  border: none;
}
#footer .area-footer-navigation .unit-link-list a {
  display: inline-block;
  background-image: none;
  font-size: 14px;
}
#footer .area-footer-navigation .unit-link-list a:hover {
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  color: #1982e0;
}
#footer .area-footer-navigation .unit-link-list li {
  line-height: 1.3em;
}
#footer-inner {
  background: url('../images/footer-bg.gif') center 20px no-repeat;
}
#footer-inner .content-inner {
  padding: 20px 0 90px;
}
#footer .area-footer-navigation,
#footer .area-tel-address,
#footer .area-colophon {
  width: 190px;
  float: left;
}
#footer .area-colophon p {
  margin: 0;
}
#footer .area-colophon .copyright {
  margin-top: 1.5em;
}
#footer .area-footer-logo {
  width: 350px;
  height: 75px;
  float: right;
  background: url('../images/footer-logo.gif') no-repeat 0 0;
}
#footer .area-footer-logo a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#footer .by-made {
  text-indent: -999em;
  width: 39px;
  height: 9px;
  padding-top: 20px;
  display: block;
  overflow: hidden;
  margin-top: 76px;
  background: url('../images/logo-made.gif') no-repeat 0 0;
  float: right;
}
#footer .footer-logos {
  clear: both;
  float: left;
  padding: 22px 0 0 0;
  margin: 0;
}
#footer .footer-logos li {
  float: left;
  display: block;
  overflow: hidden;
  margin-right: 40px;
  background-image: url('../images/footer-logos.png');
  height: 68px;
  width: 181px;
}
#footer .footer-logos li span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#footer .footer-logos li.arts-council {
  background-position: 0 0;
}
#footer .footer-logos li.tower-hamlets {
  background-position: -181px 0;
  width: 72px;
}
#footer .footer-logos li.london {
  background-position: -253px 0;
  width: 50px;
}
#footer .footer-logos li.rps {
  background-position: -303px 0;
  width: 252px;
}
#footer .footer-logos li.hdksite{
	background:none;
}
/* @end */
/* @group Audio Player */
.area-audio-player div.jp-interface {
  margin: 12px 0;
}
.area-audio-player a.jp-pause {
  background-color: #1982e0;
}
.area-audio-player div.jp-seek-bar {
  background: #d0d0d0;
  height: 6px;
}
.area-audio-player div.jp-play-bar {
  background: #1982e0;
}
.area-audio-player div.jp-current-time,
.area-audio-player div.jp-duration {
  color: #F5F5F5;
}
.area-audio-player div.jp-type-playlist div.jp-playlist a.jp-playlist-item {
  background-position: 0 9px;
  border-bottom: 1px solid #d6d3d4;
  padding: 8px 0 8px 25px;
  color: #000;
}
#container div.jp-type-playlist div.jp-playlist a.jp-playlist-item {
  background-image: url('../images/jplayer.made.media.list.gif');
}
#container div.jp-audio {
  width: auto;
}
#container div.jp-audio div.jp-type-playlist div.jp-progress {
  width: 185px;
}
.area-audio-player div.jp-type-playlist div.jp-playlist a:hover {
  color: #000;
  background-color: #FFF;
}
.area-audio-player div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #FFF!important;
  background-position: 0 -191px;
  background-color: #1982e0;
}
.area-audio-player a.jp-pause:hover,
.area-audio-player a.jp-play:hover {
  background-color: #1982e0;
}
/* @end */
/* @group Fancy box popup */
.profile-person .description p,
.profile-organisation .description p {
  margin-bottom: 0;
  margin-top: 1em;
}
/* @end */
/* @group Spektrix */
.type-spektrix-page #primary-content .content-inner {
  width: 960px;
}
/* @end */
/* @group Login Page */
#MemberLoginForm_LostPasswordForm .bad,
#MemberLoginForm_LoginForm .bad {
  color: red;
}
#MemberLoginForm_LostPasswordForm label,
#MemberLoginForm_LoginForm label {
  width: 100px;
}
#MemberLoginForm_LoginForm #Remember input {
  float: left;
  margin-left: 100px;
  margin-right: 7px;
}
#MemberLoginForm_LoginForm #Remember label {
  width: 200px;
}
#MemberLoginForm_LostPasswordForm .field,
#MemberLoginForm_LoginForm .field {
  margin-bottom: 6px;
}
/* hide the addthis widget from pages in section-Security */
.section-Security .addthis_toolbox {
  display: none;
}
/* @end */
/* @group Attachments */
.area-attachments-list.unit-link-list a {
  background: url(../images/icon-related-pages.png) no-repeat 2px 7px;
  background-position: 0 10px;
  padding-left: 20px;
}
.area-attachments-list.unit-link-list li.pdf a {
  background-image: url(../document-files/document-pdf.png);
}
.area-attachments-list.unit-link-list li.music a {
  background-image: url(../document-files/document-music.png);
}
.area-attachments-list.unit-link-list li.excel a {
  background-image: url(../document-files/document-excel.png);
}
.area-attachments-list.unit-link-list li.film a {
  background-image: url(../document-files/document-film.png);
}
.area-attachments-list.unit-link-list li.powerpoint a {
  background-image: url(../document-files/document-powerpoint.png);
}
.area-attachments-list.unit-link-list li.word-text a {
  background-image: url(../document-files/document-word-text.png);
}
.area-attachments-list.unit-link-list li.zipped a {
  background-image: url(../document-files/document-zipper.png);
}
.area-attachments-list.unit-link-list a .filesize {
  color: #666;
}
/* @group Hacks */
body.type-information-list-page-page #primary-content .content-inner {
  width: auto;
  margin-right: 0px;
}
/*

body.type-news-holder #primary-content .content-inner,
body.type-production #primary-content .content-inner,
body.type-search-page #primary-content .content-inner {
display: none;
}

*/
body.type-home-page #more-news-button {
  margin-top: 10px;
}
.area-twitter-feed {
  position: relative;
}
.area-twitter-feed h3 {
  font-size: 33px;
}
.area-twitter-feed {
  color: #ff99cc;
}
.area-twitter-feed .birdie {
  position: absolute;
  right: 0px;
/*  top: -12px; */
}
.area-twitter-feed time {
  color: #000000;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.type-search-page .area-search-results .meta-path {
  font-size: 11px;
}
.type-search-page .area-search-results .search-meta {
  margin-bottom: 4px;
}
.type-search-page .area-search-results .search-meta a {
  color: #888888;
}
.type-search-page .area-search-results .search-meta a:hover {
  color: #888888;
  text-decoration: underline;
}
.type-whats-on-page .upcoming-events {
/*
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  left: 86px;
  color: #FFFFFF;
*/
}
#ForgotPassword {
  margin-top: 10px;
  font-size: 12px;
}
#ForgotPassword a:hover {
  text-decoration: underline;
}
#fancybox-left,
#fancybox-right {
  width: 30px;
}
/*
#ContactForm_Form_EmailAddress,
#ContactForm_Form_Name {
font-size:14px;
padding:8px;
}

#ContactForm_Form .required {
font-size: 10px;
color: #FF2222;
}

#ContactForm_Form_Message {
height:133px;
width: 332px;
border-color: #9B9B9B;
font-size: 14px;
padding: 8px;
}*/
body.type-venue #primary-content .area-venue-information {
  width: 630px;
}
/* @group Accordion */
#accordion h3.ui-accordion-header {
  outline: none;
  background-color: #1982e0;
}
#accordion h3.ui-accordion-header a {
  color: #FFFFFF;
  padding: 6px 9px;
  display: block;
}
#accordion div.ui-accordion-content {
  background-color: #f4f4f4;
  padding: 10px 9px;
}
#accordion {
  margin-bottom: 15px;
}
/** @group Type - Sitemap
-------------------------------------------------------- */
.type-sitemap-page .sitemap-section,
.type-sitemap-page .sitemap-level-1 {
  zoom: 1;
}
.type-sitemap-page .sitemap-section:before,
.type-sitemap-page .sitemap-level-1:before,
.type-sitemap-page .sitemap-section:after,
.type-sitemap-page .sitemap-level-1:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-sitemap-page .sitemap-section:after,
.type-sitemap-page .sitemap-level-1:after {
  clear: both;
}
.type-sitemap-page .sitemap-section {
  zoom: 1;
  background: #000;
  background: #f4f4f4;
  padding: 10px 20px 10px;
  margin: 20px 0;
}
.type-sitemap-page .sitemap-section:before,
.type-sitemap-page .sitemap-section:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-sitemap-page .sitemap-section:after {
  clear: both;
}
.type-sitemap-page .sitemap-section h2 {
  margin: 10px 0;
  font-size: 2em;
}
.type-sitemap-page .sitemap-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.type-sitemap-page .sitemap-section ul li {
  width: 30%;
  margin-right: 5%;
  float: left;
  font-weight: bold;
  margin-top: 10px;
}
.type-sitemap-page .sitemap-section ul li.end {
  margin-right: 0;
}
.type-sitemap-page .sitemap-section ul a {
  display: block;
}
.type-sitemap-page .sitemap-section > ul > li > a {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.type-sitemap-page .sitemap-section ul li a + ul {
  border-top: 1px solid #d6d3d4;
  margin-top: 2px;
  padding-top: 5px;
}
.type-sitemap-page .sitemap-section ul li li {
  width: auto;
  margin: 0;
  float: none;
  font-weight: normal;
}
.type-sitemap-page .sitemap-section ul li li a {
  margin: 0;
  padding: 0;
  border: none;
}
.type-sitemap-page .sitemap-level-1 {
  margin-bottom: 10px;
}
/* @end Type - Sitemap */
/* SPectrix*/
form .Postcode input.Button {
  height: 28px!important;
}
/* @end */
/* @group IE7 */
.ie7 .area-header-actions li,
.ie7 .area-header-actions li a,
.ie7 #footer .footer-logos li {
  display: inline;
}
.ie7 #primary-navigation ul {
  width: 640px;
  padding-right: 0;
}
.ie7 #primary-navigation ul .last {
  margin-right: 0;
  padding-right: 0;
}
.area-header-search input.submit {
  color: transparent;
  text-transform: capitalize;
  height: 21px;
}
.button span {
  zoom: 1;
}
.button * {
  cursor: pointer;
}
.ie7 .dsq-comments {
  zoom: 1;
  display: block;
}
.ie7 .disqus_thread {
  zoom: 1;
  clear: both;
  display: block;
  overflow: hidden;
}
.ie7 .View.DliveryView .DeliveryHeading {
  clear: both;
  display: block;
}
.ie7 .type-season .area-season-details .header-block {
  display: block;
}
.ie7 .type-home-page #tertiary-content .content-inner {
  zoom: 1;
}
.ie7 .type-whats-on-page #primary-content .content-inner .group-upcoming-seasons.area-block-list {
  display: inline;
}
.ie7 .header-block h1,
.ie7 h1.header-block {
  display: inline;
}
.ie7 .header-block .icon-view {
  display: inline;
  margin-top: -37px;
}
.ie7 .area-season-details figcaption,
.ie7 .area-list-intro figcaption {
  width: 206px;
  float: right;
  display: block;
}
.ie7 .area-season-details figure {
  overflow: hidden;
}
.ie7 .area-production-details {
  overflow: hidden;
}
.ie7 #disqus_thread {
  width: 630px;
}
.ie7 .type-news-holder #secondary-content {
  float: right;
}
.ie7 #page-content {
  zoom: 1;
}
.ie7 .area-event-select {
  width: 204px;
}
.ie7 .area-event-select label {
  padding-right: 12px;
}
.ie7 .type-news-holder #secondary-content {
  padding-top: 0;
}
.ie7 .type-information-list-page .area-list-intro figcaption {
  float: left;
  width: 458px;
  margin-right: 0;
}
.ie7 .type-information-list-page .area-list-intro iframe {
  float: right;
}
.ie7 .type-search-page #primary-content {
  float: left;
  width: 630px;
}
.ie7 .type-search-page #secondary-content {
  width: 300px;
  float: right;
}
.ie7 #footer {
  clear: both;
  display: block;
  overflow: hidden;
}
.ie7 .footer-logos {
  zoom: 1;
  width: 715px;
  float: left;
}
.ie7 #footer .by-made {
  zoom: 1;
  display: block;
  overflow: hidden;
  clear: both;
  float: right;
  position: absolute;
  bottom: 74px;
  right: 0;
}
.ie7 #footer .content-inner {
  position: relative;
}
/* @end */
/* @group IE8 */
.ie8 .area-pagination {
  overflow: hidden;
}
.ie8 .area-pagination .button span {
  height: 25px;
}
/* @end */
.unit-article .media img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  #header .area-header-actions ul {
    position: absolute;
    top: 40px;
    width: 310px;
    text-align: right;
    right: -18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) { /* changed 768 to 769 */
  /** @group Common
  	---------------------------------------------------------------------- */
  /* Common Widths */
  #page-content,
  #header-inner,
  #primary-content,
  #secondary-content,
  #tertiary-content,
  .content-inner {
    width: 696px !important;
  }
  #page-content {
    padding-top: 20px;
  }
  .type-venue-list #primary-content .content-inner,
  .type-information-list-page #primary-content .content-inner,
  .type-information-list-page #secondary-content .content-inner {
    margin: 0;
  }
  /* Content Areas */
  #primary-content .content-inner,
  #secondary-content .content-inner {
    padding-bottom: 15px;
  }
  /* Figures */
  .area-list-intro figcaption,
  .area-season-details figcaption {
    width: auto;
  }
  .area-list-intro figure figcaption h2 {
    font-size: 16px;
    line-height: 1.2em;
  }
  .area-list-intro figure figcaption p {
    font-size: 12px;
    line-height: 1.6em;
    padding-bottom: 0;
  }
  /* figure .media img{ width: 436px; height:244px; } */
  figure  img{ .border: 3px solid blue; float: right; }
  #primary-navigation {
    display: block;
    position: absolute;
    top: 99px;
    float: none;
  }
  #primary-navigation ul li a {
    margin: 0 28px 0 0;
  }
  .header-content {
    width: 960px;
    zoom: 1;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 698px;
  }
  #header {
    padding-bottom: 38px;
  }
  #header .area-header-actions {
    left: 0;
  }
  #header .phone {
    margin-top: 0;
    left: 0;
    position: absolute;
  }
  /*#primary-navigation .nav-toggle,
  		#primary-navigation .nav-toggle:link {
  			display: inline-block;
  			position: absolute;
  			top: 100px;
  			right: 0;
  			font-size: 1em;
  		}

  		#primary-navigation .nav-collapsed,
  		.js .area-primary-navigation {
  			display: none;
  		}
  		#primary-navigation .nav-open,
  		.no-js #primary-navigation {
  			display: block;
  			margin-bottom: 1em;
  		}

  		#primary-navigation,
  		#primary-navigation li,
  		#primary-navigation li a,
  		#primary-navigation li a:link {
  			display: block;
  			clear: both;
  			float: none;
  			margin: 0;
  		}
  		#primary-navigation li a,
  		#primary-navigation li a:link {
  			width: 100%;
  			padding: .3em 0 .4em;
  			border-bottom: 1px solid @-site-color-light-neutral1;
  		}*/
  /* Unit - Unit Blocks */
  .area-block-list .unit-block,
  .area-block-list .unit-block.year,
  .area-block-list .unit-block.month,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry.first,
  .area-block-list .unit-production-entry.start,
  .area-venue-list .unit-block {
    width: 216px;
    margin: 8px 8px 8px 0;
  }
  .area-feature-boxes .unit-block,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list.area-block-list .unit-block {
    width: 213px;
    margin: 8px 8px 8px 0;
  }
  .area-feature-boxes .unit-block,
  .area-feature-boxes .unit-block.first,
  .area-feature-boxes .unit-block.start {
    margin-right: 16px;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-block.first,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list.area-block-list .unit-block,
  .group-previous-seasons .unit-block.odd,
  .group-upcoming-seasons .unit-block.year {
    margin-right: 16px;
  }
  .group-previous-seasons.area-block-list .unit-block.year {
    margin-right: 10px;
    width: 166px;
  }
  .group-previous-seasons.area-block-list .unit-block.last {
    margin-right: 0;
  }
  .group-previous-seasons.area-block-list .unit-block:nth-child(5n) {
    margin-right: 0;
  }
  .area-child-page-list .unit-block {
    width: 225px;
  }
  .area-child-page-list.area-block-list .unit-block:nth-child(3n+3) {
    margin-right: 0;
  }
  .type-information-list-page .area-feature-boxes .unit-block {
    height: 170px;
  }
  .area-block-list .unit-block .more-info,
  .area-block-list .unit-production-entry .more-info {
    left: 0;
    bottom: 14px;
  }
  /* Search Page */
  .type-search-page .header-block {
    width: 679px;
  }
  .type-search-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-search-page #secondary-content {
    padding-top: 0;
  }
  .type-search-page .area-feature-boxes a {
    float: left;
    margin-right: 0;
    width: 200px;
  }
  .type-search-page .area-feature-boxes a:nth-child(odd) {
    margin-right: 16px;
  }
  /* Unit - Carousel */
  .unit-carousel .media,
  .unit-carousel img,
  .unit-carousel,
  .unit-carousel-wrapper {
    width: 696px !important;
    height: 310px;
  }
  .carousel-pager-wrapper .carousel-pager,
  .toggle-container {
    top: -324px;
  }
  .unit-carousel .area-production-details {
    width: 136px;
  }
  .unit-carousel .area-production-details h2 {
    width: 122px;
    padding: 5px 7px;
    margin: 0;
    height: auto;
    font-size: 20px;
    line-height: 21px;
  }
  .unit-carousel .area-production-details p {
    font-size: 12px;
  }
  .unit-carousel .area-production-details .description,
  .unit-carousel .area-production-details footer {
    display: none!important;
  }
  .type-information-page .media img {
    width: 100%;
  }
  #tertiary-content #sidebar .static-map img {
    width: 100%;
  }
  .area-production-details .media {
    padding-top: 0;
  }
  /* Area - Welcome Text */
  .area-welcome-text h2 {
    width: auto;
  }
  /* Area - List Intro */
  .area-list-intro {
    margin-bottom: 1em;
  }
  .area-list-intro iframe {
    width: 100%;
  }
  /* Area - Feature Boxes */
  .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .area-feature-boxes .unit-block p {
    font-size: 18px;
    line-height: 1.1em;
    padding: 8px 12px;
    height: 59px;
  }
  /* Area - Pagination */
  .area-pagination {
    text-align: left;
  }
  .area-pagination .button,
  .area-pagination .button.next {
    float: none;
  }
  /* Area - Child Pages */
  .area-child-page-list.area-block-list .unit-block {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
  }
  .area-child-page-list.area-block-list .unit-block.first {
    margin-left: 0;
  }
  .area-child-page-list.area-block-list .unit-block {
    height: 280px;
  }
  /* Area - Venues */
  .area-venue-intro .unit-content {
    width: 100%;
  }
  .area-venue-information .unit-meta.location,
  .area-venue-information .unit-link-list {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }
  /* Area - Production */
  .area-production-details header {
    width: 40%;
    height: auto;
  }
  /* Contact Form */
  .area-comment-form label,
  .area-comment-form input.text,
  .area-comment-form textarea {
    clear: both;
    float: none;
    width: 90%;
  }
  /** @group Footer
  	---------------------------------------------------------------------- */
  #footer .area-colophon {
    width: 100%;
  }
  #footer .area-footer-logo {
    display: none;
  }
  #footer .area-unit-social {
    float: right;
    margin-left: 0;
  }
  #footer .area-mailing-list {
    float: left;
  }
  #footer .area-mailing-list input[type="submit"].button {
    padding: 0 6px 2px;
  }
  #footer .area-mailing-list #SpektrixSignup-Email {
    width: 190px;
    clear: both;
  }
  #footer .area-mailing-list input.text {
    margin-left: 0;
  }
  #footer .area-mailing-list input {
    margin-top: 3px;
  }
  #footer .area-unit-social .unit-link-list {
    clear: both;
    padding-top: 4px;
  }
  #footer .area-unit-social .unit-link-list li {
    margin-left: 0;
    margin-right: 10px;
  }
  #footer .area-mailing-list label,
  #footer .area-unit-social h2 {
    margin-right: 0;
    padding-right: 0;
  }
  #footer .area-footer-navigation,
  #footer .area-tel-address,
  #footer .area-colophon p {
    width: 218px;
    clear: none;
    float: left;
  }
  #footer .area-tel-address p {
    margin-bottom: 0;
  }
  #footer .area-colophon {
    margin-top: 0.5em;
    font-size: 12px;
  }
  #footer .area-colophon .copyright {
    margin-top: 0;
  }
  #footer .footer-logos {
    width: 100%;
    text-align: center;
  }
  #footer .footer-logos li {
    display: inline-block;
    float: none;
    margin: 10px 20px 0;
  }
  #footer .by-made {
    clear: both;
    margin-top: 10px;
  }
  /** @end */
  /** @group Type - Homepage
  	---------------------------------------------------------------------- */
  .type-home-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #secondary-content {
    float: right;
  }
  .type-home-page #secondary-content .content-inner .area-event-select {
    margin-top: 0;
  }
  .type-home-page #secondary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #tertiary-content {
    float: left;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block,
  .type-home-page #primary-content .area-feature-boxes .unit-block.last {
    width: 226px;
  }
  .type-home-page #tertiary-content .area-feature-boxes .unit-block {
    display: none;
  }
  .type-home-page .area-news-list,
  .type-home-page .group-twitter-comments {
    width: 100%;
    margin-right: 0;
  }
  .type-home-page .area-homepage-comments-list h2 {
    font-size: 33px;
    padding-bottom: 12px;
  }
  .type-home-page .group-twitter-comments {
    margin-top: 10px;
  }
  .type-home-page .area-event-select {
    margin: 15px 0;
    display: block;
    overflow: auto;
  }
  .type-home-page .area-event-select label {
    font-size: 42px;
    line-height: 1em;
    padding: 0;
    float: left;
  }
  .type-home-page .area-event-select select {
    /*font-size:26px;*/

    width: 230px;
    float: right;
    margin: 0;
    position: relative;
    top: 7px;
  }
  .type-home-page .area-feature-boxes .join-us {
    display: none;
  }
  .type-home-page .area-feature-boxes .support-us {
    display: none;
  }
  /** @end Type - Homepage */
  /** @group Type - What's On - Season List
  	---------------------------------------------------------------------- */
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-season .area-block-list .unit-production-entry {
    padding-left: 0;
    margin-left: 0;
  }
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    width: 216px;
  }
  .type-whats-on-page .area-block-list .unit-block.month {
    width: 190px;
    /* 210px - 20px padding */

  }
  .type-whats-on-page .area-block-list .unit-block.month,
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    margin-right: 16px;
  }
  .type-whats-on-page .area-block-list .unit-production-entry.odd {
    margin-right: 0;
  }
  .group-upcoming-seasons .header-block .icon-view.rss,
  .group-upcoming-calendar .header-block .icon-view.rss {
    display: none;
  }
  .group-upcoming-seasons .header-block .icon-view,
  .group-upcoming-calendar .header-block .icon-view {
    margin-left: 10px;
  }
  .group-upcoming-seasons .header-block .icon-view.season-list,
  .group-upcoming-calendar .header-block .icon-view.season-list {
    margin-left: 0;
  }
  /** @end Type - What's On - Season List */
  .area-production-details .area-quick-book-tickets {
    position: relative;
    bottom: auto;
    left: 0;
    border-top: none;
    padding-bottom: 10px;
  }
  .area-production-details .media {
    width: 60%;
  }
  /** @group Type - What's On - Calendar View
  	---------------------------------------------------------------------- */
  .type-whats-on-page .group-upcoming-calendar {
    margin-bottom: 0;
  }
  .calendar .day th {
    padding: 4px 0;
  }
  .area-production-month .unit-block.month {
    width: 190px;
  }
  /** @end Type - What's On - Calendar View */
  /** @group Type - News
  	---------------------------------------------------------------------- */
  .type-news-holder #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-news-holder .header-block {
    width: 680px;
    margin-bottom: 0;
  }
  /** @end Type - News */
  /** @group Type - Sitemap
  	-------------------------------------------------------- */
  .type-sitemap-page .sitemap-section {
    margin: 0;
  }
  .type-sitemap-page .sitemap-section ul li {
    width: 100%;
    clear: both;
    float: none;
  }
  .type-sitemap-page .sitemap-section ul li.end {
    margin-right: 0;
  }
  /* @end Type - Sitemap */
  .area-season-details .media {
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  /** @group Common
  	---------------------------------------------------------------------- */
  /* Common Widths */
  #page-content,
  #header-inner,
  #primary-content,
  #secondary-content,
  #tertiary-content,
  .content-inner {
    width: 575px !important;
  }
  #page-content {
    padding-top: 20px;
  }
  .type-venue-list #primary-content .content-inner,
  .type-information-list-page #primary-content .content-inner,
  .type-information-list-page #secondary-content .content-inner {
    margin: 0;
  }
  /* Content Areas */
  #primary-content .content-inner,
  #secondary-content .content-inner {
    padding-bottom: 15px;
  }
  /* Figures */
  .area-list-intro figcaption,
  .area-season-details figcaption {
    width: auto;
  }
  /* figure .media img{ width: 436px; height:244px; } */
  /* Unit - Unit Blocks */
  .area-block-list .unit-block,
  .area-block-list .unit-block.year,
  .area-block-list .unit-block.month,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry.first,
  .area-block-list .unit-production-entry.start,
  .area-feature-boxes .unit-block,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list .unit-block {
    width: 183px;
    margin: 8px 8px 8px 0;
  }
  .area-child-page-list.area-block-list .unit-block {
    width: 186px;
  }
  .area-child-page-list.area-block-list .unit-block:nth-child(3n+3) {
    margin-right: 0;
  }
  .area-feature-boxes .unit-block,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list.area-block-list .unit-block {
    width: 276px;
  }
  .area-feature-boxes .unit-block,
  .area-feature-boxes .unit-block.first,
  .area-feature-boxes .unit-block.start {
    margin-right: 4px;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-block.first,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list.area-block-list .unit-block,
  .group-previous-seasons .unit-block.odd,
  .group-upcoming-seasons .unit-block.year {
    margin-right: 10px;
  }
  .area-block-list .unit-block.even .group-upcoming-seasons .unit-production-entry.even,
  .group-previous-seasons .unit-block.even,
  .area-venue-list.area-block-list .unit-block.even {
    margin-right: 0;
  }
  .area-block-list .unit-block .more-info,
  .area-block-list .unit-production-entry .more-info {
    left: 0;
    bottom: 14px;
  }
  .group-previous-seasons.area-block-list .unit-block.year {
    margin-right: 10px;
    width: 136px;
  }
  .group-previous-seasons.area-block-list .unit-block.last {
    margin-right: 0;
  }
  .group-previous-seasons.area-block-list .unit-block:nth-child(5n) {
    margin-right: 0;
  }
  /* Unit - Carousel */
  .unit-carousel .media,
  .unit-carousel img,
  .unit-carousel,
  .unit-carousel-wrapper {
    width: 575px !important;
    height: 250px;
  }
  .carousel-pager-wrapper .carousel-pager,
  .toggle-container {
    top: -265px;
  }
  .unit-carousel .area-production-details {
    width: 136px;
  }
  .unit-carousel .area-production-details h2 {
    width: 122px;
    padding: 5px 7px;
    margin: 0;
    height: auto;
    font-size: 20px;
    line-height: 21px;
  }
  .unit-carousel .area-production-details p {
    font-size: 12px;
  }
  .unit-carousel .area-production-details .description,
  .unit-carousel .area-production-details footer {
    display: none!important;
  }
  /* Unit - Page Content */
  /* @see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ */
  /* Based on intrinsic aspect ratio of 16:9 */
  .unit-page-content .unit-media .media,
  .area-production-details .media {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* aspect-ratio: 9 / 16 * 100 = 56.25% */

    padding-top: 25px;
    /* Add padding for player chrome */

  }
  .area-production-details .media embed,
  .area-production-details .media iframe,
  .area-production-details .media object,
  .area-production-details .media video,
  .unit-page-content .unit-media .media embed,
  .unit-page-content .unit-media .media iframe,
  .unit-page-content .unit-media .media object,
  .unit-page-content .unit-media .media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* Page - Search */
  .type-search-page .header-block {
    width: 418px;
  }
  .type-search-page .header-block .searchQuery {
    float: none;
    top: 0;
    text-align: left;
    padding: 4px 0;
    padding-left: 85px;
  }
  .type-search-page #primary-content {
    padding-bottom: 0;
  }
  .type-search-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-search-page #secondary-content {
    padding-top: 0;
  }
  .type-search-page .area-feature-boxes a {
    float: left;
    margin-right: 0;
  }
  .type-search-page .area-feature-boxes a:nth-child(odd) {
    margin-right: 16px;
  }
  /* Area - Welcome Text */
  .area-welcome-text h2 {
    width: auto;
  }
  /* Area - List Intro */
  .area-list-intro {
    margin-bottom: 2em;
  }
  .area-list-intro iframe {
    width: 100%;
  }
  /* Area - Feature Boxes */
  .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .area-feature-boxes .unit-block p {
    font-size: 18px;
    line-height: 1.1em;
    padding: 8px 12px;
    height: 59px;
  }
  /* Area - Pagination */
  .area-pagination {
    text-align: left;
  }
  .area-pagination .button,
  .area-pagination .button.next {
    float: none;
  }
  /* Area - Child Pages */
  .area-child-page-list.area-block-list .unit-block {
    height: 280px;
  }
  /* Area - Venues */
  .area-venue-intro .unit-content {
    width: 100%;
  }
  .area-venue-information .unit-meta.location,
  .area-venue-information .unit-link-list {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }
  /* Area - Production */
  .area-production-details header {
    width: auto;
    height: auto;
    float: none;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-block.first {
    margin-right: 7px;
  }
  .tab-content.section-profiles .unit-block {
    margin: 8px 0 0 7px;
    width: 136px;
    height: 167px;
    border-bottom-color: #4ae54a;
  }
  /* Show booking links */
  .area-production-details .area-quick-book-tickets,
  .section-dates-times .button-cell .button,
  #fancybox-content .button-cell .button {
    display: inline-block;
  }
  .section-dates-times .phone,
  #fancybox-content .phone {
    display: none;
  }
  .area-production-details .area-quick-book-tickets {
    position: relative;
    bottom: auto;
    left: 0;
    border-top: none;
  }
  /*#fancybox-content .has-image.profile-organisation {
  			width: 285px;
  		}*/
  #fancybox-content table {
    width: 100%;
  }
  #fancybox-content .description,
  .has-image.profile-person h1,
  .has-image.profile-organisation h1 {
    float: left;
    width: 320px;
    margin-left: 20px;
  }
  /* Contact Form */
  .area-comment-form label,
  .area-comment-form input.text,
  .area-comment-form textarea {
    clear: both;
    float: none;
    width: 90%;
  }
  /* @end Common */
  /* @group Header
  	---------------------------------------------------------------------- */
  #header,
  .area-logo {
    display: block;
  }
  #header .header-content {
    width: 100%;
    position: static;
  }
  #header .area-header-search,
  #header .area-header-actions {
    position: absolute;
    top: 10px;
  }
  #header .area-header-search {
    right: 0;
  }
  #header .area-header-actions {
    left: 0;
  }
  #header .area-header-actions ul {
    top: 118px;
    text-align: left;
    right: auto;
    left: 0;
  }
  #header .area-header-actions .phone {
    margin-top: 0;
  }
  /* @end Header */
  /** @group Primary Navigation
  	---------------------------------------------------------------------- */
  #primary-navigation .nav-toggle,
  #primary-navigation .nav-toggle:link {
    display: inline-block;
    position: absolute;
    top: 125px;
    right: 0;
    font-size: 1em;
  }
  #primary-navigation .nav-collapsed,
  .js .area-primary-navigation {
    display: none;
  }
  #primary-navigation .nav-open,
  .no-js #primary-navigation {
    display: block;
    margin-bottom: 1em;
    margin-top: 1.5em;
  }
  #primary-navigation,
  #primary-navigation li,
  #primary-navigation li a,
  #primary-navigation li a:link {
    display: block;
    clear: both;
    float: none;
    margin: 0;
  }
  #primary-navigation li a,
  #primary-navigation li a:link {
    width: 100%;
    padding: .3em 0 .4em;
    border-bottom: 1px solid #d6d3d4;
  }
  /** @end Primary Navigation */
  /** @group Footer
  	---------------------------------------------------------------------- */
  #footer .area-colophon {
    width: 100%;
  }
  #footer .area-footer-logo {
    display: none;
  }
  #footer .area-unit-social {
    float: right;
    margin-left: 0;
  }
  #footer .area-mailing-list {
    float: left;
  }
  #footer .area-mailing-list input[type="submit"].button {
    padding: 0 6px 2px;
  }
  #footer .area-mailing-list #SpektrixSignup-Email {
    width: 190px;
    clear: both;
  }
  #footer .area-mailing-list input.text {
    margin-left: 0;
  }
  #footer .area-mailing-list input {
    margin-top: 3px;
  }
  #footer .area-unit-social .unit-link-list {
    clear: both;
    padding-top: 4px;
  }
  #footer .area-unit-social .unit-link-list li {
    margin-left: 0;
    margin-right: 10px;
  }
  #footer .area-mailing-list label,
  #footer .area-unit-social h2 {
    margin-right: 0;
    padding-right: 0;
  }
  #footer .area-footer-navigation,
  #footer .area-tel-address,
  #footer .area-colophon p {
    width: 218px;
    clear: none;
    float: left;
  }
  #footer .area-tel-address p {
    margin-bottom: 0;
  }
  #footer .area-colophon {
    margin-top: 0.5em;
    font-size: 12px;
  }
  #footer .area-colophon .copyright {
    margin-top: 0;
  }
  #footer .footer-logos {
    width: 100%;
    text-align: center;
  }
  #footer .footer-logos li {
    display: inline-block;
    float: none;
    margin: 10px 20px 0;
  }
  #footer .by-made {
    clear: both;
    margin-top: 10px;
  }
  /** @end */
  /** @group Type - Homepage
  	---------------------------------------------------------------------- */
  .type-home-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #secondary-content {
    float: right;
  }
  .type-home-page #secondary-content .content-inner .area-event-select {
    margin-top: 0;
  }
  .type-home-page #secondary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #tertiary-content {
    float: left;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block,
  .type-home-page #primary-content .area-feature-boxes .unit-block.last {
    width: 140px;
  }
  .type-home-page #tertiary-content .area-feature-boxes .unit-block {
    display: none;
  }
  .type-home-page .area-news-list,
  .type-home-page .group-twitter-comments {
    width: 100%;
    margin-right: 0;
  }
  .type-home-page .area-homepage-comments-list h2 {
    font-size: 33px;
    padding-bottom: 12px;
  }
  .type-home-page .group-twitter-comments {
    margin-top: 10px;
  }
  .type-home-page .area-event-select {
    margin: 15px 0;
    display: block;
    overflow: auto;
  }
  .type-home-page .area-event-select label {
    font-size: 42px;
    line-height: 1em;
    padding: 0;
    float: left;
  }
  .type-home-page .area-event-select select {
    /*font-size:26px;*/

    width: 230px;
    float: right;
    margin: 0;
    position: relative;
    top: 7px;
  }
  .type-home-page .area-feature-boxes .join-us {
    display: none;
  }
  .type-home-page .area-feature-boxes .support-us {
    display: none;
  }
  /** @end Type - Homepage */
  /** @group Type - What's On - Season List
  	---------------------------------------------------------------------- */
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-season .area-block-list .unit-production-entry {
    padding-left: 0;
    margin-left: 0;
  }
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    width: 181px;
  }
  .type-whats-on-page .area-block-list .unit-block.month {
    width: 190px;
    /* 210px - 20px padding */

  }
  .type-whats-on-page .area-block-list .unit-block.month,
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    margin-right: 10px;
  }
  .type-whats-on-page .area-block-list .unit-production-entry.odd {
    margin-right: 0;
  }
  .group-upcoming-seasons .header-block .icon-view.rss,
  .group-upcoming-calendar .header-block .icon-view.rss {
    display: none;
  }
  .group-upcoming-seasons .header-block .icon-view,
  .group-upcoming-calendar .header-block .icon-view {
    margin-left: 10px;
  }
  .group-upcoming-seasons .header-block .icon-view.season-list,
  .group-upcoming-calendar .header-block .icon-view.season-list {
    margin-left: 0;
  }
  /** @end Type - What's On - Season List */
  /** @group Type - What's On - Calendar View
  	---------------------------------------------------------------------- */
  .type-whats-on-page .group-upcoming-calendar {
    margin-bottom: 0;
  }
  .calendar .day th {
    padding: 4px 0;
  }
  .area-production-month .unit-block.month {
    width: 190px;
  }
  /** @end Type - What's On - Calendar View */
  /** @group Type - News
  	---------------------------------------------------------------------- */
  .type-news-holder .header-block {
    width: 557px;
  }
  .unit-article .body {
    width: 100%;
  }
  .unit-article.has-media .media {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em 0;
  }
  .unit-article.has-media .body {
    float: none;
    width: 100%;
  }
  /** @end Type - News */
  /** @group Type - Sitemap
  	-------------------------------------------------------- */
  .type-sitemap-page .sitemap-section {
    margin: 0;
  }
  .type-sitemap-page .sitemap-section ul li {
    width: 100%;
    clear: both;
    float: none;
  }
  .type-sitemap-page .sitemap-section ul li.end {
    margin-right: 0;
  }
  .area-season-details .media {
    float: none;
  }
  /* @end Type - Sitemap */
}
/* @end @media max-width: 797px */
@media only screen and (max-width: 580px) {
  /** @group Common
  	---------------------------------------------------------------------- */
  /* Common Widths */
  #page-content,
  #header-inner,
  #primary-content,
  #secondary-content,
  #tertiary-content,
  .content-inner {
    width: 436px !important;
  }
  #page-content {
    padding-top: 20px;
  }
  .type-venue-list #primary-content .content-inner,
  .type-information-list-page #primary-content .content-inner,
  .type-information-list-page #secondary-content .content-inner {
    margin: 0;
  }
  /* Content Areas */
  #primary-content .content-inner,
  #secondary-content .content-inner {
    padding-bottom: 15px;
  }
  /* Figures */
  .area-list-intro figcaption,
  .area-season-details figcaption {
    width: auto;
  }
  /* figure .media img{ width: 436px; height:244px; } */
  /* Unit - Unit Blocks */
  .area-block-list .unit-block,
  .area-block-list .unit-block.year,
  .area-block-list .unit-block.month,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry.first,
  .area-block-list .unit-production-entry.start,
  .area-feature-boxes .unit-block,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list .unit-block {
    width: 208px;
    margin: 8px 8px 8px 0;
  }
  .area-feature-boxes .unit-block,
  .area-feature-boxes .unit-block.first,
  .area-feature-boxes .unit-block.start {
    margin-right: 4px;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-block.first,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list.area-block-list .unit-block,
  .group-previous-seasons .unit-block.odd,
  .group-upcoming-seasons .unit-block.year {
    margin-right: 10px;
  }
  .area-block-list .unit-block.even .group-upcoming-seasons .unit-production-entry.even,
  .group-previous-seasons .unit-block.even,
  .area-venue-intro .area-feature-boxes .unit-block.even,
  .area-venue-list.area-block-list .unit-block.even {
    margin-right: 0;
  }
  .area-block-list .unit-block .more-info,
  .area-block-list .unit-production-entry .more-info {
    left: 0;
    bottom: 14px;
  }
  .area-child-page-list.area-block-list .unit-block {
    width: 214px;
  }
  .area-child-page-list.area-block-list .unit-block:nth-child(3n+3) {
    margin-right: 8px;
  }
  .area-child-page-list.area-block-list .unit-block.even {
    margin-right: 0;
  }
  /* Unit - Carousel */
  .unit-carousel .media,
  .unit-carousel img,
  .unit-carousel,
  .unit-carousel-wrapper {
    width: 436px !important;
    height: 194px;
  }
  .carousel-pager-wrapper .carousel-pager,
  .toggle-container {
    top: -210px;
  }
  .unit-carousel .area-production-details {
    width: 136px;
  }
  .unit-carousel .area-production-details h2 {
    width: 122px;
    padding: 5px 7px;
    margin: 0;
    height: auto;
    font-size: 20px;
    line-height: 21px;
  }
  .unit-carousel .area-production-details p {
    font-size: 12px;
  }
  .unit-carousel .area-production-details .description,
  .unit-carousel .area-production-details footer {
    display: none!important;
  }
  .group-previous-seasons.area-block-list .unit-block.year {
    margin-right: 10px;
    width: 138px;
  }
  .group-previous-seasons.area-block-list .unit-block.last {
    margin-right: 0;
  }
  .group-previous-seasons.area-block-list .unit-block:nth-child(4n) {
    margin-right: 0;
  }
  /* Unit - Page Content */
  /* @see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ */
  /* Based on intrinsic aspect ratio of 16:9 */
  .unit-page-content .unit-media .media,
  .area-production-details .media {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* aspect-ratio: 9 / 16 * 100 = 56.25% */

    padding-top: 25px;
    /* Add padding for player chrome */

  }
  .area-production-details .media embed,
  .area-production-details .media iframe,
  .area-production-details .media object,
  .area-production-details .media video,
  .unit-page-content .unit-media .media embed,
  .unit-page-content .unit-media .media iframe,
  .unit-page-content .unit-media .media object,
  .unit-page-content .unit-media .media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* Page - Search */
  .type-search-page .header-block {
    width: 418px;
  }
  .type-search-page .header-block .searchQuery {
    float: none;
    top: 0;
    text-align: left;
    padding: 4px 0;
    padding-left: 85px;
  }
  .type-search-page #primary-content {
    padding-bottom: 0;
  }
  .type-search-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-search-page #secondary-content {
    padding-top: 0;
  }
  .type-search-page .area-feature-boxes a {
    float: left;
    margin-right: 0;
  }
  .type-search-page .area-feature-boxes a:nth-child(odd) {
    margin-right: 16px;
  }
  /* Area - Welcome Text */
  .area-welcome-text h2 {
    width: auto;
  }
  /* Area - List Intro */
  .area-list-intro {
    margin-bottom: 2em;
  }
  /* Area - Feature Boxes */
  .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .area-feature-boxes .unit-block p {
    font-size: 18px;
    line-height: 1.1em;
    padding: 8px 12px;
    height: 59px;
  }
  /* Area - Pagination */
  .area-pagination {
    text-align: left;
  }
  .area-pagination .button,
  .area-pagination .button.next {
    float: none;
  }
  /* Area - Child Pages */
  .area-child-page-list.area-block-list .unit-block.even {
    margin-right: 0;
  }
  .area-child-page-list.area-block-list .unit-block {
    height: 280px;
  }
  /* Area - Venues */
  .area-venue-intro .unit-content {
    width: 100%;
  }
  .area-venue-information .unit-meta.location,
  .area-venue-information .unit-link-list {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }
  .area-venue-list.area-block-list .unit-block {
    width: 213px;
  }
  /* Area - Production */
  .area-production-details header {
    width: auto;
    height: auto;
    float: none;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-block.first {
    margin-right: 7px;
  }
  .tab-content.section-profiles .unit-block {
    margin: 8px 0 0 7px;
    width: 136px;
    height: 167px;
    border-bottom-color: #4ae54a;
  }
  /* Show booking links */
  .area-production-details .area-quick-book-tickets,
  .section-dates-times .button-cell .button,
  #fancybox-content .button-cell .button {
    display: inline-block;
  }
  .section-dates-times .phone,
  #fancybox-content .phone {
    display: none;
  }
  .area-production-details .area-quick-book-tickets {
    position: relative;
    bottom: auto;
    left: 0;
    border-top: none;
  }
  /*#fancybox-content .has-image.profile-organisation {
  			width: 285px;
  		}*/
  #fancybox-content table {
    width: 100%;
  }
  #fancybox-content .description,
  .has-image.profile-person h1,
  .has-image.profile-organisation h1 {
    float: left;
    width: 320px;
    margin-left: 20px;
  }
  /* Contact Form */
  .area-comment-form label,
  .area-comment-form input.text,
  .area-comment-form textarea {
    clear: both;
    float: none;
    width: 90%;
  }
  /* @end Common */
  /* @group Header
  	---------------------------------------------------------------------- */
  #header,
  .area-logo {
    display: block;
  }
  #header .header-content {
    width: 100%;
    position: static;
  }
  #header .area-header-search,
  #header .area-header-actions {
    position: absolute;
    top: 10px;
  }
  #header .area-header-search {
    right: 0;
  }
  #header .area-header-actions {
    left: 0;
  }
  #header .area-header-actions ul {
    top: 118px;
    text-align: left;
    right: auto;
    left: 0;
  }
  #header .area-header-actions .phone {
    margin-top: 0;
  }
  /* @end Header */
  /** @group Primary Navigation
  	---------------------------------------------------------------------- */
  #primary-navigation .nav-toggle,
  #primary-navigation .nav-toggle:link {
    display: inline-block;
    position: absolute;
    top: 125px;
    right: 0;
    font-size: 1em;
  }
  #primary-navigation .nav-collapsed,
  .js .area-primary-navigation {
    display: none;
  }
  #primary-navigation .nav-open,
  .no-js #primary-navigation {
    display: block;
    margin-bottom: 1em;
    margin-top: 1.5em;
  }
  #primary-navigation,
  #primary-navigation li,
  #primary-navigation li a,
  #primary-navigation li a:link {
    display: block;
    clear: both;
    float: none;
    margin: 0;
  }
  #primary-navigation li a,
  #primary-navigation li a:link {
    width: 100%;
    padding: .3em 0 .4em;
    border-bottom: 1px solid #d6d3d4;
  }
  /** @end Primary Navigation */
  /** @group Footer
  	---------------------------------------------------------------------- */
  #footer .area-colophon {
    width: 100%;
  }
  #footer .area-footer-logo {
    display: none;
  }
  #footer .area-unit-social {
    float: right;
    margin-left: 0;
  }
  #footer .area-mailing-list {
    float: left;
  }
  #footer .area-mailing-list input[type="submit"].button {
    padding: 0 6px 2px;
  }
  #footer .area-mailing-list #SpektrixSignup-Email {
    width: 190px;
    clear: both;
  }
  #footer .area-mailing-list input.text {
    margin-left: 0;
  }
  #footer .area-mailing-list input {
    margin-top: 3px;
  }
  #footer .area-unit-social .unit-link-list {
    clear: both;
    padding-top: 4px;
  }
  #footer .area-unit-social .unit-link-list li {
    margin-left: 0;
    margin-right: 10px;
  }
  #footer .area-mailing-list label,
  #footer .area-unit-social h2 {
    margin-right: 0;
    padding-right: 0;
  }
  #footer .area-footer-navigation,
  #footer .area-tel-address,
  #footer .area-colophon p {
    width: 218px;
    clear: none;
    float: left;
  }
  #footer .area-tel-address p {
    margin-bottom: 0;
  }
  #footer .area-colophon {
    margin-top: 0.5em;
    font-size: 12px;
  }
  #footer .area-colophon .copyright {
    margin-top: 0;
  }
  #footer .footer-logos {
    width: 100%;
    text-align: center;
  }
  #footer .footer-logos li {
    display: inline-block;
    float: none;
    margin: 10px 20px 0;
  }
  #footer .by-made {
    clear: both;
    margin-top: 10px;
  }
  /** @end */
  /** @group Type - Homepage
  	---------------------------------------------------------------------- */
  .type-home-page #primary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #secondary-content {
    float: right;
  }
  .type-home-page #secondary-content .content-inner .area-event-select {
    margin-top: 0;
  }
  .type-home-page #secondary-content .content-inner {
    padding-bottom: 0;
  }
  .type-home-page #tertiary-content {
    float: left;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block {
    margin-right: 8px;
  }
  .type-home-page #primary-content .area-feature-boxes .unit-block,
  .type-home-page #primary-content .area-feature-boxes .unit-block.last {
    width: 140px;
  }
  .type-home-page #tertiary-content .area-feature-boxes .unit-block {
    display: none;
  }
  .type-home-page .area-news-list,
  .type-home-page .group-twitter-comments {
    width: 100%;
    margin-right: 0;
  }
  .type-home-page .area-homepage-comments-list h2 {
    font-size: 33px;
    padding-bottom: 12px;
  }
  .type-home-page .group-twitter-comments {
    margin-top: 10px;
  }
  .type-home-page .area-event-select {
    margin: 15px 0;
    display: block;
    overflow: auto;
  }
  .type-home-page .area-event-select label {
    font-size: 42px;
    line-height: 1em;
    padding: 0;
    float: left;
  }
  .type-home-page .area-event-select select {
    /*font-size:26px;*/

    width: 230px;
    float: right;
    margin: 0;
    position: relative;
    top: 7px;
  }
  .type-home-page .area-feature-boxes .join-us {
    display: none;
  }
  .type-home-page .area-feature-boxes .support-us {
    display: none;
  }
  /** @end Type - Homepage */
  /** @group Type - What's On - Season List
  	---------------------------------------------------------------------- */
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-season .area-block-list .unit-production-entry {
    padding-left: 0;
    margin-left: 0;
  }
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    width: 208px;
  }
  .type-whats-on-page .area-block-list .unit-block.month {
    width: 190px;
    /* 210px - 20px padding */

  }
  .type-whats-on-page .area-block-list .unit-block.month,
  .type-whats-on-page .area-block-list .unit-production-entry,
  .type-whats-on-page .area-block-list .unit-production-entry {
    margin-right: 10px;
  }
  .type-whats-on-page .area-block-list .unit-production-entry.odd {
    margin-right: 0;
  }
  .group-upcoming-seasons .header-block .icon-view.rss,
  .group-upcoming-calendar .header-block .icon-view.rss {
    display: none;
  }
  .group-upcoming-seasons .header-block .icon-view,
  .group-upcoming-calendar .header-block .icon-view {
    margin-left: 10px;
  }
  .group-upcoming-seasons .header-block .icon-view.season-list,
  .group-upcoming-calendar .header-block .icon-view.season-list {
    margin-left: 0;
  }
  /** @end Type - What's On - Season List */
  /** @group Type - What's On - Calendar View
  	---------------------------------------------------------------------- */
  .type-whats-on-page .group-upcoming-calendar {
    margin-bottom: 0;
  }
  .calendar .day th {
    padding: 4px 0;
  }
  .area-production-month .unit-block.month {
    width: 190px;
  }
  /** @end Type - What's On - Calendar View */
  /** @group Type - News
  	---------------------------------------------------------------------- */
  .type-news-holder .header-block {
    width: 416px;
  }
  .unit-article .body {
    width: 100%;
  }
  .unit-article.has-media .media {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em 0;
  }
  .unit-article.has-media .body {
    float: none;
    width: 100%;
  }
  /** @end Type - News */
  /** @group Type - Sitemap
  	-------------------------------------------------------- */
  .type-sitemap-page .sitemap-section {
    margin: 0;
  }
  .type-sitemap-page .sitemap-section ul li {
    width: 100%;
    clear: both;
    float: none;
  }
  .type-sitemap-page .sitemap-section ul li.end {
    margin-right: 0;
  }
  .area-season-details .media {
    float: none;
  }
  /* @end Type - Sitemap */
}
/* @end @media max-width: 797px */
@media (max-width: 480px) {
  /** @group Common
  	---------------------------------------------------------------------- */
  /* Common Widths */
  #page-content,
  #header-inner,
  #primary-content,
  #secondary-content,
  #tertiary-content,
  .content-inner {
    width: 300px !important;
  }
  #primary-content,
  #secondary-content,
  #tertiary-content,
  .content-inner {
    margin-right: 0;
    margin-left: 0;
  }
  /* Unit - Unit Blocks */
  .area-block-list .unit-block,
  .area-block-list .unit-block,
  .area-block-list .unit-block,
  .area-block-list .unit-block.year,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry.start,
  .area-child-page-list .unit-block,
  .area-child-page-list .unit-block,
  .area-feature-boxes .unit-block,
  .area-venue-intro .area-feature-boxes .unit-block,
  .area-venue-list .unit-block,
  .type-information-list-page .area-feature-boxes .unit-block,
  .unit-block,
  .unit-block.first {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
  }
  /* Area - Block Lists */
  .area-block-list .unit-production-entry,
  .area-block-list .unit-production-entry.first,
  .area-block-list .unit-block.year {
    padding: .5em 0;
  }
  /* Unit Block - Media Objects */
  .area-block-list .unit-block .media,
  .area-block-list .unit-production-entry .media {
    float: left;
    display: block;
    width: 30%;
  }
  .area-block-list .unit-block .body,
  .area-block-list .unit-production-entry .body {
    display: block;
    float: right;
    width: 67.5%;
    margin-left: 2.5%;
  }
  .area-block-list .unit-block .meta .title,
  .area-block-list .unit-production-entry .meta .title {
    margin: 0;
    font-size: 16px;
  }
  .area-block-list .unit-block .meta .date,
  .area-block-list .unit-production-entry .meta .date,
  .area-block-list .unit-block .meta .date,
  .area-block-list .unit-production-entry .more-info {
    font-size: 12px;
    padding: .5em 0;
  }
  /* Unit Block - Reset button positioning */
  .area-block-list .unit-block .button,
  .area-block-list .unit-production-entry .button,
  .area-block-list .unit-block .more-info,
  .area-block-list .unit-production-entry .more-info {
    position: static;
  }
  .area-block-list .unit-block .button,
  .area-block-list .unit-production-entry .button {
    margin-left: 6px;
  }
  .area-block-list .unit-production-entry .button {
    /* Hide Book Now button on small screens */

    display: none;
  }
  /* Unit Block - Years */
  .area-block-list .unit-block.year {
    margin: .5em 0 0;
    padding: .5em;
    width: 100%;
    box-sizing: border-box;
  }
  .area-block-list .unit-block.year h2 {
    margin: 0 0 .2em 0;
  }
  .area-block-list .unit-block .more-info,
  .area-block-list .unit-production-entry .more-info {
    position: static;
    display: block;
  }
  .area-block-list .unit-block,
  .area-block-list .unit-production-entry,
  .type-information-list-page .area-feature-boxes .unit-block {
    height: auto;
  }
  .area-child-page-list.area-block-list .unit-block {
    width: 100%;
    margin-right: 0;
  }
  /* Hide booking links */
  .section-dates-times .phone,
  #fancybox-content .phone {
    display: block;
  }
  /* Page - Search */
  .type-search-page .header-block {
    width: 282px;
    height: auto;
  }
  .type-search-page .header-block h1 {
    display: none;
  }
  .type-search-page .header-block .searchQuery {
    float: none;
    padding-left: 0;
    top: 0;
    text-align: center;
    padding: 10px 0;
  }
  .type-search-page #primary-content {
    padding-bottom: 0;
  }
  .type-search-page #secondary-content {
    padding-top: 0;
  }
  /* Unit - Carousel */
  .carousel-pager-wrapper .carousel-pager,
  .toggle-container {
    top: -150px;
  }
  .unit-carousel,
  .unit-carousel .media,
  .unit-carousel img,
  .unit-carousel-wrapper {
    width: 300px !important;
    height: 133px;
  }
  /* Area - Feature Boxes */
  .area-feature-boxes {
    width: 300px;
  }
  /*		.area-feature-boxes .unit-block,
  		.area-feature-boxes .unit-block.last,*/
  .type-home-page #primary-content .area-feature-boxes .unit-block,
  .type-home-page #primary-content .area-feature-boxes .unit-block.last {
    clear: both;
    float: none;
    display: block;
    margin: 15px auto 0;
    width: 300px;
  }
  .area-feature-boxes .unit-block img {
    width: 300px;
    height: 168px;
  }
  .area-feature-boxes .unit-block p {
    padding: 12px;
    height: 54px;
    font-size: 26px;
    line-height: 27px;
  }
  /* Area - Child Pages */
  .area-child-page-list.area-block-list .unit-block {
    height: auto;
    margin-bottom: 1em;
  }
  /* Area - Venues */
  .area-venue-list .unit-block .meta .title,
  .area-venue-list .unit-block .more-info {
    display: block;
    width: 100%;
    margin-left: 0;
    padding: 0 0 .5em 0;
  }
  .area-venue-list.area-block-list .unit-block {
    width: 100%;
  }
  /* Area - Productions */
  .area-production-details .unit-content {
    padding: 0;
  }
  /* Behave  like a "row" */
  .tab-content.section-dates-times table tr td,
  #fancybox-content table tr td {
    display: block;
    padding: 5px 20px;
  }
  .tab-content.section-dates-times td.button-cell,
  #fancybox-content td.button-cell {
    text-align: left;
  }
  /** @end Common **/
  /** @group Header
  	---------------------------------------------------------------------- */
  #header,
  .area-logo {
    overflow: hidden;
    padding-top: 20px;
  }
  #header .area-header-search,
  #header .area-header-actions {
    left: 0;
    margin: 0;
  }
  #header .area-header-search {
    top: 25px;
  }
  #header .area-header-actions {
    top: 0;
  }
  #header .area-header-actions .phone {
    margin-top: 0;
  }
  #header .area-header-actions ul.nav-collapsed,
  #header .area-header-actions ul {
    display: none;
    top: 190px;
    text-align: left;
    right: auto;
    left: 0;
  }
  .area-header-actions li a {
    font-size: 14px;
  }
  #header .area-header-actions ul.nav-open {
    display: block;
  }
  #header .area-header-search .text {
    width: 85%;
  }
  /* @end Header */
  /** @group Primary Navigation
  	---------------------------------------------------------------------- */


 /*** removed:
 #primary-navigation .nav-toggle,
  #primary-navigation .nav-toggle:link {
    position: static;
    margin-bottom: 0em;
    width: 293px;
    font-size: 1em;
  }
  #primary-navigation .nav-toggle.active {
    margin-bottom: 2.75em;
  }

***/

  /* @end Primary Navigation */
  /** @group Footer
  	---------------------------------------------------------------------- */
  #footer .area-mailing-list #SpektrixSignup-Email {
    width: 116px;
  }
  #footer .area-footer-navigation,
  #footer .area-tel-address,
  #footer .area-colophon p {
    width: 150px;
  }
  #footer .area-footer-navigation .unit-link-list li a,
  #footer .area-tel-address p {
    font-size: 12px;
    line-height: 1.5em;
  }
  #footer .footer-logos {
    width: 300px;
    padding-top: 10px;
  }
  #footer .footer-logos li.tower-hamlets {
    clear: both;
    display: inline-block;
  }
  /** @end Footer */
  /** @group Type - Homepage
  	---------------------------------------------------------------------- */
  .type-news-holder .header-block {
    width: 280px;
  }
  .type-home-page .area-event-select label {
    display: block;
    width: 100%;
    font-size: 36px;
    line-heigt: 1em;
    text-align: center;
  }
  .type-home-page .area-event-select select {
    clear: both;
    float: none;
    margin: .5em auto;
  }
  .type-home-page .area-welcome-text {
    display: none;
  }
  .type-home-page #primary-content .area-feature-boxes {
    margin-bottom: 10px;
  }
  /** @end Type - Homepage */
  /** @group Type - Information Pages
  	---------------------------------------------------------------------- */
  .type-information-list-page .area-feature-boxes h2 {
    margin-bottom: .5em;
  }
  /** @end Type - Information Pages */
  /** @group Type - What's On - Season List
  	---------------------------------------------------------------------- */
  /* Header links - Calendar & Season*/
  .type-whats-on-page .area-block-list header,
  .type-calendar-view .area-block-list header {
    padding-bottom: 10px;
  }
  .group-upcoming-seasons .header-block .icon-view,
  .group-upcoming-calendar .header-block .icon-view {
    margin-left: 0;
  }
  .type-whats-on-page .header-block h1,
  .type-whats-on-page h1.header-block {
    display: block;
  }
  .type-whats-on-page .header-block .icon-view {
    float: none;
    margin: 0 10px 0 0;
  }
  .type-whats-on-page .upcoming-events {
    position: static;
    padding-left: 10px;
  }
  /* Production months */
  .type-whats-on-page .area-block-list .unit-block.month {
    clear: both;
    margin: 0;
    width: 100%;
    height: auto;
    border-top: 2px solid #a4a3a4;
    font-size: 23px;
  }
  /* Productions */
  .type-whats-on-page .area-block-list .unit-production-entry {
    clear: both;
    margin: 0;
    padding: .5em 0;
    width: 100%;
    border-top: 2px solid #4ae54a;
    border-bottom: none;
  }
  .type-whats-on-page .area-block-list .unit-production-entry .meta {
    margin-left: 100px;
  }
  .type-season .area-block-list .unit-production-entry {
    margin-left: 0;
  }
  .type-season .area-block-list .unit-production-entry.start {
    padding: .5em 0;
  }
  .tab-content.section-profiles .unit-block {
    width: 125px;
  }
  .tab-content.section-profiles .unit-block {
    width: 136px;
    margin: 10px 0 0 10px;
  }
  .area-block-list .unit-block .media {
    width: 100%;
  }
  /* Calendar View */
  .group-upcoming-calendar .icon-view.calendar-view {
    display: none;
  }
  .group-previous-seasons .unit-block.year .group-previous-calendar .area-production-month .unit-block.month,
  .group-previous-calendar .area-production-month .unit-production-entry {
    border-top-color: #a4a3a4;
  }
  #fancybox-content .has-image.profile-organisation {
    width: 228px;
  }
  #fancybox-content .description,
  .has-image.profile-person h1,
  .has-image.profile-organisation h1 {
    float: none;
    width: 222px;
    margin-left: 0;
  }
  #fancybox-content .description p {
    margin-top: 0;
    margin-bottom: 1em;
  }
  #fancybox-content .media {
    width: 228px;
  }
  #fancybox-content .media img {
    width: 100%;
  }
  .group-previous-seasons.area-block-list .unit-block {
    box-sizing: border-box;
  }
  .group-previous-seasons.area-block-list .unit-block.year {
    margin-right: 0;
    width: 100%;
  }
  .group-previous-seasons.area-block-list .unit-block.year .body {
    width: 100%;
    margin-left: 0;
  }
  .group-previous-seasons.area-block-list .unit-block.last {
    margin-right: 0;
  }
  .group-previous-seasons.area-block-list .unit-block:nth-child(5n) {
    margin-right: 0;
  }
  /* @end Type - What's On - Season List */
  /** @group Type - Venues
  	-------------------------------------------------------- */
  .header-block {
    height: auto;
  }
  #venue-map {
    height: 300px;
  }
  .area-season-details .media {
    float: none;
  }
  /* @end Type - Venues */
}
/* @end @media max-width 480px */

.xtgrayscale{
/*	filter: grayscale(100%); */
/*	-webkit-filter: grayscale(100%); */ /* For Webkit browsers */
/*	filter: gray; */ /* For IE 6 - 9 */
/*	-webkit-transition: all .6s ease; */ /* Transition for Webkit browsers */
}

.xtgrayscale:hover{
	opacity:0.8;
/*
     filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
*/
}

a.more2 {
color: 	#ff99cc;
}
a.more2:hover {
	color: black;
}



/* Els styles new */

.screen-reader-text{
	position:absolute;
	left:-4000px;
	top:-100000px;
}

/* header styles for higher logo: */
/* 
#header .logo{
	margin-top:15px;
}
#header .logo a,
#header .logo div{
	height:105px;
	background: url('../images/logo-spitalfields-40years-331.png') 0 0 no-repeat;
	background-size:331px auto;
}
*/
/* end header styles for higher logo */

/* edited styles for less high logo - right side needs to shrink too */

@media (min-width:991px){
	.header-content{
		padding-top:34px;
	}
	#primary-navigation{
		margin-top:19px !important;
	}
}
/* end edited styles for less high logo */



#primary-navigation{
	margin-top:45px;
}

h1{
	font-weight:normal !important;
/* should apply to the h1 page headers, but they don't seem to have a class to distinguish from possible other h1s */
/* !important added because the bold style is in the page itself! */
}

/* images at the top of sub pages, stiting above the h1 */
/* also for News & Blog singel pages */
/* and on venue detail pages */

div.area-page-image div.media img.attachment-post-thumbnail,
.area-news-list .newsfull img.attachment-newswide,
.area-production-details div.media img.wp-post-image{
	height:auto; /* because the height is given in html, the max-width of 100% changes the ratio of the image on narrow widths */
}


/* on the homepage */


#carousel-static-content .carousel-static-content{
	background:white;
}




div.home-welcome-text{
	padding:20px 0;
	border-top:1px solid #d6d3d4;
	border-bottom:1px solid #d6d3d4;
	margin:20px 0;
}
div.home-welcome-text p{
	font-size:23px;
	line-height:1.2;
	margin-bottom:0;
}

.type-home-page .area-news-list h2 a:hover{
	text-decoration:none;
}

/* download "button" on the homepage */

div.downloadbutton a{
	display:block;
	font-family:"GT Walsheim";
	font-size:25px;
	line-height:1.2;
	text-transform:capitalize;
	background:#1982e0;
	color:#fff;
	padding:12px;
	margin-bottom:24px;
}
div.downloadbutton a:focus,
div.downloadbutton a:hover,
div.downloadbutton a:active{
	background:#ff99cc;
	text-decoration:none;
}


/* submit buttons */
/* and fake buttons */

button,
a.button,
input.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input.button[type="submit"]{
	width:auto;
	/* background: #ff99cc !important; */
	background: #1982e0 !important;
	color:white !important;
	font-family: "GT Walsheim",sans-serif !important;
	font-size:14px;
	line-height:1;
	padding:5px 5px 19px 5px;
	border-radius:5px;
}
.type-production .tab-content a.button,
a.button{
	padding-bottom:5px; /* why is there a 19px bottom padding on the other actual buttons? */
	text-decoration:none;
}
.area-header-search input.submit {
	background:url('../images/icon-search.png') center center no-repeat #707070 !important;
	text-indent:-9999px;
	width:34px;
	margin-left:5px;
	float:left;
	padding:2px 0;
	border:none;
}
.area-production-details header .area-quick-book-tickets select{
	margin-bottom:7px;
}
.area-production-details header .area-quick-book-tickets input.book-button{
	display:block;
	clear:left;
	float:none;
}
.winter .area-production-details header .area-quick-book-tickets input.book-button{
	background:#4ae54a !important;
}
.summer .area-production-details header .area-quick-book-tickets input.book-button{
	background:#FF6666 !important;
}


/* sub navs in right sidebar */

.unit-nested-menu ul li.current_page_item a,
.unit-nested-menu ul li li.current_page_item a{
	text-decoration:underline;
}
.unit-nested-menu ul li.current_page_item li a{
	text-decoration:none;
}

.unit-nested-menu ul li ul.children{
	padding-left:20px;
	display:none;
}


.unit-nested-menu ul li.current_page_item ul,
.unit-nested-menu ul li.current_page_ancestor ul,
.unit-nested-menu ul li ul li.current_page_item ul.children,
.unit-nested-menu ul li ul li.current_page_ancestor ul.children,
.unit-nested-menu ul li.current_page_ancestor ul li.current_page_item ul.children,
.unit-nested-menu ul li.current_page_ancestor ul li.current_page_ancestor ul.children{
	display:block;
}
.unit-nested-menu ul li.current_page_item ul li ul.children,
.unit-nested-menu ul li li.current_page_item ul li ul.children,
.unit-nested-menu ul li li li.current_page_item ul li ul.children,
.unit-nested-menu ul li.current_page_ancestor ul li ul.children,
.unit-nested-menu ul li li.current_page_ancestor ul li ul.children,
.unit-nested-menu ul li li li.current_page_ancestor ul li ul.children{
	display:none;
}
.unit-nested-menu{}

/* search page */

/* "stolen" from Audrius style-amends.css and then edited */

.search-wrap .tabs {
  position: relative;
  min-height: 700px;
  height: 100%;
  clear: both;
  margin: 25px 0;
  overflow: hidden;
}
.search-wrap .tab {
  float: left;
}
.search-wrap .tab label {
  background: #ddd;
  padding: 10px 35px;
  margin-left: -1px;
  position: relative;
  left: 1px;
  margin-right: 20px;
  font-size: 16px;
}
.search-wrap .tab [type=radio] {
  display: none;
}
.search-wrap .content {
  position: absolute;
  top: 41px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px 0;
  border-top: 5px solid #ff99cc;
}
.search-wrap [type=radio]:checked ~ label {
  background: #ff99cc;
  z-index: 2;
  color: #fff;
}
.search-wrap [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.search-content {list-style-type: none;}

/* end */


ul.search-content li h2{
	font-size:18px;
	font-weight:normal;
	line-height:1.2;
	border-bottom:1px solid #ff99cc;
	margin-bottom:15px;
}
ul.search-content li h2 a{
	text-decoration:none;
}
ul.search-content li{
	padding-bottom:1px;
	margin-bottom:20px;
}
ul.search-content hr{
	display:none;
}

/* blog / news stuff */

/* main news & blog page */

.type-news-holder .area-news-list{
	padding-top:10px;
}
h2.archive-title{
	font-size:18px;
	font-weight:normal;
	line-height:1.2;
	margin-top:-5px;
	margin-bottom:20px;
}
.newsexcerpt,
.newsfull{
	overflow:hidden;
	padding:0 0 20px 0;
	border-bottom:1px solid #ff99cc;
	margin-bottom:20px;
}
.newsexcerpt img{
	float:left;
/*	
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
*/
}
.newsexcerpt a:focus img,
.newsexcerpt a:hover img,
.newsexcerpt a:active img{
	opacity:0.8;
/*
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
*/
}
.newsexcerpt.has-post-thumbnail .entry-header,
.newsexcerpt.has-post-thumbnail .entry-content,
.newsexcerpt.has-post-thumbnail .entry-footer{
	margin-left:220px;
}
.newsexcerpt .entry-header h2{
	font-size:18px;
	font-weight:normal;
	line-height:1.2;
	margin-top:0; /* overriding generic heading margin */
	margin-bottom:0;
}
.newsexcerpt .entry-header h2 a{
	color:black;
}
.newsexcerpt .posted-on,
.newsexcerpt .cat-links{
	color:#808080;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.newsexcerpt .entry-content p{
	font-size:12px;
	line-height:1.5;
	margin-bottom:0;
}
.newsexcerpt .entry-footer{
	display:none;
}

.pagination{
	text-align:center;
}
.pagination a,
.pagination span{
	margin:0 3px;
}
.pagination b{
	color:#d6d3d4;
}
.pagination a,
.pagination span {
	margin: 0 3px;
}
.pagination a {
	color: #333;
	font-weight: bold;
}
.pagination a:hover,
.pagination b,
.pagination span {
	color: #ff99cc;
}
.pagination .button,
.pagination .button span {
	color: #fff;
}
.pagination .button span {
	margin: 0;
}

/* single post page */

h1.entry-title{
	font-size:25px;
	line-height:1.2;
	margin-top:0;
	margin-bottom:.7em;
}
img.attachment-newswide{
	display:block;
	margin-bottom:15px;
}
.entry-footer{

}

.post-navigation .post-title{
	display:block;
}
.nav-previous{
	float:left;
	max-width:48%;
}
.nav-next{
	float:right;
	max-width:48%;
	text-align:right;
}

/* end news/blog */

.type-whats-on-page .area-block-list header,
.type-calendar-view .area-block-list header,
.type-information-list-page .area-block-list header{
	border-bottom:1px solid #ff99cc;
	height:auto;
	padding:0;
	margin-bottom:15px;
}

.type-whats-on-page .area-block-list header h1,
.type-calendar-view .area-block-list header h1,
.type-information-list-page .area-block-list header h1{
	font-size:25px;
	color:#ff99cc;
	margin-bottom:0;
}
h1.page-heading{
	font-size:25px;
	font-weight:normal;
	color:#ff99cc;
	border-bottom:1px solid #ff99cc;
	margin-bottom:15px;
}
.area-list-intro img.wp-post-image{
	float:right;
	width:300px;
	height:auto;
}
.area-list-intro h2,
.area-list-intro p{
	margin-right:330px;
}
.area-list-intro h2{
	font-size:17px;
}
#sidebar h2{
	font-weight:normal;
}


/* featureboxes on the homepage have the infolist class */
/* as well as a featureboxlist class to override where needed */
/* the boxes on the your visit page have an additional 'yourvisit' class */
/* the event boxes on the what's on page use whatsonlist instead of infolist */
/* infolist = 3 per row, whatsonlist is 4 per row */
/* venueslist: 4 per row */

ul.infolist,
ul.whatsonlist,
ul.venueslist{
	list-style:none;
	clear:both;
	margin-right:-30px;
	overflow:hidden;
}
ul.infolist{
	padding-top:30px; /* to clear whatever is above, such as a banner or a floated image */
}
.wrappercut{
	overflow:hidden;
}

ul.yourvisit{
	clear:none;
	float:right;
	width:498px;
	padding-top:20px; /* to get it level with the text on the left */
}
ul.infolist li.item{
	float:left;
	width:300px;
	font-size:17px;
	margin-right:30px;
	margin-bottom:30px;
}
ul.whatsonlist li.item{
	float:left;
	width:222px;
	min-height:260px;
	border-bottom:5px solid #ccc;
	font-size:17px;
	margin-right:24px;
	margin-bottom:24px;
}
/* only extend link to full height when we have only one link on the whole item! */
/* which is on the main whatson page only */
.type-whatson-page ul.whatsonlist li.item a{
	display:block;
	min-height:260px;
}
ul.whatsonlist li.eventlistheading a{
	min-height:0;
}
ul.venueslist li.item{
	float:left;
	width:222px;
	min-height:215px;
	border-bottom:5px solid #ccc;
	font-size:17px;
	margin-right:24px;
	margin-bottom:24px;
}
ul.featureboxlist li.item{
	font-size:23px;
	line-height:1.2;
}
ul.yourvisit li.item{
	width:222px;
	margin-right:24px;
}
ul.yourvisit li.odd{
	clear:left;
}
ul.yourvisit li.even{
	margin-right:0;
}
ul.featureboxlist li.item span.detail{
	font-size:12px;
}

ul.infolist li.after3,
ul.whatsonlist li.after4,
ul.venueslist li.after4{
	clear:left; /* to avoid clashing/stacking in case of longer titles */
}
ul.infolist li.item a:focus,
ul.infolist li.item a:hover,
ul.infolist li.item a:active,
ul.whatsonlist li.item a:focus,
ul.whatsonlist li.item a:hover,
ul.whatsonlist li.item a:active,
ul.venueslist li.item a:focus,
ul.venueslist li.item a:hover,
ul.venueslist li.item a:active{
	text-decoration:none; /* overriding generic styles */
}
ul.infolist li.item a img,
ul.whatsonlist li.item a img,
ul.venueslist li.item a img{
	display:block;
	width:100%; /* some images aren't 300px wide (from old site, 222px only) */
	height:auto; /* override any heights from HTML */
/*
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
*/
}
ul.featureboxlist li.item a img,
ul.infolist li.item a:hover img,
ul.whatsonlist li.item a:hover img,
ul.venueslist li.item a:hover img{
	opacity:0.8;
/*
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
*/
}
ul.featureboxlist li.item a img{
	border-bottom:10px solid #ff99cc; 
}
ul.whatsonlist li.item a span.imageborder{
	border-bottom:10px solid #ff99cc; 
	/* temp clip height */
	height:124px;
	overflow:hidden;
}
body.page-id-2 ul.whatsonlist li.item a span.imageborder{
	border-bottom:10px solid #ff99cc; 
	/* temp clip height */
	height:124px;
	overflow:hidden;
}
ul.venueslist li.item a span.imageborder{
	border-bottom:5px solid #ff99cc; 
}
ul.whatsonlist li.eventlistheading.noseason{
	background:#ff99cc; 
}
ul.whatsonlist li.eventlistheading.spring{
	background:#ff99cc; 
}
ul.whatsonlist li.eventlistheading.summer{
	background:#ff6666;
}
ul.whatsonlist li.eventlistheading.winter{
	background:#4ae54a;
}
ul.whatsonlist li.eventlistheading h2,
ul.whatsonlist li.eventlistheading span.viewall,
ul.whatsonlist li.eventlistheading span.upcoming-events{
	color:white;
	padding-left:10px;
	padding-right:10px;
}
ul.whatsonlist  li.eventlistheading.winter h2,
ul.whatsonlist  li.eventlistheading.winter span.viewall,
ul.whatsonlist  li.eventlistheading.winter span.upcoming-events{
	color:black;
}
ul.whatsonlist li a:focus span.viewall,
ul.whatsonlist li a:hover span.viewall,
ul.whatsonlist li a:active span.viewall{
	color:black;
}
ul.whatsonlist li.winter a:focus span.viewall,
ul.whatsonlist li.winter a:hover span.viewall,
ul.whatsonlist li.winter a:active span.viewall{
	color:white;
}

.winter a span.imageborder{
	border-bottom-color:#4ae54a !important;
}
.winter a{
	color:#4ae54a;
}

.winter .sm-book {
    color:#4ae54a !important;
}

.winter a:hover{
	color:#000;
}
.summer a span.imageborder{
	border-bottom-color:#ff6666 !important;
}
.summer a{
	color:#ff6666;
}
.summer a:hover{
	color:#000;
}
.winter a span.moreinfo,
.summer a span.moreinfo,
.noseason a span.moreinfo,
.winter span.moreinfo a,
.summer span.moreinfo a,
.noseason span.moreinfo a{
	color:#000;
}
.winter span.moreinfo a:hover,
.winter a:hover span.moreinfo{
	color:#4ae54a;
}
.summer span.moreinfo a:hover,
.summer a:hover span.moreinfo{
	color:#ff6666;
}
.noseason span.moreinfo a:hover,
.noseason a:hover span.moreinfo{
	color:#ff99cc;
}
.winter span.moreinfo a.booktickets:hover,
.summer span.moreinfo a.booktickets:hover,
.noseason span.moreinfo a.booktickets:hover{
	color:#1982e0;
}


.tab-headers{
	border-bottom: 11px solid #666; /* to be overridden by season colours */
	display:block;
	overflow:hidden;
}
.tab-headers li{
	list-style: none;
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
}
.tab-headers li a{
	display: block;
	font-size: 20px;
	padding: 5px 11px 2px;
	-webkit-font-smoothing: antialiased;
}
.tab-content.section-dates-times table tr{
	border-bottom: 1px solid #666; /* to be overridden by season colours */
}

.tab-content.section-profiles .area-profilegrouping a{
	text-decoration:none;
}
.tab-content.section-profiles .area-profilegrouping a:hover,
.tab-content.section-profiles .area-profilegrouping a:focus,
.tab-content.section-profiles .area-profilegrouping a:active{
	text-decoration:underline;
}



/* overriding season colour for text links in event pages tab content: */


.type-production .tab-content a{
	color:#000;
	text-decoration:underline;
}
.type-production .tab-content a:focus,
.type-production .tab-content a:hover,
.type-production .tab-content a:active{
	color:#808080;
}

.type-production .winter h1,
.type-production .winter h2 a,
.type-production .winter .production-tabs ul li a{
	color:black;
}


ul.infolist li.item a span,
ul.whatsonlist li.item a span,
ul.venueslist li.item a span{
	display:block;
	font-weight:bold;
	font-weight:normal;
	padding-top:5px;
}
ul.venueslist li.item a span{
	font-weight:normal;
	color:#000;
}
ul.venueslist li.item a:focus span,
ul.venueslist li.item a:hover span,
ul.venueslist li.item a:active span{
	color:#ff99cc;
}
ul li.item a span.eventtitle,
ul li.item a span.eventdate{
	color:black !important; /* overriding link colours */
}

ul li.item a span.imageborder,
ul li.item a span.eventdate{
	padding-top:0 !important; /* overriding */
}
ul li.item a span.eventdate{
	font-weight:normal;
	font-size:14px;
}
ul li.item{
	position:relative;
}
ul li.item a span.moreinfo,
ul li.item a span.viewall,
ul.whatsonlist li.item span.moreinfo{
	position:absolute;
	right:0;
	bottom:10px;
	text-align:right;
	font-weight:normal;
}
ul.featureboxlist li.item a span{
	font-weight:normal;
}


body.section-whats-on .area-production-details header{
	float:left;
	width:246px;
	position:relative; /* needed? */
	height:auto; /* overriding 399 set height */
}



/* event pages colours per season / non-season */

/* .area-production-details header.noseason hgroup h1 */
/* .area-production-details header.winter hgroup h1 */
/* .area-production-details header.summer hgroup h1 */
/* client doesn't want the colour there, grey instead */

.area-production-details header hgroup h1{
	background:#F4F4F4;
	color:black;
}
.primary-type-production #fancybox-content table tr td{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.noseason .tab-headers li.active a,
.noseason .tab-headers li.active a:hover{
	background: #ff99cc;
}
.noseason #fancybox-content table tbody{
	border-top-color:#ff99cc;
}
.noseason #fancybox-content table,
.noseason .tab-headers,
.noseason .tab-content.section-profiles .unit-block,
.noseason .tab-content.section-dates-times table tr,
.noseason #fancybox-content table tr td{
	border-bottom-color:#ff99cc;
}
.area-production-details header.noseason hgroup h2 a,
.noseason .tab-headers a{
	color: #ff99cc;
}

.winter .tab-headers li.active a,
.winter .tab-headers li.active a:hover{
	background: #4ae54a;
}
.winter #fancybox-content table tbody{
	border-top-color:#4ae54a;
}
.winter #fancybox-content table,
.winter .tab-headers,
.winter .tab-content.section-profiles .unit-block,
.winter .tab-content.section-dates-times table tr,
.winter #fancybox-content table tr td{
	border-bottom-color:#4ae54a;
}
.summer .tab-headers li.active a,
.summer .tab-headers li.active a:hover{
	background: #ff6666;
}
.summer #fancybox-content table tbody{
	border-top-color:#ff6666;
}
.summer #fancybox-content table,
.summer .tab-headers,
.summer .tab-content.section-profiles .unit-block,
.summer .tab-content.section-dates-times table tr,
.summer #fancybox-content table tr td{
	border-bottom-color:#ff6666;
}

.area-production-details header.summer hgroup h2 a,
.summer .tab-headers a{
	color: #ff6666;
}
.area-production-details header hgroup h2 a,
.tab-headers a{
	color:#000 !important;
}
.type-production .media.static-map span.viewvenueinfo{
	display:block;
	font-size:24px;
	padding-top:7px;
}
.type-production .media.static-map a:hover{
	text-decoration:none;
}

/* some other stylesheet:						*/
/* framework/assets/css/style-amends.css				*/
/* sets the generic font to Helvetica/Arial				*/
/* This applies to entry-content paragraphs. 				*/
/* Now I have to set the links inside those paragraphs to also 		*/
/* use that font set. 							*/

.entry-content p a{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}


@media only screen and (max-width: 991px) {
/* page-content 696 wide */

	#header {
	    padding-bottom: 50px; /* increased because otherwise the navigation doesn't have any space. */
	}

/* styles for higher logo: */
/*
	#header .phone{
		left:auto;
		right:0;
		top:66px;
	}
*/
/* end styles for higher logo */

	.area-list-intro img.wp-post-image{
		width:226px;
	}
	.area-list-intro h2,
	.area-list-intro p{
		margin-right:235px;
	}
	ul.infolist,
	ul.whatsonlist,
	ul.venueslist,
	ul.yourvisit{
		margin-right:-9px;
	}
	div.wrappercut{
		width:100%;
	}
	ul.yourvisit{
		clear:both;
		float:none;
		width:auto;
		overflow:hidden;
	}
	ul.infolist li.item,
	ul.whatsonlist li.item,
	ul.venueslist li.item{
		width:226px;
		margin-right:9px;
		margin-bottom:20px;
	}
	ul.whatsonlist li.after4,
	ul.venueslist li.after4{
		clear:none;
	}
	ul.whatsonlist li.after3,
	ul.venueslist li.after3{
		clear:left;
	}
	ul.yourvisit li.item{
		width:300px;
		margin-right:30px;
	}
	ul.featureboxlist li.item{
		font-size:18px;
	}
	ul.infolist li.item img,
	ul.whatsonlist li.item img,
	ul.venueslist li.item img{
		width:100%; /* some images are too small at some widths */
		max-width:100%;
		height:auto;
	}
	ul.whatsonlist li.item a span.imageborder{
		/* temp clip height */
		height:124px;
		overflow:hidden;
	}
	body.section-whats-on .area-production-details header {
		width:278px;
	}

}
@media only screen and (max-width: 768px) {
/* page-content 575 wide */

	#header {
	    padding-bottom: 38px; /* back to 38, menu goes into button */
	}

/* styles for higher logo: */
/*
	#header .logo{
		margin-top:40px;
	}
	#header .area-header-actions ul.nav-collapsed,
	#header .area-header-actions ul{
		top:143px;
	}
	#primary-navigation .nav-toggle,
	#primary-navigation .nav-toggle:link{
		top:150px;
	}
*/
/* end styles for higher logo */


	.area-primary-navigation.nav-open{
		margin-top:20px !important; /* overriding 10px margin-top, which is not enough */
	}
	#primary-navigation .nav-toggle,
	#primary-navigation .nav-toggle:link{
		color:#fff;
	}

	.area-list-intro img.wp-post-image{
		width:185px;
	}
	.area-list-intro h2,
	.area-list-intro p{
		margin-right:195px;
	}
	ul.infolist,
	ul.whatsonlist,
	ul.venueslist{
		margin-right:-10px;
	}
	ul.infolist li.item,
	ul.whatsonlist li.item,
	ul.venueslist li.item{
		width:185px;
		margin-right:10px;
	}
	ul.yourvisit{
		margin-right:-15px;
	}
	ul.yourvisit li.item{
		width:280px;
		margin-right:15px;
	}
	ul.whatsonlist li.item a span.imageborder{
		/* temp clip height */
		height:103px;
		overflow:hidden;
	}
	body.section-whats-on .area-production-details header{
		float:none;
		width:auto;
	}
}
@media only screen and (max-width: 580px) {
/* page-content 436 wide */
	.area-list-intro img.wp-post-image{
		margin-left:10px;
	}
	.area-list-intro h2,
	.area-list-intro p{
		margin-right:auto;
	}
	ul.infolist li.item,
	ul.whatsonlist li.item,
	ul.venueslist li.item{
		width:213px;
	}
	ul.yourvisit{
		margin-right:-10px;
	}
	ul.yourvisit li.item{
		width:213px;
		margin-right:10px;
	}
	ul.infolist li.after3,
	ul.whatsonlist li.after3,
	ul.venueslist li.after3{
		clear:none;
	}
	ul.infolist li.after2,
	ul.whatsonlist li.after2,
	ul.venueslist li.after2{
		clear:left;
	}
	ul.featureboxlist li.item{
		clear:none !important;
		width:140px;
		margin-right:8px;
	}
	ul.whatsonlist li.item a span.imageborder{
		/* temp clip height */
		height:119px;
		overflow:hidden;
	}
	.newsexcerpt.has-post-thumbnail .entry-header,
	.newsexcerpt.has-post-thumbnail .entry-content,
	.newsexcerpt.has-post-thumbnail .entry-footer{
		margin-left:auto;
	}
	.newsexcerpt.has-post-thumbnail .attachment-newsthumb{
		margin:0 12px 12px 0;
	}
	.search-wrap .tab label{
		padding:10px 15px;
	}



}
@media (max-width: 480px) {
/* page-content 300wide */

	#header .area-header-actions ul.nav-collapsed,
	#header .area-header-actions ul{
		display:block !important;
		top:150px;
	}
	.area-header-actions li a{
		font-size:14px !important;
		font-weight:400;
	}
	.area-header-actions li{
		padding-right:7px;
	}
	#primary-navigation .nav-toggle,
	#primary-navigation .nav-toggle:link{
		top:145px;
	}

/* styles for higher logo: */
/*
	#header .logo{
		margin-top:40px;
	}
	#header .area-header-actions ul.nav-collapsed,
	#header .area-header-actions ul{
		top:175px;
	}
	#primary-navigation .nav-toggle,
	#primary-navigation .nav-toggle:link{
		top:170px;
	}
*/
/* end styles for higher logo */







	.area-list-intro img.wp-post-image{
		float:none;
		width:300px;
		max-width:100%;
		margin-left:auto;
	}
	ul.infolist,
	ul.whatsonlist,
	ul.venueslist{
		margin-right:auto;
	}
	ul.infolist li.item,
	ul.whatsonlist li.item,
	ul.venueslist li.item{
		width:100%;
		margin-right:0;
		clear:none;
	}
	ul.featureboxlist li.item{
		font-size:23px;
	}
	ul.whatsonlist li.item a span.imageborder{
		/* temp clip height */
		height:168px;
		overflow:hidden;
	}
	ul.whatsonlist li.item a span.imageborder img{
		width:100%;
	}
	.newsexcerpt .entry-header h2{
		font-size:16px;
	}
	.newsexcerpt.has-post-thumbnail .attachment-newsthumb{
		max-width:50%;
		height:auto;
	}
	.search-wrap .tab label{
		padding:4px 8px;
		margin-right:9px;
		font-size:14px;
	}
	.search-wrap .content{
		top:27px;
	}

}