body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal; margin-bottom: 1em; text-transform: uppercase; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1.0em;
}

h4 {
	font-size: 0.8em;
}

body {
	background: #939598;
	color: black;
	font-size: 85%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
}

p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

a {
	color: #D1D3D4;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#wrapper {
	color: #e1e4e7;
	background-color: #434442;
	margin: 0 auto;
	width: 880px;
	padding: 10px;
	min-height: 450px;
}

body.home #wrapper {
	background-image: url('http://www.avfestival.co.uk/images/site/av10/Footer.900.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:83px;
}

body.home #content {
	height: 825px;
}

.noScript {
	font-weight: bold;
	border: 2px solid #e83421;
	background-color: #742415;
	text-align: center;
	padding: 20px;
}

	#logo, #nav, #sidebar, #middle, #content {
		padding: 10px;
	}

	#header {
		clear: both;
	}

		#logo {
			float: left;
			width: 330px;
		}

		#nav {
			float: right;
			width: 500px;
			text-transform: uppercase;
		}

			#nav ul {
				width: 500px;
			}

			#nav ul li {
				padding-top: 5px;
				width: 110px;
				display: inline-block;
				padding-bottom: 15px;
				padding-right: 11px;
			}

			#nav ul li a {
				padding-top: 1px;
				border-top: 1px solid #8DC63F;
				width: 110px;
				display: inline-block;
				text-decoration: none;
			}

			#nav ul li a:hover {
				width: 110px;
				display: inline-block;
				text-decoration: none;
				color: #FFFFFF;
			}

			#nav ul li a.current {
				padding-top: 0px;
				border-top: 2px solid #8DC63F;
				color: #FFFFFF;
			}

			#nav ul li a.current:hover {
				border-top: 2px solid #8DC63F;
			}

			#nav ul li a:hover {
				padding-top: 0px;
				border-top: 2px solid #8DC63F;
				color: #FFFFFF;
			}
	
	.user-row {
		clear: both;
		font-size: 0.9em;
		padding-right: 40px;
		text-align: right;
		border-top: 1px solid #4e6d22;
		border-bottom: 1px solid #4e6d22;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 15px;
	}

		.user-row p {
			padding-bottom: 0px;
			margin-bottom: 0px;
		}

	#content-wrapper {
		clear: both;
		font-size: 0.9em;
	}

		#sidebar {
			float: left;
			width: 155px;
		}

			#sidebar ul {
				
			}

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

			#sidebar ul li a {
				text-decoration: underline;
			}

			#sidebar ul li.current {
			}

			#sidebar ul li.current a {
				color: #FFFFFF;
			}

			#sidebar ul li.current:hover {
			}

			#sidebar ul li.current a:hover {
				color: #FFFFFF;
			}

			#sidebar ul li:hover {
			}

			#sidebar ul li:hover a {
				color: #FFFFFF;
			}

			#sidebar a:hover {
				color: #FFFFFF;
			}

		#middle {
			float: left;
			width: 155px;
		}

			#middle ul, .middle ul {
				
			}

			#middle ul li, .middle ul li {
				padding-top: 5px;
				padding-bottom: 5px;
			}

			#middle ul li a, .middle ul li a {
				text-decoration: none;
			}

			#middle ul li.current, .middle ul li.current {

			}

			#middle ul li.current a, .middle ul li.current a {
				color: #FFFFFF;
			}

			#middle ul li.current:hover, .middle ul li.current:hover {

			}

			#middle ul li.current a:hover, .middle ul li.current a:hover {
				color: #FFFFFF;
			}

			#middle ul li:hover, .middle ul li:hover {

			}

			#middle ul li:hover a, .middle ul li:hover a {
				color: #FFFFFF;
			}

		#content {
			float: right;
			width: 500px;
		}

		.event-middle {
			width: 155px;
			float: left;
		}

		.event-right {
			float: right;
			width: 500px;
		}

	#footer {
		margin: 0 auto;
		width: 900px;
		padding-top: 5px;
	}
