/* 768 

_________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/

/* 1 ROOT 					============================================================================= */
/* 2 HEADINGS 				============================================================================= */

h1,
h2,
h3,
h5,
h6 { 
margin-bottom :10px;
margin-top :10px;
line-height : normal; }


/* 3 TYPOGRAPHY 			============================================================================= */

p {
hyphens:none; 
text-align:justify; }
p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : none;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : none; }

p { 
margin-bottom : 10px; 
}


ul, 
ol { 
margin : 0; 
padding : 0}


/* 4 LINKS 					============================================================================= */
/* 5 FIGURES & IMAGES 		============================================================================= */
/* 6 TABLES 				============================================================================= */
/* 7 FORMS 					============================================================================= */
/* 8 BANNER 				============================================================================= */
/* 9 NAVIGATION				============================================================================= */
/* 10 CONTENT 				============================================================================= */
/* 11 MAIN 					============================================================================= */
/* 12 COMPLEMENTARY 		============================================================================= */
/* 13 CONTENTINFO 			============================================================================= */
/* 14 GLOBAL OBJECTS 		============================================================================= */
/* 15 VENDOR-SPECIFIC 		============================================================================= */
/* 16 MODERNIZR 			============================================================================= */
/* 17 TEMPLATE SPECIFICS 	============================================================================= */
html{
	background:url(../graphics/bkg_main_ipad_slc.jpg) center top repeat-y #3F3F3F;
}
#wrapper, #content{
	width: 650px;
	/*border:solid #000 1px;*/
	
}
#mla{
	top:20px;
	width:84px;
	height:68px;
	right:0;
}

#wrapper{
	background:none;
}
#wrapper-outer{
	/* UNCOMMENT THIS AND REMOVE NEXT LINE###################
	background: #3F3F3F; background:url(../graphics/bkg_main_ipad.jpg) center top no-repeat;*/
}
#main{
	
	overflow:hidden;
}

#subheader{
	color:#999;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-size:33px;
}

#blog-title span{
	
			font-size:78px;
}

#blog-title span a, #subheader{
	
			padding-left:0;
}



#masthead ul{
			width:650px;
			display:block;
			overflow:hidden;
}


#masthead ul li{
	background:url(../graphics/separator2.gif) top no-repeat;
			width:278px; /*300*/
			height:20px; /*27*/
			padding-left:22px;
			padding-top:7px;
}
#masthead ul li.left{
	
			float:left;
}
#masthead ul li.right{
	
			float:right;
}
#masthead ul li.bot{
	
			height:21px; /*28*/
}
.invisible{ display:none; visibility:hidden}

#masthead .intersiteNav{
	padding:0;
	margin:0 0 20px 0;
	
}
#masthead .intersiteNav li{
			background:#000 url(../graphics/separator3.gif) 5px 5px no-repeat;
			width:auto;
			float:left;
			padding:5px 5px 0 20px;
			color:#fff;
}
#masthead .intersiteNav li.homeSite{
			background:#000 url(../graphics/separator5.gif) 5px 5px no-repeat;
			width:auto;
			float:left;
			padding:5px 10px 0 20px;
			color:#999;
}
#masthead .intersiteNav li.end{
			
			padding:5px 15px 0 20px;
		
}

#masthead .intersiteNav li a{
	text-decoration:none;
	color:#fff;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
#masthead .intersiteNav li a:hover{
	text-decoration:underline;
	color:#999;
}

/*--- home boxes --*/
#mainbox {
	width:650px;
	/*height:380px;*/
	float:left;
	position:relative;
	
}


#mainbox a{
	width:630px;
	height:360px;
	border:#666 solid 10px;
	display:block;
	text-decoration:none
}

#videoText {
    position: relative;
}
#videoText a{
	height:101px;
	border:0;
	margin-bottom:10px;
	display:block;
}

#videoText a span.mainname{
	margin-top:0;
	padding:6px 10px 5px 10px;
}
#videoText a span.maintitle{
	margin-top:34px;
}
#videoText a span.mainvenue{
	margin-top:75px;
}
#videoText a span.mainname, #videoText a span.maintitle, #videoText a span.mainvenue{
	top:0;
}

.mainimg{
	width:630px;
	height:360px;
	overflow:hidden;
	display:block;
	position:relative;
	top:0;
	left:0;
	z-index:0;

}

#medbox-1 {
	height:auto;
	
    padding-bottom: 1000px;
    margin-bottom: -1000px;
	float:left;
}

#medbox-2 {
	float:left;
	margin-left:10px;
	height:auto;
	
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}
.galcontainer {
	clear:left;
    overflow: hidden;
}


#slimbox-1 {
	clear:left;
	float:left;
}

#slimbox-2 {
	float:left;
	margin-left:10px;
}
#outbox-1 {
	display:block;
	width:320px;
	height:295px; /*299*/
	/*background:#CCC;*/
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:11px;
			font-size:11px;
			text-transform:uppercase;
			color:#000;
			border-bottom:#333333 solid 4px;
			margin-top:10px;
}
#outbox-1 div div{
	margin:10px 0 0 0;
	width:320px;
	font-size:10px;
	
}

