/* Grid */

/* --------
.container_12
{
	background: #fff url(images/uploads/12_col.gif) repeat-y;
	margin-bottom: 20px;
}

.container_16
{
	background: #fff url(images/uploads/16_col.gif) repeat-y;
}
-------- */

/* -------- Masthead -------- */

#masthead {background-color: #ffffff; border-bottom: 1px solid #CCCCCC;}

#peak_device_top {background: transparent url(images/uploads/masthead_peak_top.png) no-repeat scroll  -64px 0; height: 18px; margin-top: -1px; margin-bottom: 7px;}

#peak_home #peak_device_top {background-position: 538px 0px;}
#peak_whatson #peak_device_top  {background-position: 600px 0px;}
#peak_tag #peak_device_top  {background-position: 658px 0px;}
#peak_learning #peak_device_top  {background-position: 710px 0px;}
#peak_about #peak_device_top  {background-position: 773px 0px;}
#peak_press #peak_device_top  {background-position: 823px 0px;}
#peak_support #peak_device_top  {background-position: 875px 0px;}

/* -------- Main navigation -------- */

ul.navigation {
	margin: 0 0 0 0;
	padding: 0;
}

ul.navigation li {
 	float: left;
 	list-style: none;
 	margin: 0 0;
}

ul.navigation li a {
	display: block;
	padding: 0px;
	margin: 0 9px 10px 0;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #aaaaaa;
}

ul.navigation li a.nomargin {
	margin: 0;
}

ul.navigation li a:hover, ul.navigation li a.active {
color: #000000;
border: none;
}

/* -------- Logo -------- */

h1.logo {
background-color:transparent;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
float: left;
margin: 20px 0 20px 0px;
text-indent:-9999em;
}

