/* Productions */
.productions .production {
	margin-bottom: 20px;
}
.productions .production .image,
.productions .production .details {
	float:left;
	display:inline;
	width:128px;
	margin-right:16px;
}
.productions .production .details {
	width:368px;
	margin-right:0px;
}
.productions .production .title {
	font-size:1.6em;
	line-height:1.188em;
	margin-bottom:0.125em;
}
.productions .production .company,
.productions .production .dates {
    text-transform:uppercase;
    color:#666666;
    font-size: 1.1em;
    line-height:1.5em;
}
.productions .production .description {
    font-size: 1.3em;
    line-height: 1.385em;
	color:#333333;
}

/* Production - Heading */
.productions-production em {
    font-style: italic;
}
.productions-production strong {
    font-weight: bold;
}
.productions-production #heading.row {
	margin-bottom:0;
}
.productions-production h1 {
    font-size: 3.2em;
    color:#444444;
    line-height: 1.25em;
    padding-bottom:0.167em;
}
.productions-production .production-season {
    text-transform:uppercase;
    font-size: 1.1em;
    color:#666666;
    letter-spacing: 0.037em;
}
.productions-production .production-season .separator {
    color: #cccccc;
    margin: 0 8px;
}
/* Production - Media */
.productions-production #media-zone {
	margin:16px 16px 24px 16px;
	padding:16px;
    background: #292929;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1;
}
.productions-production #media-zone .featured,
.productions-production #media-zone .detailed {
	float:left;
	display:inline;
	margin-right:32px;
	width:448px;
}
.productions-production #media-zone .detailed {
	margin-right:0px;
	width:288px;
}
.productions-production #media-zone .featured #featured-media {
   z-index: 1;
}
.productions-production #media-zone .detailed .short-background {
    margin-bottom: 13px;
    color: #eeeeee;
    font-size: 2em;
    line-height: 1.3em;
}
.productions-production #media-zone .detailed .photos h2 {
	border-top:1px solid #666666;
	text-transform:uppercase;
    color: #cccccc;
    font-size: 1.1em;
	padding:0.545em 0;
}
/* Production - Events */
.productions-production #when-to-see-it {
	margin-bottom:20px;
}
.productions-production #when-to-see-it .booking {
	font-size:1.1em;
	line-height:1.455em;
	color:#333333;
	margin-bottom:1.455em;
}
.productions-production #when-to-see-it .booking h2 {
	text-transform:uppercase;
	font-weight:bold;
}
.productions-production #when-to-see-it .booking li {
	padding-left:16px;
	background: url(../images/disc.png) no-repeat 6px 50%;
}
.productions-production #when-to-see-it .events {
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
}
.productions-production #when-to-see-it .events,
.productions-production-season #when-to-see-it .events {
	font-size:1.1em;
	line-height:1.455em;
	color:#333333;
}
.productions-production #when-to-see-it .events h2,
.productions-production-season #when-to-see-it .events h2  {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0.364em;
}
.productions-production #when-to-see-it .events .event,
.productions-production-season #when-to-see-it .events .event {
	background-color:#fbfbfb;
	padding:4px 0;
	margin-bottom:0.727em;
}
.productions-production #when-to-see-it .events .event:hover,
.productions-production-season #when-to-see-it .events .event:hover {
	background-color:#f8f8f8;
	color:#000000;
}
.productions-production #when-to-see-it .events .event .summary,
.productions-production #when-to-see-it .events .event .availability,
.productions-production #when-to-see-it .events .event .purchase,
.productions-production-season #when-to-see-it .events .event .summary,
.productions-production-season #when-to-see-it .events .event .availability,
.productions-production-season #when-to-see-it .events .event .purchase {
	float:left;
	display:inline;
	width:320px;
}
.productions-production #when-to-see-it .events .event .availability,
.productions-production-season #when-to-see-it .events .event .availability {
	width:80px;
	text-align:center;
}
.productions-production #when-to-see-it .events .event .purchase,
.productions-production-season #when-to-see-it .events .event .purchase {
	float:right;
	width:48px;
	padding-top:4px;
	text-align:right;
}
.productions-production #when-to-see-it .events .event .summary .date,
.productions-production-season #when-to-see-it .events .event .summary .date {
	padding-left:4px;
	font-weight:bold;
}
/* .productions-production #when-to-see-it .events .event .summary .circle {
    padding: 2px 4px;
    background: #CCC;
    color: #FFF;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 4px;
} */
.productions-production #when-to-see-it .events .event .summary .performers,
.productions-production-season #when-to-see-it .events .event .summary .performers {
	padding-left:8px;
    padding-right:8px;
}
.productions-production #when-to-see-it .events .event .summary .performers li,
.productions-production-season #when-to-see-it .events .event .summary .performers li {
	display:inline;
}
.productions-production #when-to-see-it .events .event .summary .performers li:after,
.productions-production-season #when-to-see-it .events .event .summary .performers li:after {
    content: ", ";
}
.productions-production #when-to-see-it .events .event .summary .performers li:last-child:after,
.productions-production-season #when-to-see-it .events .event .summary .performers li:last-child:after {
    content: "";
}
.productions-production #when-to-see-it .events .event .availability .status,
.productions-production-season #when-to-see-it .events .event .availability .status {
    text-transform:uppercase;
}
.productions-production #when-to-see-it .events .event .availability .quantity,
.productions-production-season #when-to-see-it .events .event .availability .quantity {
    display: block;
}
.productions-production #when-to-see-it .events .event .availability .price-range,
.productions-production-season #when-to-see-it .events .event .availability .price-range {
	display: block;
    color: #666666;
}
.productions-production #when-to-see-it .events .event .purchase .button.buy,
.productions-production-season #when-to-see-it .events .event .purchase .button.buy {
	font-size:1em;
	margin-right:4px;
}
/* Production - Introduction */
.productions-production #introduction {
    margin-bottom:20px;
}
.productions-production #introduction p {
    font-size:1.3em;
    line-height:1.385em;
	color:#333333;
}	
/* Production - News */
.productions-production #news {
    margin-bottom:20px;
}
.productions-production #news .article {
    margin-bottom:20px;
}
.productions-production #news .article .image,
.productions-production #news .article .details {
	margin-right:16px;
	float:left;
	display:inline;
	width:128px;
}
.productions-production #news .article .details {
	margin-right:0;
	width:304px;
}
.productions-production #news .article .image {
    overflow: hidden;
    height: 85px;
}
.productions-production #news .article .details .title {
    font-size: 1.6em;
	line-height: 1.188em;
    margin-bottom: 0.125em;
}
.productions-production #news .article .details .standfirst {
    font-size: 1.3em;
	line-height: 1.385em;
    color: #333333;
}
/* Production - Background */
.productions-production #background {
    margin-bottom:20px;
}
.productions-production #background .body {
    font-size: 1.3em;
    line-height: 1.385em;
	color: #333333;
}
.productions-production #background .body h3 {
    font-size: 1.231em;
    margin: 1em 0;
}
.productions-production #background .body .body h4,
.productions-production #background .body .body h5,
.productions-production #background .body .body h6 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.231em 0;
}
.productions-production #background .body p {
    margin: 1.231em 0;
}
.productions-production #background .body em {
	font-style:italic;
}
.productions-production #background .body strong {
	font-weight:bold;
}
.productions-production #background .body li {
	padding-left: 16px;
	background: url(../images/disc.png) no-repeat 6px 0.462em;
}
.productions-production #background .body hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border:none;
    margin: 1.231em 0;
}
/* Production - Related events */
.productions-production #related-events {
    margin-bottom:20px;
}
.productions-production #related-events .event {
    margin-bottom:8px;
}
.productions-production #related-events .event:last-child {
    margin-bottom:0px;
}
.productions-production #related-events h3 {
    font-size: 1.6em;
    line-height: 1.188em;
    margin-bottom: 0.125em;
}
.productions-production #related-events p {
    font-size: 1.3em;
    line-height: 1.385em;
	color: #333333;
}
/* Production - HTML Blob */
.productions-production #html-blob {
    margin-bottom:20px;
}
.productions-production #html-blob h2 {
    font-size:2.4em;
    margin-bottom:0.667em;
    padding-bottom:0.167em;
    border-bottom:1px solid #cccccc;
	color:#444444;
	margin-top:20px;
}
.productions-production #html-blob h2:first-child {
    margin-top:0;
}
.productions-production #html-blob h3 {
    font-size:1.1em;
    line-height:1.636em;
	color:#444444;
	text-transform:uppercase;
	font-weight:bold;
}
.productions-production #html-blob p {
    font-size:1.3em;
    line-height:1.385em;
	color:#333333;
	margin-bottom:1em;
}
.productions-production #html-blob p strong {
	font-weight:bold;
}
.productions-production #html-blob p em {
	font-style:italic;
}

