/*
Theme Name: 960bc
Theme URI: http://www.guardianwebdesign.com.au/960bc
Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.
Version: 1.6
Author: Troy Dean
Author URI: http://www.guardianwebdesign.com.au/
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar

	960bc v1.6
	http://www.guardianwebdesign.com.au/960bc

	This theme was designed and built by Troy Dean
	as a starting point for WordPress developers who
	like the 960 grid system.
	http://www.960.gs
	The theme includes no images and minimal styling,
	providing a blank canvas for the designer to unleash
	her css magic.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);

/* Begin Structure */

body {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		background: url(http://southwarkplayhouse.co.uk/wp-content/uploads/2010/10/background.jpg);
	
		}
		
		
		
.five_parts_singlepage {
		
		float: left;
		width: 142px;
		margin-right: 30px;
		margin-top: 20px;
				
		overflow: hidden;
}


.four_parts_singlepage {
		
		float: left;
		width: 186px;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 20px;
}



	
.two_parts_singlepage {
		
		float: left;
		width: 304px;
		margin-right: 20px;
		margin-bottom: 20px;
				
		overflow: hidden;
}


.three_parts_singlepage {
		
		float: left;
		width: 30%;
		margin-right: 20px;
		margin-bottom: 20px;
				
		overflow: hidden;
}
		
		
		
		
		
		


.four_parts {
		float: left;
		width: 170px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		padding: 15px;
		background: #f2f2f2;
		height: 100%;
		overflow: hidden;		
}

.four_parts:hover {
		background: #ffffff;

}

.three_parts {
		float: left;
		width: 260px;
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 40px;
		height: 300px;
		background: #f2f2f2;
		overflow: hidden;		
}

#page {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		}

#header {
		width: 100%;
		margin-bottom: 22px;
		margin-top: 0px;

		}

#headerimg {
		margin-top: 0px;
		
		}
		
#menu2	{ 
		height: 70px;

		/*background: #f1f1f1;*/
	}
	
.menubottom {
		width: 100%;
		height: 90px;
		text-align: right;

}

.menutop {
		height: 75px;
		width: 600px;

}

.twitter {
		width: 398px;
	
}

.twitter_height{
height: 47px;
		}

.twitter_bubble{
		height: 75px;
		width: 458px;
		padding-left: 40px;
		padding-top:44px;
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/twitter_bubble.png);
		background-repeat: no-repeat;
		position: relative;
		top:-31px;
		left: -42px;
		
}


.twitter_follow {
		position: relative;
		top: -9px;
}

.twitter_follow  a {
	color:#4D4D4D;
}
.topbar {
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/topbar_background.png);
		background-repeat: repeat-x;
		height: 30px;
		margin-bottom: 22px;
		padding-bottom: 9px;
		padding-top: 9px;
}

.topbar_input {
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/20percent.png);
		padding-left: 6px;
		padding-right: 5px;
		float: left;
		margin-right: 18px;
		
}

.big_post .mailinglists {

   font-size: 19px;
	width: 280px;
	background-color: #E2E2E2;
	height: 30px;
	padding-left: 9px;
	
}


.mailinglists, .mc_merge_var .mc_input {
	font-family: 'RefrigeratorDeluxeLight', sans-serif;
    font-size: 15px;
    color: #4d4d4d;
    margin-bottom: 4px;
    margin-left: 3px;
    margin-top: 3px;
    padding: 3px;
    border: none; 
    width: 140px;
    background-color: #fff;
	
}


.big_post .mailinglists_button {
	
font-size: 20px;
color: white;
background: black;
padding: 6px 9px 6px 9px;
    

}

.mailinglists_button, .mc_signup_submit .button {
	font-family: 'RefrigeratorDeluxeBold', sans-serif;
    font-size: 17px;
    color: #fff;
    background: none;
    display: inline;
	border: none;
	padding-left: 2px;
	padding-right: 2px;

}

.mc_signup_submit .button:hover {
	color:black;
}

.topbar_button_facebook {
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/facebook_bg.png);
		background-repeat: no-repeat;
		height:18px;
		margin-right: 18px;
		
		float: left;
}

.topbar_button_facebook a {
	color:#fff;
}

.topbar_button_twitter {
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/twitter_bg.png);
		background-repeat: no-repeat;
		height:18px;
		margin-right: 18px;
		
		float: left;
}

.topbar_button_twitter a {
	color:#fff;
}

.yoco img {
		float: left;
		margin-right: 5px;

}
		
/* This hides the 'skip to' links and maintains accessibility */
		
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}



#sidebar
{
		
		position: relative;
		width: 251px;
		float: left;
		z-index: 99999;
		
		
		}
		
.big_post{
		position: relative;
		padding-left: 281px;
		
}
		
.sidebarcontainer_menu {
		padding: 20px;
		
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/footer_texture.png);
		text-align: left;
		margin-bottom: 30px;
}

.sidebarcontainer {
		padding: 15px;
		background: #fff;
		text-align: left;
		margin-bottom: 30px;
		border: 1px solid #999;
		
}

