/*
Theme Name: Poly
Theme URI: 
Description: 
Version: 0.1
Author: Jackplug Web Design
Author URI: http://jackplug.co.uk
Tags: 
*/

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {  
font-family: 'Marcellus', serif;
font-size: 100%;
color: #6c5566;
background:  #fff; 
padding: 0;
margin:0;
}

.clear  {
padding: 0;
margin: 0;
clear: both;
}

#container {
   position:relative;
   max-width:1000px; 
   min-height:100%;
   margin:0 auto;
}

#header { 
   position:relative;
   z-index:100;
   height: 120px;
   background: url('images/polyheader2.png') no-repeat center bottom;
   background-size:contain;
   padding: 30px 0 0 0;
   margin:0 auto;
}

#searchbox { 
   position:absolute;
   z-index:101;
   top:15px;
   right:10px;
   clear:both;
}

@media only screen and ( max-width: 460px )  {
	#searchbox { 
   		display:none;
	}
}

#searchform input {
font-size:12px; 
padding:2px 4px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#searchform input.btn { 
}

.hilite { padding: 0 5px; background-color:#eedbd1 }

#menu  {
	position:relative;
 	z-index:1000;
	clear:both;
	margin:0 auto !important;
}

/*main nav*/

#menu ul  {
		position:relative;
		display:inline;
		list-style:none;
		padding: 0;
		margin:0;
}

#menu ul li {
		float:left;
		position:relative;
		padding:0;
		margin:0 0;
		border-bottom:3px solid #9c3500;
}

#menu ul li.last-child {
		margin:0 125px 0 0;
}
	
#menu ul li a {
display:block;
color: #9c3500;
font-size:1.2em; 
line-height: 2.2em;
padding: 0 0.4em; 
margin:0 0 0 0;
}
		
#menu ul li.current_page_item a, #menu ul li.current_page_parent a, #menu ul li a:hover  {
background: url(images/redarrow.png) no-repeat center bottom;
}
	
.category-comedy #menu ul li.page-item-5, .category-dance #menu ul li.page-item-5, .category-theatre #menu ul li.page-item-5, .category-film #menu ul li.page-item-5, .category-music #menu ul li.page-item-5, .category-talks #menu ul li.page-item-5, .category-workshops #menu ul li.page-item-5  {
background: url(images/redarrow.png) no-repeat center bottom; 
}

.category-exhibitions #menu ul li.page-item-7  {
background: url(images/redarrow.png) no-repeat center bottom; 
}


/*dropdown*/
	
#menu ul ul {
display:none; 
position:absolute;
z-index:9999;
top:42px;
left:10px; 
right:auto;
width:150px;
min-width:93%;
background: #9c2000;
opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
padding: 0; 
margin: 0; 
}
		
#menu ul ul li {
left:auto;
clear:left;
width:100%;
padding: 0; 
border:none;
margin: 0; 
}
					
#menu ul ul li a {
color: #fff;
font-size:1.1em; 
line-height: 1.1em;
padding: 0.3em .5em; 
margin:0; 
}

#menu ul ul li a:hover {
background: #802000;
}

/*the magic*/
			
#menu ul li:hover ul, #menu ul li:focus ul 
{
display: block
}

#phone  {
float:right;
font-size:1.2em;
letter-spacing:0.1em;
background:#fff;
margin:10px 5px 0 0;
}

#phone img {
vertical-align: middle;
margin:0 2px;
}


h1, h2   {
clear:both;
position:relative;
text-transform: uppercase;
color:#304373;
font-size:1.6em;
padding: 20px 0 10px 0;
margin: 0;
}

#right.front h2   {
padding: 10px 0 5px 0;
border-top: 2px solid #eee;
margin: 10px 0 0 0 !important;
}

h2 span  {
font-size:0.7em;
}

h3   {
color:#304373;
font-size:1.2em;
padding: 6px 0;
margin: 0;
}

h4  {
font-size:1.2em;
padding: 0 0 5px 0;
margin: 0;
}