/*
		#partners {
			float: left;
			width: 600px;
		}
*/
		#text {
			float: right;
			width: 600px;
			text-align: right;
		}

		#footer p {
			font-size: 0.9em;
		}

h1, h2, h3, h4 {
	padding-bottom: 0.5em;
	color: #FFFFFF;
}

ul {
	padding-bottom: 1.5em;
}

.ruled {
	border-top: 1px solid #8DC63F;
}

.box {
	border: 1px dotted #8DC63F;
	padding: 10px;
}

.highlight {
	color: #8DC63F;
}

.info {
	border: 1px dotted #8DC63F;
	padding: 10px;
	margin-bottom: 20px;
}

.info p {
	padding: 5px;
	margin: 0px;
}

label {
	width: 100px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.roundButton, #roundButton {
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #8DC63F;
	color: #5B514F;
	border: none;
}

a.roundButton, a#roundButton {
	font-weight: bold;
	text-decoration: none;
}

.roundButton:hover, #roundButton:hover {
	background-color: #9ad947;
}

a.roundButton:hover, a#roundButton:hover {
	color: #4b4341;
}

#content-picture-left {
	padding: 0 15px 15px 0px;
	float: left;
}

#content-picture-right {
	padding: 0 0 15px 15px;
	float: right;
}

hr {
	border: none;
	border-top: 1px solid #8DC63F;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	display: inline;
	width: 300px;
	overflow: scroll;
}

table.api-responses {
	margin-bottom: 30px;
	border: 1px dotted #8DC63F;
}

table.api-responses tr {
	
}

table.api-responses thead {
	background-color: #8DC63F;
	color: #5B514F;
	font-size: 1.1em;
}

table.api-responses thead tr th {
	padding: 5px;
}

table.api-responses tr td {
	padding: 5px;
}

table.api-responses tr {
	border: 1px dotted #8DC63F;
}

.dsq-dc-logo {
	display: none;
}

/* the overlayed element */
.simple_overlay, .simple_event_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close, .apple_overlay .close, .simple_event_overlay .close {
	background-image:url(http://static.avfestival.co.uk/images/2010/gallery/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 


/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(http://static.avfestival.co.uk/images/2010/gallery/h80.png) repeat-x;		
}

 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

.left {
	float: left;
	padding: 0 15px 15px 0;
}
.right {
	float: right;
	padding: 0 0 15px 15px;
}






ul.landingPage {
	display: inline-block;
}

ul.landingPage li {
	width: 150px;
	height: 115px;
	float: left;
	display: inline;
	vertical-align: top;
	padding: 5px;
	margin: 1px;
	margin-bottom: 6px;
	border: 1px solid #8DC63F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}

ul.landingPage li img {
/*	opacity: 0.8;	*/
}

ul.landingPage li img:hover {
	opacity: 1;
}

ul.landingPage li:hover {
	border-color: #8DC63F;
	background-color: #8DC63F;
    -webkit-box-shadow: 0px 5px 150px #302824;
}





/* mouseover state */ 
#download_now:hover { 
    background-position:0 50px ;         
} 
 
/* clicked state */ 
#download_now:focus { 
    background-position:0 50px; 
} 
 
/* tooltip styling */ 
.tooltip {
	display:none;
	background-color: #453934;
	border: 6px solid #8DC63F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	padding:10px; 
	width:130px; 
	color:#fff;
	border-bottom: none;
	-webkit-box-shadow: 0px -5px 25px #302824;
}
 
.venueTooltip {
	display:none;
	background-color: #453934;
	border: 2px solid #8DC63F;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px; 
	width:250px; 
	color:#fff;
	-webkit-box-shadow: 0px 0px 25px #302824;
}

#middlesbrough-event .venueTooltip {
	border: 2px solid #00A3E6;
}

#sunderland-event .venueTooltip {
	border: 2px solid #F5821F;
}

#newcastle-event .venueTooltip, #northumberland .venueTooltip {
	border: 2px solid #BA3C2F;
}