.volunteer {
		padding: 15px 15px 15px 100px;
		background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/alice_background.jpg);
		background-repeat: no-repeat;
		height:117px;		
}

.contentcontainer {
		padding: 30px 30px 30px 30px;
		background:#fff;
		min-height:910px;
}



.sidebar_title a {
	color:#000;
}
.sidebar_button a {
	color: #fff;
}

/* FOOTER */
#footer {
		height: 155px;
		margin: 0px 0 0 0;
		padding: 40px;
		background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/footer_bg_big.jpg);
		background-position: center center;
		color: white;
	}	
	
.footer_fourth {
		
		float: left;
		width: 225px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		padding: 0px;
		
		
}

.footer_sixth {
		
		float: left;
		width: 140px;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 20px;
		padding: 0px;
		
		
}

.footer_half {
		
		float: left;
		width: 420px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		padding: 0px;	
}

.map {
		float: left;
		margin-right: 20px;

	}
#footer .page_item a {
	color: #fff;
}

#footer .boxoffice a {
	color:#fff;s
}

/* END FOOTER */

.post {
		margin: 0 0 40px;
		}

.postmetadata {
		margin: 30px 0;
		}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}

/* End Structure */

/* Begin Images */
p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

img.alignleft {
		padding: 0px;
		margin: 0 0px 0px 0;
		display: inline;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left
		}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		}

html>body .entry li {
		margin: 7px 0 8px 10px;
		
		}

.entry ul li:before  {
		/*content: "\00BB \0020";*/
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

#header .page_item {
		display: inline;
		padding-left: 14px;
		padding-right: 15px;
		margin-right: -6px;
		border-right: solid 1px #999999;	
}

#header .page_item a {
	color:#000;
}

ul {
		margin-top: 0px;
}

#sidebar li {
	padding-top: 3px;
	padding-bottom: 3px;
}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: left;
		}

#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

#sidebar #searchsubmit {
		padding: 1px;
		}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 00px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}
/* End captions */



		
		


/* clear all floats */
.clearthis:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.thumbpic {
	display: block;
	margin-right: 20px;
	float: left;
	
	
}

#content_top_940 {
	height: 24px;
	text-align: center;
	line-height: 0px;
	padding: 0;
	margin: 0;

}



#wrapper {

	background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/texture_try.png);
	background-repeat: repeat-y;
	background-position: center;
	padding-top: 35px;
	overflow: hidden;
}


#wrapper_home {

	background: none;
	background-repeat: repeat-y;
	background-position: center;
	padding-top: 35px;
	overflow: hidden;
	
}




/* CAROUSEL */
.left_button {
	float: left;
	padding-top: 235px;
	width: 90px;
	
	cursor: pointer;
}

.lite {
	float: left;
	text-align: center;
	height: 100%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.lite_2 {
	background: black;
}

.right_button {
	float: left;
	padding-top: 235px;
	width: 70px;
	text-align: right;
	cursor: pointer;
	
}

.three_parts_carousel {
		
		float: left;
		width: 218px;
		margin-right: 14px;
		margin-left: 14px;
		margin-bottom: 40px;
		height: 300px;
		overflow: hidden;
		
}


.button {
	cursor: pointer;

}

/* END CAROUSEL */


.whatson_bg {
	background: black;
	padding: 5px;
	text-align: center;
	width: 282px;
	z-index: 99999;
	float: left;
	position: relative;
	top: 10%;
		
}

.whatson_line {
	padding: 20px;
	border: 1px solid #808080;
	width: 240px;
	text-align: center;

}

.whatson_image {
	float: left;
	width: 455px;
}


.productions {
	
}

.one-offs {
		margin-top: 30px; 
	
}

.gradient_button{
	margin-top: 18px;
	text-align: center;


}

.gradient_button_container{
	margin-top: 18px;
	text-align: center;
	width: 100%;

}



.gradient_button a:hover{
text-decoration: none;

		
				background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_gray.jpg);
		background-repeat: repeat-x;		
	
		
}


.gradient_button a {

		
	color: #fff;
		height: 26px;
		
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 18px;
		padding-right: 18px;
		
				background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_red.jpg);
		background-repeat: repeat-x;
		
		margin-left: 5px;
		margin-right: 5px;
		font-family: 'RefrigeratorDeluxeLight', sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 17px;
		letter-spacing: .03em;
		
}


.gradient_button_left{
	margin-top: 10px;
	text-align: left;
	width: 100%;

}



.gradient_button_left a:hover{
text-decoration: none;
		background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_gray.jpg);
		background-repeat: repeat-x;
				
	
		
}


.gradient_button_left a {

		
	color: #fff;
		height: 26px;
		
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 20px;
		padding-right: 20px;
		
				background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_red.jpg);
		background-repeat: repeat-x;

		font-family: 'RefrigeratorDeluxeLight', sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 17px;
		letter-spacing: .03em;
		width:100%;
		
		
}




.line {
  border:0;
  height: 1px;
  width: 100%;
  background: #808080;
  margin-bottom: 16px;
  margin-top: 19px;
  text-align: center;
}