h5, h6  {
font-size:1em;
padding:0;
margin:0 0 5px 0;
}

p   {
padding: 0;
margin: 0 0 10px 0;
}

blockquote   {
clear:both;
background: #eee;
padding: 10px 20px;
border:1px solid #ddd;
margin: 0;
}

#page { 
position:relative;
height:100%;
width:96%;
max-width:960px;
padding:0 2% 20px 2%;
overflow:hidden;
margin:0 auto 40px auto;
}

#page ul   {
padding: 0;
margin: 0 0 10px 10px;
}

#page li   {
list-style:square;
padding: 0;
margin: 0 0 5px 20px;
}

a, a:visited {
font-weight:bold;
color: #9c3500;
text-decoration:none;
}

a:hover, a:active {
color:#00355c; 
}

a, a img { 
border: none; 
outline: none 
}

.post  {
float:left;
}

#left {
position:relative;
width:57.5%; 
float:left;
padding: 0 0 10px 0;
margin:0 0 0 0;
}

#left ul, #left ul li {
list-style:square;
padding:0 0 0 0;
margin:0 0 5px 10px;
}

#right ul, #right ul li {
list-style:none;
padding:0 0 0 0;
margin:0 0 5px 0;
}

#left ul ul, #left ul ul li, #right ul ul, #right ul ul li {
list-style:square;
padding:0 0 0 0;
margin:0 0 5px 10px;
}

#left p {
font-weight:normal;
padding:0;
margin:0 0 10px 0;
}

#right {
position:relative;
width:37.5%; 
float:right;
padding:0 0 0 0;
margin:10px 0 0 0;
}

#right h2 {
font-size:1.4em;
}

.front  {
padding:0 0 0 0 !important;
}

.event  {
clear:both;
padding:0 0 0 0 !important;
}

.exhibitions  {
padding:0 0 0 0 !important;
}

.overlay #right  {
padding:30px 0 0 0;
}

#right li.cat-post-item {
clear:both;	
float:left;	
width:100%;
padding: 0;
border-bottom: 2px dotted #ddd;
}

#right li.cat-post-item h4 { 
font-size: 1em;
font-weight: bold; 
color:#5270a2; 
padding:0 0 7px 0;}

#right li.cat-post-item img  {
float:right;	
}

.left {
position:relative;
width:560px; 
float:left;
padding: 0 0 10px 0;
margin:0 0 0 0;
}

.right {
position:relative;
width:360px; 
float:right;
padding:0 0 0 0;
}


#sidebar-bottom  {
margin-top:15px;
}

.eventlist {
	padding: 0;
}

.eventend, .dot {
	clear: both;
	border-bottom: 2px dotted #ddd;
	margin-bottom:10px;
}

iframe#map  {
	margin: 0 auto;}



hr, .divider  {
clear:both;
border: 1px solid #ddd;
margin:  10px 0;
}

.clear  {
clear:both;
}

.wpcf7  {
	clear:both;
	display:block;
	font-size:0.8em;
	padding: 0 5px !important;
	margin-bottom:5px !important;
} 

span.name  {
}

a.button {
	float:right;
	font-family: cursive;
	line-height: 0.1em;
	font-size:2em;
	padding:0;
	margin: 0 10px 0 0;
}

img  {max-width:100%;height:auto;padding: 0 !important }
img.alignleft, div.alignleft {float:left !important; margin: 5px 20px 10px 0;}
img.alignright, div.alignright {clear: both; float:right !important; margin: 5px 0 10px 20px;}
img.aligncenter, div.aligncenter{ display: block; margin: 5px auto 10px auto;}
.gallery-item {margin-top: 5px !important; border: 0 !important;}
.gallery-item img, .wp-caption img {margin: 0 !important; border: 0 !important;}
p.wp-caption-text, .gallery-caption { font-size: 0.8em; text-align: center; line-height: 1em; padding: 2px 5px ; margin:0 0 10px 0;}
img.icon {padding: 0 12px !important; margin: 0;}
img.trailer   {width: 60px !important; height:60px !important;}
img.mobilephone  {vertical-align:middle;}
.gallery  {clear:both}