/* Production - Live cinema season */

.productions-production #live-cinema {
    margin-bottom: 20px;
}

.productions-production #live-cinema p {
    font-size: 1.3em;
    margin-bottom: 1em;
}

/* Production - Credits */
.productions-production #credits {
    margin-bottom:20px;
}
.productions-production #credits table {
    width:100%;
}
.productions-production #credits .role,
.productions-production #credits .person {
    width:50%;
	font-size:1.1em;
    line-height:1.636em;
	color:#333333;
}
.productions-production #credits .person strong {
	font-weight:bold;
}
/* Production - Related Products */
.productions-production #products {
    margin-bottom: 13px;
}
.productions-production #products li {
    padding-top: 5px;
    padding-bottom: 6px;
}
.productions-production #products li .thumbnail {
    width: 75px;
    overflow: hidden;
    float: left;
    margin-right: 3px;
}
.productions-production #products li .thumbnail img {
    height: 75px;
    width: 112px;
    margin: 0 12px 0 -19px;
}
.productions-production #products .details {
    float: left;
    width: 200px;
}
.productions-production #products .title {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.productions-production #products .meta {
    font-weight: bold;
    font-size: 1.6em;
    color: #333;
}
.productions-production #products .meta .striked {
    text-decoration: line-through;
    margin-right: 9px;
}
/* Production - Links */
.productions-production #links {
    margin-bottom:20px;
}
.productions-production #links li {
    margin-bottom:1em;
}
.productions-production #links .host {
	display:block;
    font-size:1.1em;
    line-height:1.636em;
	color:#444444;
	text-transform:uppercase;
}
.productions-production #links .title {
	display:block;
    font-size:1.6em;
    line-height:1.25em;
	margin-bottom:1em;
}
/* Production Season - Heading */
.productions-production-season .production-season {
	text-transform:uppercase;
    font-size: 1.1em;
    margin-top: 4px;
	color:#666666;
    letter-spacing: 0.037em;
}
.productions-production-season .production-season .separator {
    color: #cccccc;
    margin: 0 8px;
}
/* Tour - Background */
.productions-production #background.tour {
    margin-bottom:0px;
}
.productions-production .tours h2  {
	text-transform:uppercase;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.364em;
	color:#333333;
	font-size: 1.1em;
}
.productions-production .tours .event {
	background-color: #fbfbfb;
    padding: 4px;
	font-size: 1.1em;
	margin:0.3em 0;
	color:#333333;
}
.productions-production .tours .event:hover {
	background-color: #f8f8f8;
	color:#000000;
}
.productions-production .tours .event .summary {
	float:left;
	display:inline;
	width:300px;
	margin-right:16px;
}
.productions-production .tours .event .availability {
   float: left;
   width: 75px;
}
.productions-production .tours .event .purchase {
    float: left;
    width: 48px;
}
.productions-production .tours .event .summary {
	line-height:1.385em;
}
.productions-production .tours .event .purchase .button.buy {
	font-size: 1em;
	padding-top:0em;
	padding-bottom:0.1em;
}

.mixed-item{  
    clear:both;
}

.mixed-image, .mixed-details {
    display: inline;
    float: left;
    margin-right: 8px;
    margin-top: 10px;
    width: 82px;
}

.mixed-details {
    margin-right: 0;
    width: 195px;
}

.mixed-title {
    font-size: 1.6em;
    line-height: 1.188em;
    margin-bottom: 0.125em;
    margin-top: -3px;
}

.mixed-decription {
    color: #333333;
    font-size: 1.3em;
    line-height: 1.385em;
}

.mixed-outbox{
    background-color:#eaeaea;
    margin-bottom:20px;
}

.mixed-innerbox{
    padding:16px;
    height:90px;
}

.mixed-content{
    float:left;
    display:inline;
    margin-left:10px;
    width:270px;
}

.mixed-content p{
    color: #333333;
    font-size: 1.3em;
    line-height: 1.385em;
    margin-bottom: 1em;
}
/*
mixed-content{
    float:left;
    display:inline;
    margin-left:10px;
    width:270px;
}
*/