/*
culturepool by subsequence.co.uk

1.IMPORT
2.LAYOUT
3.HEADINGS
4.LINKS
5.IMAGES
6.NAVIGATION
7.HEADER
8.FOOTER
9.FORMS
*/

/* --------- 1.IMPORT --------- */

@import url(reset.css);


/* --------- 2.LAYOUT --------- */

body { }


/* --------- 3.HEADINGS --------- */
h2 { font-size: 140%; color: #EF4D23; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif;}
h3 { font-size: 110%; color: #EF4D23; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif;}
h4 { font-size: 100%; color: #EF4D23; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif;}


/* --------- 4.LINKS --------- */


/* --------- 5.IMAGES --------- */
img.oops-image { margin-bottom: 20px;}

/* --------- 6.NAVIGATION --------- */


/* --------- 7.HEADER --------- */


/* --------- 8.FOOTER --------- */
#footer { margin: 20px 0 0; padding: 1px 20px; clear: both; font-size: 10px; text-align: center; background: #fff; border-top: 1px solid #ccc;}
#footer img {position:relative; margin: 10px 0 0 0 ; padding-top: 10px;}
#footer ul {margin-top:5px;}
#footer ul li {vertical-align: middle; display:inline;}
#footer ul li img {vertical-align: middle; margin: -10px 0 0 0 ; padding-top: 10px; padding-bottom: -5px;}

/* --------- 9.FORMS --------- */
fieldset {padding:0; border-width:0;}
label {margin-bottom: 10px;}
label label {margin-bottom: 5px;}
label,label span {display:block;}
.button { background-color: #EF4D23; color: #fff; font-family: Helvetica,Arial; font-weight: bold; border : 0px dotted #ccc; margin-top: 9px; padding: 4px; text-decoration: none;}
.button a:link { color: white; text-decoration: none;}
.button a:visited { color: white; text-decoration: none;}
.checkbox { position:relative; margin-right: 10px;}
.checkbox-column {float:left; margin-right: 20px;}

/*.input-text { color:gray; height:17px; margin-top: 1px;}
.search-button { position: relative; background-color: #EF4D23; color: #fff; font-family: Helvetica,Arial; font-weight: bold; border : 0px dotted #ccc; margin-top: -3px; padding: 5px; margin-left: -7px; margin-bottom: 1px;}*/

#search-form {clear:both;}
.search-button { float: left; border : 0px; background-color: #EF4D23; color: #fff; height: 23px; padding: 1px 5px 3px 5px; margin-left: 0px;}
.keywords {float:left; margin-top: 0px; height: 17px; color:gray;}


/* --------- 10.SEARCH RESULTS --------- */
#search-results-list { width:700px; }
#search-results-list h2, h3, p { margin-bottom: 10px; }
#search-results-list ul li li.link {margin-top: 10px;}
#search-results-list ul li ul { margin-top:10px; background-color: #EBEBEB; padding:10px;}

#comment_form {margin:10px 0 0 240px;}
#comment_form label { overflow: hidden; margin-bottom: .25em; }
#comment_form label span { float: left; width: 29%; margin-right: 1px; }
#comment_form label input[type="text"], #comment_form label select { width: 320px; }
#comment_form textarea { width: 460px; height: 60px; }
#comment_form .textarea span { display: none; }
#comment_form .button { display:block; }

p.skiplink{ padding: 0; }
a#skiptocontent { position: absolute; left: -9999px; z-index: 500; }
a#skiptocontent:active, a#skiptocontent:focus { width: 100%; padding: 2px 0 4px; left: 0; top: 0; text-align: center; font-size: 1em; font-weight: bold; color: #000; border: none; background: #ff0; }

body { font: 0.8em/1.2 "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; }
body { color: #454545; }


/*a { color: #EF4D23; }*/
a {color: #3B5998; text-decoration: underline;}
p a { text-decoration: underline; }
.smaller-text {font-size: 90%;}
#breadcrumb {font-size: 85%; margin-bottom: 10px; float: left; }

#container { width: 940px; min-height: 600px; margin: 0 auto; padding: 20px 10px; position: relative; background: #fff; }
#text-page-copy {width: 460px; }
#about-text-page-copy {width: 460px; min-height:350px;}
#text-page-image {width: 220px; padding-top: 20px; margin-left: 30px; }
#contact-form {width: 470px; }

/* --- Header (including navigation) --- */
	#header { padding: 0 0 20px; }
	#header #searchForm { position: absolute; right: 5px; top: 40px; }	
	/*#header .logo { width: 333px; height: 74px; background: url(../images/logo.gif) 0 0 no-repeat; }*/
	#header h1.logo { text-indent: -9999px; }
	#header a.logo, a.logo span { display: block; }
	#header a.logo span { height: 0; overflow: hidden; }
	#header .nav, .nav li, .nav a { float: left; }
	#header .nav { width: 960px; margin: 20px 0 0 -20px; font-size: 14px; }
	#header .nav li { margin: 0 0 0 20px; }
	#header .nav a { width: 100px; height: 25px; padding: 15px 0 0; display: block; border-bottom: 1px solid #999; background: #fff; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif; color:#EF4D23; text-decoration:none;}
	#header .nav a.on { border-bottom: 2px solid #EF4D23; }
	#accessibility { margin: -10px 0 0 590px; padding: 0 0 10px 0; font-size: 84%; width: 350px; text-align: right;}
	#accessibilty a { text-decoration:none; }
	/* --- IE 6 fixes --- */
	* html #header .nav { width: 980px; margin: 20px 0 0 -30px; }
/* --- */

.column { float: left; }
#main { width: 451px;  position: relative; }
	#bubbles, #bImages { width: 450px; height: 323px; }
	#bubbles, #bImages img, #bImages li ul { position: absolute; }
	#bubbles { z-index: 10; }
	#littleBubblePhoto #bubbles { background: url(../images/bubbles.png) 0 0 no-repeat; }
	#bigBubblePhoto #bubbles { background: url(../images/bubbles2.png) 0 0 no-repeat; }
	#littleBubblePhoto #bImages img { z-index: 1; left: 25px; top: 60px; }
	#bigBubblePhoto #bImages img { z-index: 1; left: 182px; top: 26px; }
	#bImages li ul { padding: 0 50px; z-index: 20; left: 170px; top: 130px; font-size: 15px; color: #333; }
	#bImages li li { margin: 0 0 5px; }
	#bImages li ul li strong { color: #EF4D23; font-size: 16px; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif; }

	#bigBubblePhoto p { position: absolute; top: 170px; left: 65px; z-index: 20; width:100px;}

	#bubble-nav { text-align: center; }
	#bubble-nav a { margin: 0 10px; }

	
	#features, #features li { float: left; display: inline; font-size: 95%;}
	#features { margin: 40px 0 0 -20px; }
	#features li { width: 220px; margin: 0 0 0 20px; }
	#features h2 { margin: 0 0 10px; padding: 0 0 5px; font-size: 14px; border-bottom: 1px solid #ccc; }
	
#copy { width: 200px; min-height: 270px; padding: 10px; margin: 0 0 0 30px; background-color: #EF4D23; color: #FFF;}
#copy a {color:white;}
#panel { position: absolute; margin: 0 0 0 700px; width: 219px; padding: 0 0 0 20px; }
#events-panel { position: absolute; margin: 0 0 0 600px; width: 219px; padding: 0 0 0 20px; }
#oops-panel { width: 219px; padding: 0 0 0 270px; }
* html #panel { width: 200px; }

	#panel p, #panel label { font-size: 11px; }
	#panel form { margin: 0 0 20px; }
	#panel form div { margin: 0 0 10px; }
	#panel form input { margin: 0 15px 0 0; }
	
	.bookmarks, .bookmarks li, .bookmarks a { float: left; }
	.bookmarks { margin: 10px 0 20px -25px; padding: 0 25px 0 0; }
	.bookmarks li { margin: 0 0 10px 25px; }
	.bookmarks a { width: 59px; height: 65px; display: block; }
	.bookmarks span { display: block; height: 0; overflow: hidden; }
	#facebook { background: url(../images/facebook.png) 0 0 no-repeat; }
	#twitter { background: url(../images/twitter.png) 0 0 no-repeat; }
	#myspace { background: url(../images/myspace.png) 0 0 no-repeat; }
	#rss { background: url(../images/rss.png) 0 0 no-repeat; }

/* Events */
#events-sub-menu { width: 220px; margin: 0 0 0 480px; z-index:500; position: absolute;}
#events-sub-menu h2 { margin: 0 0 10px; padding: 0 0 5px; font-size: 14px; border-bottom: 1px solid #ccc;}
#events-sub-menu ul li a:link { color:#FFF; text-decoration: none;}
#events-sub-menu ul li a:visited { color:#FFF; text-decoration: none;}
#events-sub-menu ul li { background-color:#EF4D23; color:#FFF; padding:5px; margin-top: 5px; font-weight: 500; font-family: Arial, Verdana, Helvetica, sans-serif; position: relative;}
.event-disclaimer { margin-top:30px; font-weight: bold; font-style: italic;}


li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }
#events-sub-menu li ul li { margin-top: 0px; height: 10px; border-bottom: 1px solid #EF4D23; background-color:#FFF; padding:0 5px 5px 5px; display: block;}
#events-sub-menu ul.sub_menu li a{ color:#454545; font-size: 90%;}
#events-sub-menu li ul li:hover { background-color: #E8E8E8;}


.tiles {padding-top: 10px; clear: both; padding-bottom: 30px;}
.tiles .tiles-text {height:50px; font-size: 90%; }
.tiles .tiles-text p.bottom-align { position:relative; bottom:0; }
.tiles h2 { width: 220px; margin: 0px 0 -30px 0px; padding: 20px 0 5px; font-size: 14px; border-bottom: 0px solid #ccc; }
.tiles li { width: 220px; height: 160px; float:left; margin: 25px 20px 0 0;}
.tiles li img { padding-top: 10px; border-top: 1px solid #ccc; }
.tiles li.last { margin-right: 0px;}
#entry-page-key-list { width: 190px; padding: 0 30px; }
#entry-page-key-list h3 {margin-top: 10px; margin-bottom: 0px;}
#entry-page-key-list p {margin: 0px 0 5px 0;}
#event-description { width: 700px; clear: both; padding-top: 30px; margin-bottom: 30px; float: left; }
#event-description .print-friendly {margin-top: 20px; padding-left: 35px; padding-top: 15px; background: url(../images/print-icon.png)  0 0 no-repeat;}

#comments { width: 700px; clear: both; padding-top: 30px; font-size: 90%; }
#comments h2 { margin: 0 0 0px; padding: 20px 0 5px; font-size: 14px; border-bottom: 1px solid #ccc; }
#comments ul.form { margin: 20px 0 0 230px; }
#comments li {margin-bottom:20px;}
#comments ul.event-comments { border-top: 1px solid #ccc; margin: 10px 0 0 0; }
#comments ul.event-comments li { border-bottom: 1px solid #ccc; margin: 10px 0; padding: 0 0 10px 0; }
#comments li strong {margin-bottom: 10px;}
#td-panel { position: absolute; margin: 330px 0 0 700px; width: 219px; padding: 0 0 0 20px; }
#transport-direct { margin-top:30px; margin-bottom:-20px; width:200px; background-color: #EBEBEB; padding:10px; }
#transport-direct p { margin-bottom:10px; font-size: 80%; }

/* About */
.staff-tiles {padding-top: 0px; clear: both; padding-bottom: 30px;}
.staff-tiles .staff-tiles-text {height:50px; font-size: 90%; }
.staff-tiles .staff-tiles-text p.bottom-align { position:relative; bottom:0; }
.staff-tiles li { width: 220px; float:left; margin: 10px 20px 0 0;}
.staff-tiles li img { padding-top: 10px; border-top: 1px solid #ccc; }
.staff-tiles li.last { margin-right: 0px;}
.staff-tiles h3 {margin-bottom: 5px;}
.staff-tiles h2 { border-bottom: 1px solid #ccc; padding-top: 20px;}
.services-entry { padding-top: 20px; border-top: 1px solid #ccc; clear: both;}
.services-entry ul li.text {width: 470px;}
.services-image {float: left; margin-bottom: 20px; margin-right: 10px;}

/* Maps */
#map-container { width: 461px; position: relative;}
#display-map { height: 500px; width: 461px;}

/* News */
.news { width: 700px; clear: both; padding-top: 0px; }
.news-entry { padding-top: 20px; border-top: 1px solid #ccc; clear: both;}
.news-entry ul li.text {width: 470px;}
.news-image {float: right; margin-bottom: 20px;}

/* Newsletter */
.newsletter-events { width: 700px; clear: both; padding-top: 30px; }
.newsletter-events-entry { padding-top: 20px; border-top: 1px solid #ccc; clear: both;}
.newsletter-events-entry ul li.text {width: 470px;}
.newsletter-events-entry ul li.text ul li span {color:#EF4D23;}
.newsletter-events-entry ul li.text ul { margin-bottom: 10px;}
.newsletter-events-image {float: right; margin-bottom: 20px;}
ul.newsletters-list li {margin-bottom: 10px;}

ul.sub-drop {padding: 0; margin: 0; list-style: none;}
ul.sub-drop  li {float: left; position: relative; width: 10em;}
ul.sub-drop li ul {display: none; position: absolute; top: 1em; left: 0;}
ul.sub-drop li > ul {top: auto; left: auto;}
ul.sub-drop li:hover ul { display: block;}

/* Print view */
#print {padding:10px; min-width: 600px;}
#print-page-key-list {float:left; width: 30%; padding-top: 10px; margin-right: 20px;}
#print-page-key-list h3 {margin-top: 10px; margin-bottom: 0px;}
#print-page-key-list p {margin: 0px 0 5px 0;}
#print-description { width: 60%; padding-top: 10px; float: left; }
#print-description h2 {margin-bottom: 10px;}