/* END WHAT'S ON */

.main_house{
	font-family: 'RefrigeratorDeluxeLight', sans-serif;
	background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/circle.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 50px;
	padding-top: 15px;
	padding-right: 10px;
padding-left: 10px;
	left: -450px;
    position: absolute;
    top: 310px;
    color: white;
    font-size: 18px;
}

.the_vaults{
	font-family: 'RefrigeratorDeluxeLight', sans-serif;
	background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/circle.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 50px;
	padding-right: 10px;
padding-top: 15px;
	padding-left: 10px;
	left: -450px;
    position: absolute;
    top: 310px;
    color: white;
    font-size: 18px;
}

.single{
	left: 10px;
position: relative;
top: -385px;
    text-align: center;
}

.off_site{
	font-family: 'RefrigeratorDeluxeLight', sans-serif;
	background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/circle.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 44px;
	padding-right: 13px;
padding-top: 15px;
	padding-left: 13px;
	left: -450px;
    position: absolute;
    top: 310px;
    color: white;
    font-size: 18px;
}

.events {
	margin-bottom: 40px;
	margin-top: 40px;
	margin-left: 110px;

}

.events p {
	display: inline;
	}

.events_rotator {

}

.frontpage_dates {
	width: 100%;
	background: white;
	text-transform: uppercase;
	font-family: 'RefrigeratorDeluxeRegular', sans-serif;
	text-align: center;
	font-size: 16px;
	letter-spacing: .04em;
	margin: 15px 0px;

}

/* SINGLE PAGE */

.single_details {
	width:425px;
	float: left;
	padding-right: 55px;
	
}



.single_image img{
	position:relative;
}

.single_details .presents {
	position:relative;
}

.single_details h1 {
	position:relative;
}

.single_image {
		float: left;
	height: 430px;
}



.show_box {
	background: #f2f2f2;
	width: 93px;
	padding: 11px 11px 16px 11px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	
}

.running_box {
	background: #f2f2f2;
	width: 75px;
	padding: 11px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 149px;
	float: left;
}

.prices_box {
	background: #f2f2f2;
	width: 173px;
	padding: 11px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 100%;
	float: left;
}

.show_box:hover, .running_box:hover, .prices_box:hover {
	background: white;
}

.play_information {
		width: 100%;
		float: left;
		position:relative;
}

.the_vaults_label {
	width: 101px;
	height: 253px;
	padding: 55px 40px 40px 40px;
	float: left;
	position: relative;
	left: -50px;
	top:-9px;
	background: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/whatson_label.png);

}


.line_singles {
  border:0;
  height: 1px;
  width: 100%;
  background: #808080;

  margin-top: 19px;
  text-align: center;
}


.gradient_button_single{
	margin-top: 0px;
	text-align: left;
	display: inline;

}



.gradient_button_single a:hover{
text-decoration: none;
background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_gray.jpg);
			
	
		
}


.gradient_button_single a {

		
	color: #fff;
		height: 26px;
		
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 20px;
		padding-right: 20px;
		background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_red.jpg);
		background-repeat: repeat-x;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		font-family: 'RefrigeratorDeluxeLight', sans-serif;
		text-transform: uppercase;
		font-size: 19px;
		letter-spacing: .03em;
		display: inline;
}

.buy_share {
		text-align: left;
		width: 100%;
		padding: 0;
		margin: 0;
		position:relative;
}

.tickets_item {
		float:left;
		width: 17.2%;
		padding: 0px 10px;
		vertical-align: middle;
		height: 100%;
}

.tickets_date {
		margin-top: 20px;
}

.onerow {
		border-top: 1px #333 solid;
		width: 100%;
		padding: 18px 0px;
		background: #f2f2f2;
}

.onerow:hover{
		background: #fff;
}

.airline {
		color: white;
		background: black;
		padding: 7px;
		float: right;
		width: 260px;
}

.tickets_production {
		float: left;
}

.tickets_header {
		margin-bottom: 20px;
}

.tickets_container {
	padding: 15px;
	background: white;
	opacity: 1;
}
.events_plus span.plus-text {
	position:relative;
	font-size: 57px;
}

#header .current_page_item a, #header .current_page_parent a {
	color:#fff;
}

#sidebar .current-page-item a {
	color: black !important;
}

#ticketsInfo {
		
		width: 800;
		background-image: url(http://www.southwarkplayhouse.co.uk/wp-content/themes/960bc/images/button_background_red.jpg);
		opacity: 1;
		}
		
.soldout {
		margin-top: 11px;
		text-align: center;
}

.back {
	background: #e2e2e2;
	padding: 2px 4px;
	color:#000;
}
.single_dates p.presents {
background: #000;
}

#entry:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#mc_signup_form {
	border: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
}

#mc_message {font-size: 17px;
margin-left: -6px;
margin-top: 38px;
z-index: 9;
position: absolute;

color: white !important;
text-transform: capitalize;}

.mc_success_msg {
	color: white !important;
	background: green;
padding: 8px;
}

.mc_error_msg {
	color: white !important;
	background: red;
	padding: 8px;
}