.venueTooltip p {
	font-size: 0.8em;
}

/* a .label element inside tooltip */ 
.tooltip .label { 
    width:35px; 
}

.tooltip h3 {
	font-size: 0.9em;
}
 
.tooltip a { 
    color:#8DC63F; 
    font-size:11px; 
    font-weight:bold;
}

.success {
	background-color: #8DC63F;
	color: #000;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 15px;
}

.success p {
	margin: 0px;
}

.success a {
	color: #000;
}

.event-thumbnail {
	padding: 5px;
}




/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	display: none;
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#success { 
 
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* standard decorations */ 
    width:400px;     
    border:10px solid #666; 
 
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    border:10px solid #8DC63F; 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
} 
 
#success div { 
    padding:10px; 
	color: #e1e4e7;
	background-color: #453934;
} 
 
#success h2 { 
    margin:-11px; 
    margin-bottom:0px; 
    color:#fff; 
    background-color:#6D84B4; 
    padding:5px 10px; 
    font-size:20px; 
}

#trigger {
	float: left;
	padding: 5px;
}


/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0;
    padding-bottom: 20px;
}

.event_details { 
    font-size:11px; 
    color:#fff; 
	padding: 5px;
} 
 
.event_details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0;
    padding-bottom: 20px;
}

.thumb {
	width: 70px;
	height: 70px;
	padding: 5px;
	float: left;
}

.thumb img {
	cursor: pointer;
}

.fullBody {
	width: 425px;
}

.column {
	width: 44%;
	float: left;
	padding: 2%;
}

.middle {
	float: left;
	width: 155px;
}

.content {
	float: right;
	width: 500px;
}

em {
	font-style: italic;
}

.imageThumbs #trigger {
	height: 40px;
	width: 40px;
	padding: 5	px;
}

.sidebarWrapper {
	position: relative;
	top: 20px;
}

h2.current {
	border-top-color: #8DC63F;
	border-top-width: 2px;
	padding-top: 5px;
}

h2 a {
	text-decoration: none;
}

.instanceWrapper {
padding: 10px 0px;
margin-bottom: 10px;
}

.instanceWrapper {
	font-size: 1em;
}

#newcastle-event .ruled, #northumberland-event .ruled {
	border-width: 2px;
	border-color: #BA3C2F;
}

#sunderland-event .ruled {
	border-width: 2px;
	border-color: #F5821F;
}

#middlesbrough-event .ruled {
	border-width: 2px;
	border-color: #00A3E6;
}


li#newcastle-event-list, li#northumberland-event-list {
	background-color: #BA3C2F;
	border-color: #BA3C2F;
}

li#sunderland-event-list {
	background-color: #F5821F;
	border-color: #F5821F;
}

li#middlesbrough-event-list {
	background-color: #00A3E6;
	border-color: #00A3E6;
}


#newcastle-event-list, #northumberland-event-list {
	background-color: #BA3C2F;
	border-color: #BA3C2F;
}

#sunderland-event-list {
	background-color: #F5821F;
	border-color: #F5821F;
}

div#middlesbrough-event-list {
	background-color: #00A3E6;
	border-color: #00A3E6;
}

div#middlesbrough-event-list, #middlesbrough-event-list a, #middlesbrough-event-list h3 {
	color: black;
}

div#sunderland-event-list, #sunderland-event-list a, #sunderland-event-list h3 {
	color: black;
}

/*
#content h1 {
	height: 48px;
}
*/

#visitInfo {
	padding-top: 70px;
}

.user {
	height: 20px;
}

table#openClose {
	width: 100%;
	font-weight: normal;
	font-size: 0.8em;
}
table#openClose th {
	font-weight: bold;
	padding-bottom: 5px;
}



/* root element for accordion. decorated with rounded borders and gradient background image */
#programmeBy {
}

/* accordion header */
#programmeBy h2, #visitInfo h2, #visitInfo h3 {
	margin:0;
	padding:5px 0;
	cursor:pointer;
	border-top: 1px solid #8DC63F;
}