#outbox-1 {
	clear:left;
	float:left;
	display:none;
}
#outbox-3 {
	clear:left;
	float:left;
}
#outbox-2 {
	float:right;
}
#slimmer-2 {
	float:right;
}
#slimmer-1 {
	/*clear:left;*/
	margin-left:10px;
	float:left;
}
#tweetbox{
	clear:left;
	float:left;
	width:650px;
}
#twtr-widget-1{
	width:650px;
}

#textbox, #textboxGen{
	width:630px; /*650*/
	clear:left;
	float:left;
	padding:10px;
	
	
}

.mainname{
	width:auto;
	display:block;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:23px;
			font-size:23px;
			text-transform:uppercase;
			color:#FFF;
			padding:6px 10px 5px 10px;
	position:absolute;
	top:10px;
	left:10px;
	margin-top:234px;
	z-index:1;
	/*background:#480E26;*/
	background-color:rgba(0,0,0,0.5);
}
.maintitle{
	width:auto;
	background:#480E26;
	display:block;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:30px;
			font-size:30px;
			text-transform:uppercase;
			color:#FFF;
			padding:6px 10px 5px 10px;
	position:absolute;
	top:10px;
	left:10px;
	margin-top:268px;
	z-index:2;
	/*background:#480E26;*/
	background-color:rgba(0,0,0,0.5);

}
.mainvenue{
	width:auto;
	display:block;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:18px;
			font-size:18px;
			color:#FFDC00;
			padding:4px 10px 4px 10px;
	position:absolute;
	top:10px;
	left:10px;
	margin-top:309px;
	z-index:3;
	/*background:#480E26;*/
	background-color:rgba(0,0,0,0.5);
}

#masthead ul, .pumpList{
	padding-bottom:25px;
}


/*--------- footer -----------*/
#footer{
	padding:0;
}
#footerright{
	width:630px;
	margin:0;
}

#footerright span{
	clear:right;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:24px;
			font-size:14px;
			color:#FFF;
			background:#A1A1A1;
			
}
#footerright span a{
	color:#FFF;
	text-decoration:none;
	
}
#socialList{
	margin:10px 0 0 20px;
}
#footerleft a{
	color:#A1A1A1;
	text-decoration:none;
	
}
#footerright span.up{
	text-transform:uppercase;
	
}

#footerleft{
	width:590px;
	float:left;
	text-align:left;
	padding:20px;
	overflow:hidden;
	margin-bottom:0;

	/*background:#EFEFEF;*/
}
#footerleft ul{
	width:300px;
	float:left;
	list-style-type:none;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:24px;
			font-size:16px;
			color:#A1A1A1;
			margin:0 0 0 5px;
}
#footerleft ul li{
			padding:0 0 0 30px;
			margin:0 0 5px 0;
}
#footerleft ul li.tw{
			background:url(../graphics/tw.jpg) no-repeat top left;
}
#footerleft ul li.f{
			background:url(../graphics/f.jpg) no-repeat top left;
}
#footerleft img{
			padding:0 0 0 0;
}


.arts_council{}


#searchformfooter{
	padding-top:3px;
	height:auto;
	margin:17px 0 27px 20px;
	overflow:hidden;
	width:610px;
}

.searchtext{
	float:left;
	font-family: 'MuseoSans500', Arial, Helvetica, Verdana, Times, sans-serif;
	font-weight: normal;
			font-style: normal;
			line-height:24px;
			font-size:16px;
			color:#FFF;
			margin:2px 5px 0 0;
			text-transform:uppercase;
}

#searchformfooter input[type="text"] {
	float:left;
    background: url(../graphics/search-white.png) no-repeat 10px 3px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #000;
    width: 100%; /*300 - 50px padding & - 2px text shadow ?? not box shadow*/
    padding: 3px 15px 3px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    /*-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;*/
	margin-top:2px;
    }

#searchformfooter input[type="text"]:focus {
   /* width: 200px; */
    }
#footerList{
	margin:15px 0 10px 0;
	font-size:12px;
	overflow:hidden;
	list-style-type:none;
}

#footerList li{
	width:190px;
	float:left;
	margin:0 0 10px 20px;
}
#footerList li a{
	color:#ccc;
	text-decoration:none;
	margin:0;
	display:block;
}
#footerList li a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer span.credits{
			position:absolute;
			bottom:20px;
			right:20px;
			text-align:right;
}
#socialList{
	position:absolute;
	margin:0;
	bottom:40px;
	right:10px;
}
#mainbox a#aSlide{
	border:0 none;
}

#homeMovie iframe{
	width:630px;
	height:360px;
	
}
#videoText{
	position:relative;
}

.numbers{
	margin-top:30px;
}
.numbers img{
	width:auto;
	height:auto;
}