.show-right {float: right; margin: 12px 0 12px 12px; width: 170px; /* not setting width caused IE bugs */ }

.programme-item-top {}


.ul-share-icons-show {float: right; height: 30px; list-style-type: none; margin: 0; padding: 0; }
.share-icon {float: left; margin-left: 6px; }
.show-thumbnail {float: right; width: 142px; padding: 0 0 12px 12px; text-align: center; }

#embryo-facebook-link {float: right; text-align: center; }
#embryo-facebook-link a {text-decoration: none; }

#ul-contact-social-media-buttons {float: right; list-style-type: none; margin: 0 80px 0 0; padding: 0; text-align: center; }
#ul-contact-social-media-buttons li {margin-bottom: 18px; }
#ul-contact-social-media-buttons li a {text-decoration: none; }


#schedule {}
#schedule th { text-align: left; padding-top: 6px; color: #c30; }
#schedule td { background: #333; padding: 2px 12px; }


/* ---------------- ELEMENTS ---------------- */

body {font: 14px Arial, Helvetica, sans-serif; color: #fff;	background: #000; margin: 0; padding: 0; }
h1 {font-size: 1.5em; margin-top: 0; color: #c30; background-color: inherit; }
h1.header {border-bottom: 2px solid #c30; }
h1.intro-header {margin-top: -21px; }
h1.intro-header img {position: relative; top: 12px;	left: 4px; }
h2, h3 {/* h3 for play titles */font-size: 1.2em; color: #c30; background-color: inherit; margin-bottom: 10px; }
h3 {margin-top: .5em; line-height: 1.5em; }
h4 {/* Programme mini titles */font-size: 1.1em; color: #c30; background-color: inherit; margin: 0 0 6px 0; }
p {margin-top: 0; }
blockquote { margin: 0; }
img {border: 0; }

/* ---------------- COMMON ---------------- */

#wrap {width: 1000px; }
.hidden {position: absolute; top: -10000px; left: 0; }
#top-message {position: absolute; top: 0px; left: 0px; z-index: 99; margin: 0; width: 100%; background: #f00; font-size: .9em; font-weight: bold; color: #fff; }
#offline-message {margin: 10%; text-align: center; font: 15px Arial, sans-serif; }

/* ---------------- LEFT ---------------- */

#left {position: absolute; top: 12px; left: 12px; }

#nav-main {width: 144px; margin-top: 12px; }
	#nav-main ul {margin: 0; padding: 0 0 6px 0; list-style-type: none; font-size: .9em; font-weight: bold; }
	#nav-main a {display: block; width: 134px; height: 13px; padding: 5px; border-bottom: 3px solid #000; }
	#nav-main a:link, #nav-main a:visited {color: #fff; background-color: #333; text-decoration: none; }
	#nav-main a:hover {color: #fff; background-color: #c30; }
	#nav-main li#active a {color: #fff; background-color: #c30;  }

/* ---------------- CONTENT ---------------- */

.hidden {position: absolute; top: -10000px; left: 0; }
#content {margin: 20px 12px 100px 176px; padding: 0;}
	#content a {color: #fff; background-color: inherit; } 
	#content a:hover {color: #c30; background-color: inherit; }
.no-margin {margin: 0; }
.largetext {font-size: 1.1em;}
.largertext {font-size: 1.2em;}
.smalltext {font-size: .9em; }
.orange {color: #c30; background-color: inherit; } 
.light-orange {color: #F93; background-color: inherit; } 
.yellow {color: #ff9; background-color: inherit; } 
.red {color: red; background-color: inherit; } 
.white {color: #fff; background-color: inherit; } 
.centered {text-align: center; }
.caption {text-align: center; font-style: italic; font-size: 0.89em; }
.quotes {font-size: .9em; padding: 12px; }
.text-highlight {background-color: #c30; padding: .2em .4em; margin-right: .6em; color: #fff; }
.index {font-size: .9em; line-height: 1.4em; padding: 1%; border: 1px solid #999; color: #fff; background: #333; }
	.index p {margin: 0; line-height: 1.5em; }
	.index-highlight {background-color: #c30; padding: 0 .3em .1em .3em; margin: 0 .3em; color: #fff; }
.programme-item {margin-bottom: 6px; border: 1px solid #999; padding: 6px 12px 0 12px; background: #131313;   height: 1%;}
	.programme-item  p {margin: 0 0 .8em 0; }
	.programme-mini {margin: 6px 0; color: #fff; background: #1B1B1B; border: 1px solid #666; padding: 12px 12px 6px 12px; }
	.programme-mini p {margin: 0 0 .6em 0; }

#kings-news {margin-bottom: 12px; border: 1px solid #999; padding: 0 6px 12px 12px; background: #131313; }

.image-right {float: right; width: 26%; padding: 1% 0% 1% 1%; }
.image-right img {width: 100%; border: 1px solid #ccc; }
.image-left {float: left; padding: 0% 1% 1% 0%; }
.image-pair {float: left; width: 360px; padding: 0 24px 12px 0; }
.image-pair img {border: 1px solid #ccc; }
.margin-top {margin-top: 12px; }

.left {float: left; }
.right {float: right; }
.clear-left {clear: left; }
.clear-both {clear: both; }
.invisible-alt {width: 100%; height: 100%; }
.thumbnail {float: right; width: 142px; padding: 1% 0% 1% 1%; text-align: center; }
	.in-house-thumbnail {float: right; width: 202px; padding: 1% 0% 1% 1%; text-align: center; }
	.embryo-thumbnail {float: right; padding: 2.5% 3% 1% 1%; }
	.wide-thumbnail {float: right; padding: 1% 0% 1% 1%; }
	.thumbnail img, .in-house-thumbnail img, .wide-thumbnail img {border: solid 1px #666; }
	.thumbnail-caption {font-style: italic;	font-size: 0.89em; }
.quicktimevideo {margin: 5%; }

.news-archive-link {float: right; margin-top: 8px; font-size: 1.2em; }

.oaa-header {background-color: inherit; /*padding: .2em .4em; margin-right: .6em;*/ color: #E6970E; }

.embryo-flash {width: 700px; height: 436px;	max-width: 100%; }
	.comments {background: #fff; color: #000; font-family: "Courier", monospace; line-height: 1em; margin: 24px 132px 24px 132px; padding: 2%; }

#welcome p {margin-bottom: .8em; }
#intro-quotes {text-align: center; color: #fc3; background-color: inherit; font-size: .9em; line-height: 1.2em; }

#twitter-feed {float: right; width: 300px; min-height: 500px; margin-top: 12px; }

#news {float: left; width: 488px; margin-top: 12px; /*border: 1px solid #999; padding: 0 6px 0 6px; background: #191919;*/ }
.news-item {margin: 6px 0; color: #fff; background: #1B1B1B; border: 1px solid #666; padding: 0 12px; }

.news-archive {margin: 1% 0%; border: 1px solid #999; padding: 0 8px; background: #191919; }


#whats-on-message {float: right; padding-top: 4px; font-size: .9em; }
.slot-number {float: right; color: #666; }

.in-house-company {margin: 12px 0; border: 1px solid #999; padding: 12px; background: #131313; }
	.in-house-company  p {margin: 0 0 .8em 0; }
.in-house-logo {float: left; margin: 0; padding: 6px 24px 6px 0; }
	
.press-review {margin: 1% 0%; border: 1px solid #999; padding: 1% 1% 0% 1%; background: #191919; }

#wanted h2 {margin-bottom: 6px; }
#contact h2 {margin-bottom: 0; }


#beached-link a {color: #404AD3; }
#beached-link a:hover {text-decoration: none; color: #4B69EE; }

#kings h1 {margin-top: -8px; }

#map {width: 400px; margin: 24px auto; }

#links a:visited {color: #ccc; background-color: inherit; } #links a:hover {color: #c30; background-color: inherit; }
	#links h2 {margin: 0; }
	.links-column {width: 49%; float: left; }
	.linkslist {margin: 0; padding: 0 0 12px 16px; }

#outandaboutbutton {font-size: 1.4em; text-align: center; margin-bottom: 1%; padding: 0% 1% 0% 1.5%; }
#next-season-message {font-size: 1.4em; text-align: center; margin: 18px 0; padding: 3px 0; border: 3px ridge; background-color: #c30; }
#view-all-shows-link {font-size: 1.3em; margin-bottom: 1%; }
#view-all-shows-link a {text-decoration: none; }

#kings-programme {margin-bottom: 12px; font-size: .9em; }
#kings-programme h3 {margin: 6px 0 0 0; }
.lightweight {font-weight: normal; }

#popup {padding: 12px; text-align: center; }
	#popup a {color: #fff; background-color: inherit; } 
	#popup a:hover {color: #c30; background-color: inherit; }

.strike {text-decoration: line-through; }

.feedback {margin: 8px 0; padding: 6px; background: #4CB14C; color: #fff; font-weight: bold; }
.action {margin: 8px 0; padding: 6px; background: #f00; color: #fff; font-weight: bold; }

/* --------------- FORMS --------------- */

fieldset {border: 0; clear: both; }
.label-200 {float: left; width: 200px; font-weight: bold; text-align: right; padding: 0 6px 0 0; }
.label-150 {float: left; width: 150px; font-weight: bold; text-align: right; padding: 0 6px 0 0; }
.label-100 {float: left; width: 100px; font-weight: bold; text-align: right; padding: 0 6px 0 0; }
.input-20 {width: 20em; }
.button-160 {margin: 24px 0 0 160px; }
.button-200 {margin: 24px 0 0 200px; }
.button-250 {margin: 12px 0 0 250px; }

#contactform {float: left; border-bottom: 1px solid #666; padding: 12px 0; }
	#contactform fieldset {margin: 0 0 5px 0; padding: 0; }
	.contact-form-error {padding-left: 212px; font-size: 0.9em; color: #f00; background-color: inherit; }
	.fieldset-spacer{height: 12px; }




#reservation-left {float: left; width: 400px; margin: 12px 0 0 0; }
	
#reservation-form , #confirm-reservation-form{height: 280px; margin: 12px 0 12px; padding: 0; border-bottom: 1px solid #ccc; }
	#reservation-form fieldset {margin: 0 0 6px 0; padding: 0; }
	.reservation-form-error {float: left; padding-left: 16px;/**/ font-size: 0.9em; color: #f00; background-color: inherit; }

	.left-150 {padding-left: 160px;  }





.sc {display: none; }

.cancel-error {padding-left: 200px; font-size: 1.2em; color: #CC0000; }
.cancel-email-error {padding: 6px 0 0 210px; color: #CC0000; }

/* ---------------- EMBRYO ---------------- */


#embryo-left {width: 120px; float: left; margin: 0 12px 24px 0; }
#embryo-right {width: 120px; float: right; margin: 0 0 24px 12px; }
#embryo-centre { }


/* ---------------- IMAGE GALLERY ---------------- */

#header-info {border: 3px outset #666; width: 14em;	 margin: 1.7% auto 1%; padding: 4px; }
#header-info h1 {margin: 13px 0 0 0; }
#gallery-logo {float: left; padding-right: 8px; }
#gallery p {text-align: center;	margin: 0 0 .7em 0; }
#gallery a {color: #fff; background-color: inherit; }
#gallery a:hover {color: #c30; background-color: inherit; }
#gallery-pic {text-align: center; }
#gallery-pic img {/*width: 54%;*/ border: 3px ridge #666; }
#gallery-caption {padding: 1% 0% 0% 0%; line-height: 1.4em; }
.gallery-credit {font-style: italic; font-size: .9em; color: #878787; background-color: inherit; }
.gallery-info {font-style: italic; }
.gallery-title {font-weight: bold; color: #c30; background-color: inherit; }
.gallery-info {font-style: italic; }

 
/* ---------------- VIDEO GALLERY ---------------- */

#video {width: 100%; border-collapse: collapse; }

.video-top-left, .video-top-right {width: 160px;  }
.video-top-left, .video-top-centre-left, .video-top-center, .video-top-centre-right, .video-top-right {padding: 4px 0 8px;  }
.video-top-centre-left {padding-right: 12px; }

.video-left-thumbnails, .video-right-thumbnails {width: 160px; padding-bottom: 48px; }

.video-centre {background: #090909; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #333; padding: 8px 12px 48px 12px; }

#video a {color: #fff; background-color: inherit; } 
#video a:hover {color: #c30; background-color: inherit; }
#video h1 {margin: 6px 0 0 0; }
.video-thumb {width: 130px; }
.video-caption  {text-align: center; font-size: 0.8em; }
#video-info {margin-top: 24px; color: #999; }