#programmeBy h2 a, #visitInfo h2 a, #visitInfo h3 a {
	color: #D1D3D4;
	font-weight: normal;
	text-decoration: none;
}

#programmeBy h2 a:hover, #visitInfo h2 a:hover, #visitInfo h3 a:hover {
	color: #FFF;
}

/* currently active header */
#programmeBy h2.current, #visitInfo h2.current, #visitInfo h3.current {
	cursor:default;
	color: #FFF;
	border-top: 2px solid #8DC63F;
}

/* accordion pane */
#programmeBy div.pane, #visitInfo div.pane{
	display:none;
	padding-left: 15px;
}

/* a title inside pane */
#programmeBy div.pane h3, #visitInfo div.pane h3 {
	margin:0 0 -5px 0;
}

#visitInfo h1 {
	padding-bottom: 7px;
	height: 100%;
}

span.credits {
	font-style: italic;
	font-size: 0.8em;
	color: #D1D3D4;
}

.apple_overlay {
	background-color: #434442;
	border: 1px solid black;
	padding: 5px;
	box-shadow: 0px 0px 25px #000;
}

p.ruled a {
	text-decoration: none;
}


body.supporters #middle, body.supporters #content, body.press #middle,body.press #content, body.contact #middle, body.contact #content, body.accessibility #middle, body.accessibility #content, body.terms-and-conditions #middle, body.terms-and-conditions #content {
	padding-top: 80px;
}

.logoBoard {
	background-color: white;
	padding: 20px;
}

.logoBoard img {
	padding: 0px 20px 20px 0px;
}

#sidebar img a {
	text-decoration: none;
}

#viewAll {
	padding-top: 7px;
}

.column {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 30px;
}

.sidebarWrapper h1.ruled a.current {
	text-decoration: none;
	color: #FFF;
}

#footer a {
	color: #000;
}

.boxgrid {
	width: 225px; 
	height: 160px; 
	margin-right:25px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
	margin-bottom: 20px;
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxcaption { 
	float: left; 
	position: absolute; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}

.caption .boxcaption {
	top: 220;
	left: 0;
}



.twtr-ft, .twtr-hd {
	display: none;
}
.twtr-tweet {
	border: none;
}

table td.label {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 400px;
	vertical-align: top;
}
table td.field {
	vertical-align: top;
}

label.error, .error { float: none; color: #eb7a75; padding-left: .5em; vertical-align: top; }














li.article {
	clear: both;
}


#jqb_object img {
	border:none;
}

#jqb_object {
	position:relative;
	width:500px;
	height:360px;
	overflow:hidden;
}

#jqb_object .jqb_bar {
	position:absolute;
	width: 500px;
	height: 60x;
	padding-top:5px;
	left: 0;
	bottom: 0px;
	background:#434442;
/*
	opacity:1;
	filter:alpha(opacity=100);
*/
	color:#ffffff;
	font-size:12px;
}

#jqb_object .jqb_slide {
	width:500px;
	height:360px;
	font-size:12px;
	letter-spacing:-1px;
	text-align:left;
}

#jqb_object .jqb_info {
	padding:2px 40px 2px 0px;
	float:left;
}

#jqb_object .jqb_btn {
	width:15px;
	height:14px;
	margin:10px 5px 2px 2px;
	float:right;
}

#jqb_object .jqb_btn_next {
	background-image:url(http://static.avfestival.co.uk/images/2010/gallery/btn_next.gif);
}

#jqb_object .jqb_btn_prev {
	background-image:url(http://static.avfestival.co.uk/images/2010/gallery/btn_prev.gif);
}

#jqb_object .jqb_btn_pause {
	background-image:url(http://static.avfestival.co.uk/images/2010/gallery/btn_stop.gif);
}

#jqb_object .jqb_btn_play {
	background-image:url(http://static.avfestival.co.uk/images/2010/gallery/btn_play.gif);
}


li.video {
	clear: both;
}