h1.logo a{
background:transparent url(images/uploads/logo.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
overflow:hidden;
width: 219px;
height:105px;
}

h1.logo_tag {
background-color:transparent;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
float: left;
margin: 20px 0 20px 0px;
text-indent:-9999em;
width: 284px;
}

h1.logo_tag a{
background:transparent url(images/uploads/logo_tag.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
overflow:hidden;
width: 337px;
height:105px;
}

/* -------- Natural Language Navigation -------- */
p.nln {
color:#555;
font-size:24px;
line-height:29px;
margin-bottom:25px;
}

.tagtemplate p.nln {
color: #999;
}

p.nln a{
}


a.productions {color: #0072fe;}
a:hover.productions {color: #009bfe;}
a.classes, p.nln a.workshops, p.nln a.training, p.nln a.projects {color: #72c207;}
a:hover.classes, p.nln a:hover.workshops, p.nln a:hover.training, p.nln a:hover.projects {color: #7edd00;}
a.youtube {color: #d62323;}
a:hover.youtube {color: #ff0000;}
a.twitter {color: #33ccff;}
a:hover.twitter {color: #00e4ff;}
a.blogger {color: #ff6600;}
a:hover.blogger {color: #ff8a00;}
a.flickr {color: #ff0084;}
a:hover.flickr {color: #ff11d5;}

p.nlnsmall{
font-size:13px;
line-height:18px;
}

/* -------- Category Tags -------- */

a.tag{
background-color: #72c207;
color: #ffffff;
font-size: 10px;
padding: 3px 3px 1px 3px;
text-transform: uppercase;
border-bottom: 0px;
}

a.tag_productions {background-color: #0072fe;}
a:hover.tag_productions {background-color: #009bfe;}
a.tag_classes, a.tag_workshops, a.tag_training, a.tag_exhibitions, a.tag_projects {background-color: #72c207;}
a:hover.tag_classes, a:hover.tag_workshops, a:hover.tag_training, a:hover.tag_exhibitions, a:hover.tag_projects {background-color: #7edd00;}
a.tag_youtube {background-color: #d62323;}
a:hover.tag_youtube {background-color: #ff0000;}
a.tag_twitter {background-color: #33ccff;}
a:hover.tag_twitter {background-color: #00e4ff;}
a.tag_blogger {background-color: #ff6600;}
a:hover.tag_blogger {background-color: #ff8a00;}
a.tag_flickr {background-color: #ff0084;}
a:hover.tag_flickr {background-color: #ff11d5;}

/* -------- Content -------- */

.citztemplate #content {background-color: #ffffff;}
.tagtemplate #content  {background-color: #1a1b1b; background: #1a1b1b url(images/uploads/content_bgr_tag.jpg) repeat-x scroll 0 0;}

/* -------- Classes -------- */

span.fillstars, span.fullstars{
-x-system-font:none;
cursor:pointer;
font-family:Helvetica,Arial,Sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
padding:1px 1px;
}

span.fillstars{display:none;}

.post {
border-top: 1px solid #cccccc;
margin-top: 5px;
padding-top: 25px;
}

.comments{
border-bottom: 1px solid #cccccc;
margin-top: 5px;
padding-top: 25px;
}

.comments p, .comments  p.data {margin-bottom: 14px;}

.tagtemplate .post {
border-top: 1px solid #333333;
}

.promo_box ul.button{
padding-top:15px;
}

.slider-wrap .promo_box ul.button{
padding-top:25px;
position:absolute;
top:450px;
}

.promoimage{
max-height: 400px;
overflow: hidden;
}

.advert img{margin-top: 15px;}

img.infoimage{margin-top: 16px; margin-bottom:20px;}

.summary {
float:left;
width:275px;
}

.thumbsmall{
border:1px solid #CCCCCC;
float:left;
line-height:0;
margin-bottom:11px;
margin-right:20px;
}

.thumbsmall a:hover, .advert a:hover { border-bottom: none;}
.advert {height:180px;}



ul.button{
padding-top: 10px;
padding-bottom: 10px;
}

ul.button a{
text-transform: uppercase;
font-size: 13px;
}

a.button{
color: #fff;
text-transform: uppercase;
font-size: 13px;
background-color: #333;
padding: 5px 17px;
font-weight: bold;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
margin: 8px 7px 10px 0px;
}

a.button:hover{
background-color: #000;
border-bottom: none;
}

.tagtemplate a.button{
color: #000;
background-color: #eee;
}

.tagtemplate a.button:hover{
background-color: #fff;
border-bottom: none;
}

.tagtemplate ul.bookonline a.button{
color: #fff;
background-color: #000;
}

p.back {margin-bottom: 0px;}

.paginate{
padding: 25px 0;
}

.paginate strong{
color: #777777;
}

.pagecount{}

.tagtemplate .pagecount { color: #777777;}

p.data{
font-size: 11px;
color: #777777;
margin-bottom: 7px;
}

.box {
background:#1A1B1B none repeat scroll 0 0;
margin-bottom:0.5em;
padding: 0 0px 20px 0px;
colour: #ffffff;
}

.tag_box p{
margin-bottom: 0px;
}

.ads {
padding:0;
}

.ads p {
background-color: rgba(0, 0, 0, 0.7);
margin-bottom:0;
padding:10px 15px;
}

.tagtemplate .box {
background-color:#fff;
}

.tagtemplate .ads p {
color:#fff;
}

.tagtemplate .ads a{
color:#fff;
}

.tagtemplate .ads a:hover{
color:#fff;
}

#slideshow .promo_box {
height: 536px;
}

.promo_box {
margin-top: 20px;
background-position:0 160px;
background-repeat:no-repeat;
border:1px solid #EEEEEE;
width:398px;
}

.promo_box h3{
padding: 0 18px;
}

object, object embed {z-index: 100; }
.flickrthumbs {position: relative; z-index: 1000;}

/* -------- newsletter -------- */

#subForm label {
width: 80px;
display: block;
float: left;
}

#subForm #name{
margin-bottom: 4px;
width: 200px;
height: 10px;
}

#subForm #jhpjr-jhpjr{
margin-bottom: 4px;
width: 200px;
height: 10px;
}

#subForm #Postcode {
margin-bottom: 4px;
width: 100px;
height: 10px;
}


#subForm #submit {
margin-top: 10px;
}

/* -------- Box Office -------- */

.boxoffice {
margin: 17px 0 17px 0;
float: left;
height:70px;
}

.boxoffice li.number {
margin-top: -12px;
position: relative;
z-index: 2;
}

.bo_title{
position: relative;
z-index: 1;
font-size: 20px;
color: #333333;
text-transform:uppercase;
}

.bo_number{
font-size: 30px;
color: #333333;
text-transform:uppercase;
line-height: 64px;
}

.bookonline {
margin: 47px 0 1px 5px; 
float: right;
}

ul.tweet {
margin-bottom: 20px;
}

ul.tweet li {
background-image:url(images/uploads/footer_peak_citz.jpg);
background-position: 25px 0;
background-repeat:no-repeat;
padding-top: 15px;
color: #ffffff;
}

.tagtemplate ul.tweet li {
background-image:url(images/uploads/footer_peak_tag.jpg);
color: #1a1b1b;
}

ul.tweet span {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
background-color:#1a1b1b;
clear:both;
display:block;
font-size: 12px;
line-height: 22px;
font-weight:normal;
padding: 23px 23px 15px 23px;
}

ul.tweet span p{
color: #FFFFFF;
}

ul.tweet span p+p{
border-top: 1px solid #333;
margin-top:12px;
padding-top:8px;
}

ul.tweet span a{
color: #ffffff;
font-weight: bold;
}

ul.tweet span a:hover{
border-bottom: 1px dotted;
}

.tagtemplate ul.tweet span {
background-color: #fff;
}

.tagtemplate ul.tweet span p{
color: #777777;
}

.tagtemplate  ul.tweet span p+p{
border-top: 1px solid #ccc;
margin-top:12px;
padding-top:8px;
}

.tagtemplate ul.tweet span a {
color: #000000;
font-weight: bold;
}

.tagtemplate ul.tweet span a:hover{
border-bottom: 1px dotted;
}

.credits{
font-weight: normal;
margin: 0 0 20px 0;
padding: 10px 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-transform: uppercase;
}

.details {
margin-bottom: 17px;
font-size:12px;
}

.details h4{
font-size:14px;
}

a.viewdates { cursor: pointer; }
li.viewdates { display:none; width:140px;}

em.date { padding: 0px; font-size: 10px;}

img.icons {border: 1px solid; margin-right: 3px; height:16px; background-color: #000; clear:both;}

/* -------- Footer -------- */

.citztemplate #peak_device{background: transparent url(images/uploads/footer_peak_citz.png) no-repeat scroll 34px 0px; height: 18px; margin-bottom: -2px; margin-top: 20px;}
.tagtemplate #peak_device, .infotemplate #peak_device {background: transparent url(images/uploads/footer_peak_tag.png) no-repeat scroll 34px 0px; height: 18px; margin-bottom: -2px; margin-top: 20px;}

.citztemplate #footer {background-color: #1a1b1b; color:#AAAAAA;}
.tagtemplate #footer, .infotemplate #footer {background-color: #ffffff;}

.citztemplate #footer h6 {color: #f2f2f2; }
.tagtemplate #footer h6, .infotemplate #footer h6 {color: #171818;}

#footer ul.address {margin-bottom: 12px;}
#footer ul.address li {margin-bottom: 0px; font-size: 12px; line-height:18px;}
.citztemplate #footer ul.address li {color: #6f6f6f; }
.tagtemplate #footer ul.address li, .infotemplate #footer ul.address li {color: #777777;}

#footer p {font-size: 15px;}
.citztemplate #footer p {color: #cccccc;}
.tagtemplate #footer p, .infotemplate #footer p {color: #333333;}

ul.footernav {}
.citztemplate ul.footernav a {color: #e6e6e6;}
.citztemplate ul.footernav a:hover {color: #ffffff;}
.tagtemplate ul.footernav a, .infotemplate ul.footernav a {color: #171818;}
.tagtemplate ul.footernav a:hover, .infotemplate ul.footernav a:hover {color: #000000;}

#footer{
border-top: 1px solid #cccccc;
padding: 30px 0;
font-size: 10px;
}

#footer .grid_16, #footer container_16 {width: 1000px;}
#footer .grid_3 {width: 180px;}
#footer .grid_2 {width: 120px;}

#footer #footer_foot p{
padding-top: 14px;
font-size: 10px;
color: #4f4f4f;
}

#footer li{
margin-bottom: 7px;
}
#footer li.icons_footer_facebook {background: transparent url(images/icons/icons_footer_facebook.png) no-repeat scroll 0px 2px; padding-left: 20px;}
#footer li.icons_footer_blogger {background: transparent url(images/icons/icons_footer_blogger.png) no-repeat scroll 0px 2px; padding-left: 20px;}
#footer li.icons_footer_twitter {background: transparent url(images/icons/icons_footer_twitter.png) no-repeat scroll 0px 2px; padding-left: 20px;}
#footer li.icons_footer_flickr {background: transparent url(images/icons/icons_footer_flickr.png) no-repeat scroll 0px 2px; padding-left: 20px;}
.citztemplate #footer li.icons_footer_youtube {background: transparent url(images/icons/icons_footer_youtube_citz.png) no-repeat scroll 0px 2px; padding-left: 20px;}
.infotemplate #footer li.icons_footer_youtube, .tagtemplate #footer li.icons_footer_youtube {background: transparent url(images/icons/icons_footer_youtube_tag.png) no-repeat scroll 0px 2px; padding-left: 20px;}
#footer li.icons_footer_rss {background: transparent url(images/icons/icons_footer_rss.png) no-repeat scroll 0px 2px; padding-left: 20px;}

#footer a.button{
background-color:#EEEEEE;
color:#000000;
font-size:10px;
font-weight:bold;
margin:8px 7px 10px -6px;
padding:1px 6px;
text-transform:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.tagtemplate #footer a.button, .infotemplate #footer a.button{background-color:#333;color:#fff;}

#footer a.button:hover{background-color: #ffffff;border-bottom: none;}
.tagtemplate #footer a.button:hover, .infotemplate #footer a.button:hover{background-color: #000;border-bottom: none;}
.calendar {
margin-top: 20px;
}

table.calendar{
width: 100%;
}

.calendar th{
background-color: #FFFFFF;
text-align:center;
text-transform: uppercase;
}

.calendar tr{
margin: 0px;
padding: 0px;
height: 25px;
}

.calendar tr.calendarRow {
height: 64px;
}

.calendar td{
background-color:transparent;
border-bottom:1px solid #D9D9D9;
font-size:11px;
font-weight:normal;
line-height:13px;
padding: 4px 0 0 0;
text-align:left;
text-indent:0;
width:59px;
}

.calendar  a.category27 img{
background-color: #000000;
}
.calendar a:hover.category27 img{
background-color: #0072FE;
}
.calendar a.category28 img{
background-color: #000000;
}
.calendar a:hover.category28 img{
background-color: #72C207;
}

bo