#footer  {
position: fixed;
bottom:0;
width:100%;
background: #999;
opacity:0.90;
filter:alpha(opacity=90); /* For IE8 and earlier */
margin: 0;
}

#footercontent {
width:96%;
max-width:960px;
color: #fff;
font-weight:normal;
padding:7px 0;
margin: 0 auto;

}

#footer a {
color: #fff;
font-weight:normal;
}

#exhibitions-wrapper  {
border-top: 2px solid #ddd;
margin-top: 10px;
}
.exhibitions  {
position:relative; clear:both; float:left; width:100% !important; padding-bottom:20px !important; border-bottom: 2px dotted #ddd; margin:0 0 5px 0;	
}

.exhibitions .datetime  {
padding:0 0 10px 0;
}

.exhibitions .description {
width:60%;
max-width:375px;
}

.exhibitions .thumbnail {
width:30%;
max-width:160px; 
}

.exhibitions .thumbnail img {
margin-bottom:15px; 
}

/*
    Responsive Style:
*/

@media only screen and ( max-width: 640px )  {
	#header { 
   		background: url('images/polyheader1.png') no-repeat left top;
   		background-size: contain;
	}

	#left {
		width:96%; 
		margin:0 2%;
	}

	#right {
		width:96%; 
		margin:0 2%;	}

	#right img {
		clear:none !important;
	}


}

/* 
	Calendar Style: 
*/

		.calendar { float:left; width: 54px; text-align:center;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		box-shadow: 0 0 5px #05587e; -moz-box-shadow: 0 0 5px #05587e; -webkit-box-shadow: 0 0 5px #05587e; margin:10px 20px 0 0;
		}

	.calendar > span { display: block; }

	.calendar > .month { text-align: center; padding: 2px 5px 2px 0;  font-size: 1.4em;
		background: #6086a6; color: #fff; font-weight: bold;
		-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;
		text-shadow: 0 1px #000;
		background: #6086a6;
		}

	.calendar > .day { text-align: center; font-weight: bold; font-size: 2em;
		-webkit-border-bottom-left-radius:  5px;
	    -moz-border-radius-bottomleft:      5px;
	    -webkit-border-bottom-right-radius: 5px;
	    -moz-border-radius-bottomright:     5px;
	    background:#e6f0ff;
		}
							  
/*
    Slider Style:
*/

div.bxslider  {position:relative;}			
div.sliding {position:relative; height:500px;}	
.sliding h3 {clear:both;}
			  
.datetime { font-size: 1em;font-weight: bold; color:#5270a2; padding:7px 0;}

.description { position:relative; width:60%; float:left; }
.description p { font-size:0.9em; }
.description p.youtube { display: none !important; }
.description ul { }
.thumbnail { position:relative; width:38%; float:right; margin:10px 0 0 2%;}
.thumbnail img {float:right;}
.programme {float:right; height:50px; font-size:0.9em; padding:4px 10px 0 50px;background: url(images/clock1.png) no-repeat left top;
}

.bx-wrapper {
	position: relative;
	margin: 0;
	padding:0;
}

.bx-wrapper .bx-viewport {
}

/*more button*/
img.more {position:absolute; bottom:20px; right:105px;}

/*next button*/
.bx-wrapper .bx-next {
position:absolute; bottom:20px; right:0;
 }

/*previous button*/
.bx-wrapper .bx-prev {
position:absolute; bottom:20px; right:70px;
}

/*auto button*/
.bx-wrapper .bx-controls-auto {
position:absolute; bottom:20px; right:35px;
}


#right .programme {
top:0 !important;
left: 0 !important;
}

#right .programme img {
vertical-align:middle;
}


#footer  { font-size:0.7em}

#credits  { float: right; padding-bottom: 5px;}

#credits span { white-space: nowrap;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ddd;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ddd;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ddd;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-18px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}