/* Theme Name: Big Dance 2010
Theme URI: http://www.bulletcreative.com
Description: Default theme for Siobhan Davies Dance Big Dance Website
Version: 1.0
Author: Mike Hatcher (Based on theme by MTS von webdesign-in.de und texto.de. Design by Claire Waterworth)
Author URI: http://www.texto.de */

/* ******************************************************************
GLOBAL RESET - ALL MEDIA TYPES
Removes default styling on all elements in all browsers, thus making
initial layout and styling consistent across all browsers
****************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, sub, sup, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
address, cite { font-style: normal; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }


@media screen, projection, tv {
/* ******************************************************************
MAIN STRUCTURE & STYLING - screen, projection, tv
CSS below creates structure & styling of entire website  
****************************************************************** */

/* ~~~~~~~~~~~~ BODY ~~~~~~~~~~~~ */
body { color: #2f3b04; background: #f9f9ed; font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; text-align: center; }

/* ~~~~~~~~~~~~ HIDDEN ELEMENTS ~~~~~~~~~~~~ */
#skip-links,				/* Skip Links (Accessibility) */ 
#logo span, 				/* Site name */ 
#logo em, 					/* Site description */
#nav-main h2, 				/* Nav Main Structure Heading */ 
.screen-reader-text, 		/* Search form label */
#searchsubmit, 				/* Search form submit button */
h1 span, 					/* Page titles */
#logo-links span, 			/* Landing page logo links */
#footer h2					/* Footer Structure Heading */
{ position: absolute; margin-left: -9000em; top: -9000em; }  

/* ~~~~~~~~~~~~ WRAPPERS ~~~~~~~~~~~~ */
#wrapper { margin: 0 auto; text-align: left; width: 960px; }

	/* ~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~ */
	a { color: #e85f00; }
	a:hover { color: #9ebc0c; text-decoration: underline; }
	h2 a { color: #666; }
	h2 a:hover { color: #666; }
	h3 a { color: #666; }
	h3 a:hover { color: #000; }

	/* ~~~~~~~~~~~~ PARAGRAPHS & ADDRESSES ~~~~~~~~~~~~ */
	p, address, ol, ul { font-size: 1.1em; margin: 0 0 2.5em; }
	
	/* ~~~~~~~~~~~~ FLOATS ~~~~~~~~~~~~ */
	a.alignleft { float: left; margin: 0 1px 0 0; }

	/* ~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~ */
	#header { float: left; width: 100%; min-height: 68px; background: #9ebc0c; padding: 24px 0 20px; }

		/* ~~~~~~~~~~~~ LOGO ~~~~~~~~~~~~ */
		
			/* Non-Flash Logo */
			p#logo { float: left; width: 115px; height: 68px; margin: 0 330px 0 28px; }
			p#logo a { width: 115px; height: 68px; display: block; background: url(images/logo-sd.png) no-repeat 0 0; }
			
			/* Flash Logo */
			object#logo { float: left; margin: 0 55px 0 28px; width: 390px; }
	
		/* ~~~~~~~~~~~~ NAVIGATION MAIN ~~~~~~~~~~~~ */
		#nav-main { float: left; width: 355px; margin: 3.6em 0 0; }
		#nav-main ol { float: left; font-size: 1.1em; margin: 0; }
		#nav-main li { float: left; width: 118px; position: relative; }
		#nav-main a { color: #fff; display: block; float: left; width: 100%; padding: 0 0 0 14px; }
		#nav-main a:hover { color: #e85f00; text-decoration: none; }
		
			#nav-main .selected a { background: url(images/icon-link-bullet-on.png) no-repeat 0 0.5em; color: #e85f00; }
			#nav-main .selected a:hover, 
			#nav-main ol li:hover a { color: #e85f00; }
		
			#nav-main ol div { display: none; }
			#nav-main ol li:hover div { display: block; }
			
			#nav-main ol div { clear: left; position: absolute; left: 0; top: 1.5em; z-index: 10; 
			background: url(images/nav-sub-top.png) no-repeat 0 0; padding: 30px 0 0; border-left: solid 2px #f5c099; }
			#nav-main ol ol { font-size: 0.8em; border: solid 2px #f5c099; border-top: none; border-left: none; padding: 0 5px 5px;   
			background: #fff url(images/nav-sub-back.png) repeat 0 0; width: 349px; }
			#nav-main ol ol li { float: left; width: 105px; margin: 0 0 5px 5px; }
			#nav-main ol ol a, 
			#nav-main ol li:hover ol a, 
			#nav-main .selected ol a { color: #2f3b04; padding: 0; line-height: 1.3; background: none; }
			#nav-main ol li:hover ol a:hover { color: #e85f00; }

		/* ~~~~~~~~~~~~ SEARCH ~~~~~~~~~~~~ */
		#search { float: left; margin: 3.7em 10px 0 0; }
		#s { font: 1em Verdana, Arial, Helvetica, sans-serif; width: 86px; border: solid 1px #ccc; padding: 2px 12px 2px 20px; 
		background: #fff url(images/icon-search.png) no-repeat 5px center; color: #808080; 
		-webkit-border-radius: 15px; 
		-moz-border-radius: 15px; 
		border-radius: 15px; 
		}

	/* ~~~~~~~~~~~~ WRAPPER CONTENT ~~~~~~~~~~~~ */
	#content-wrapper { float: left; clear: left; min-height: 881px; width: 796px; padding: 0 56px 0 108px; 
	background: url(images/background-stripe.png) no-repeat 0 0; }
	
		/* ~~~~~~~~~~~~ PAGE TITLES ~~~~~~~~~~~~ */
		div.page, 
		div.post { background: #f9f9ed url(images/background-pagetitle.png) no-repeat 0 0; padding: 0 0 56px 380px; float: left; width: 416px; }
		.page h1, 
		.post h1, 
		.post h1 { min-width: 340px; min-height: 120px; margin: 0 0 0 -380px; }
		
			#post-2 h1 { background: url(images/title-about.png) no-repeat 25px 22px; } /* About */
			#post-7 h1 { background: url(images/title-gallery.png) no-repeat 25px 22px; } /* Gallery */
			#post-11 h1 { background: url(images/title-film.png) no-repeat 25px 22px; } /* Gallery */
			#post-301 h1 { background: url(images/title-mailinglist.png) no-repeat 25px 22px; } /* Mailing List Subscription */
			#post-303 h1 { background: url(images/title-mailinglist.png) no-repeat 25px 22px; } /* Mailing List Submission */
			.search h1 { background: url(images/title-search.png) no-repeat 25px 22px; } /* Search */
			.single h1, 
			.archive h1 { background: url(images/title-programme.png) no-repeat 25px 22px; } /* Programme & Children */
		
		/* ~~~~~~~~~~~~ PAGE TEMPLATE ~~~~~~~~~~~~ */
		
			/* Headings */
			div.page h2 { font-size: 1.9em; margin: 0 0 25px; }
			div.page h3 { font-size: 1.1em; }
		
			/* Image */
			div.page .image { width: 226px; float: left; margin: 0.8em 0 0 -258px; }
			div.page .image img { float: left; display: block; }
			
			/* Gallery */
			div.page .gallery { float: left; clear: left; width: 674px; margin: 0.8em 0 36px -258px; }
			#content-wrapper .page .gallery h2 { color: #fff; float: left; padding: 9px 18px; width: 188px; height: 35px; 
			margin: 0 20px 0 0; font: 1.4em "TheMix", Arial, Helvetica, sans-serif; 
			background: url(images/background-pagesubtitle.png) no-repeat 0 0; }
			#content-wrapper .page .gallery h2 a { color: #fff; }
			div.page .ngg-galleryoverview { float: left; width: 430px; }
			div.page .ngg-gallery-thumbnail { float: left; margin: 0 0 10px 10px; }
		
		/* ~~~~~~~~~~~~ POST TEMPLATE ~~~~~~~~~~~~ */
		
			/* Post Meta */
			.post-meta { width: 225px; float: left; margin: 0.5em 0 0 -258px; }
			
				/* thumbnail */
				.post-meta .thumbs { position: relative; width: 226px; height: 226px; overflow: hidden; }
				.post-meta .title { position: absolute; left: 0; top: 150px; width: 181px; height: 57px; font-size: 1.4em; 
				color: #fff; line-height: 1.2; background: url(images/background-post-meta-title.png) no-repeat left 1px; 
				padding: 25px 30px 0 15px; font-weight: bold; }
				.post-meta .type { position: absolute; left: 0; top: 0; }
			
				/* categories */
				.post-meta ul { margin: 16px 0 0; }
				.post-meta li { margin: 0 0 8px; }		
				.post-meta a { color: #808b54; padding: 0 0 0 16px; background: url(images/icon-bullet-circle.png) no-repeat 0 0; }
				.post-meta .active_category { background: url(images/icon-bullet-dot.png) no-repeat 0 0; }
				.post-meta a:hover { color: #e85f00; text-decoration: none; background: url(images/icon-bullet-dot-orange.png) no-repeat 0 0; }
		
			/* Headings */
			div.post h2 { font-size: 1.3em; font-weight: normal; margin: 0 0 20px; }
			div.post h3 { font-size: 1.9em; }
			div.post h4 { font-size: 1.1em; margin: 0 0 25px; }
			div.post h5, 
			div.post h6 { font-size: 1.1em; }
			
			/* Comments */
			.nocomments { display: none; }
			
			/* Gallery */
			div.post .gallery { float: left; width: 420px; margin: 0 0 1.5em; }
			div.post .gallery h4 { width: 140px; height: 33px; color: #fff; padding: 10px 10px; margin: 0;   
			background: url(images/background-gallery-title.png) no-repeat left top; }
			div.post .gallery h4 a { color: #fff; }
			div.post .gallery h4 a:hover { color: #e85f00; }
			div.post .ngg-galleryoverview { float: left; width: 430px; }
			div.post .ngg-gallery-thumbnail { float: left; margin: 0 0 10px 10px; }
			

	/* ~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~ */
	#footer { clear: both; float: left; width: 100%; padding: 0 0 20px; }
	
		/* FOOTER TEXT */
		#footer-text { float: left; margin: 0 40px 0 53px; padding: 35px 0 0; }
		#footer-text p, 
		#footer-text address { margin: 0; color: #929497; font-size: 1em; font-style: normal; }
		#footer-text ul { float: left; width: 100%; }
		#footer-text li { float: left; }
		#footer-text a { color: #929497; }
		
			#footer-text ul a { float: left; display: block; width: 23px; height: 23px; margin: 0 5px 0 0; }
			#mailinglist { background: url(images/icon-mail.png) no-repeat left center; }
			#twitter { background: url(images/icon-twitter.png) no-repeat left center; }
			#youtube { background: url(images/icon-youtube.png) no-repeat left center; }
			
		/* FOOTER LOGOS */
		#footer-logos { float: left; }
		#footer-logos ul { float: left; } 
		#footer-logos li { float: left; margin: 0 0 0 30px; }
		#footer-logos li:first-child { margin-left: 0; } 
		
			#logo-legacy img { margin-top: 30px; }
			#logo-ace img { margin-top: 40px; }
			#logo-mayor img { margin-top: 45px; }

			

/* ******************************************************************
TEMPLATE STRUCTURE & STYLING - screen, projection, tv
CSS below creates structure & styling of entire website  
****************************************************************** */

/* ~~~~~~~~~~~~ HOME & BOROUGH LANDING PAGES ~~~~~~~~~~~~ */

	/* ~~~~~~~~~~~~ WRAPPER CONTENT ~~~~~~~~~~~~ */
	.page-template-landing-php #content-wrapper, 
	.page-template-boroughs-php #content-wrapper { min-height: 487px; position: relative; padding-bottom: 0; 
	background: url(images/background-stripe-landing.png) no-repeat 0 bottom; }
	
		/* ~~~~~~~~~~~~ PAGE TITLES ~~~~~~~~~~~~ */
		#post-3, 
		#post-5 { background: url(images/title-landing.png) no-repeat 0 0; height: 132px; margin-left: -20px; }
		
		#logo-links { float: left; position: absolute; left: 153px; top: 65px; width: 400px; }
		#logo-links li { width: 149px; height: 49px; float: left; margin: 0 0 0 10px; }
		#logo-links li a { width: 149px; height: 69px; display: block; float: left; }
		
			#link-home a { background: url(images/title-home-off.png) no-repeat 0 20px; }
			#link-home a:hover, 
			#link-home.selected a { background: url(images/title-home-on.png) no-repeat 0 20px; }
			#link-boroughs a { background: url(images/title-boroughs-off.png) no-repeat 0 0; }
			#link-boroughs a:hover, 
			#link-boroughs.selected a { background: url(images/title-boroughs-on.png) no-repeat 0 0; }
		
		#content { margin: 150px 0 0 -185px; width: 690px; }
		
		/* ~~~~~~~~~~~~ FLASH ~~~~~~~~~~~~ */
		#mycarousel { height: 226px; overflow: hidden; background: #e8e8d9; }
		.holder { position: relative; width: 226px; height: 226px; float: left; }
		.underthumb { position: absolute; top: 0; left: 0; }
		.holder object { position: relative; top: 0; left: 0; z-index: 1; }
		
			.jcarousel-container { }			
			.jcarousel-container-horizontal { width: 677px; }			
			.jcarousel-container-vertical { }			
			.jcarousel-clip-horizontal { height: 226px; }			
			.jcarousel-clip-vertical { }			
			.jcarousel-item { width: 226px; height: 226px; }			
			.jcarousel-item-horizontal { }			
			.jcarousel-item-vertical { }			
			.jcarousel-item-placeholder {
				background: #fff;
				color: #000;
			}
			
			/* horizontal buttons */
			.jcarousel-next-horizontal { position: absolute; top: 5px; right: 5px; z-index: 2; width: 20px; height: 20px; cursor: pointer;
			background: url(images/icon-button-right-on.gif) no-repeat 0 0; }			
			.jcarousel-next-horizontal:hover, 
			.jcarousel-next-horizontal:active { background: url(images/icon-button-right.gif) no-repeat 0 0; }			
			.jcarousel-next-disabled-horizontal,
			.jcarousel-next-disabled-horizontal:hover,
			.jcarousel-next-disabled-horizontal:active { }
			
			.jcarousel-prev-horizontal { position: absolute; top: 5px; left: 5px; z-index: 2; width: 20px; height: 20px; cursor: pointer;
			background: url(images/icon-button-left-on.gif) no-repeat 0 0; }			
			.jcarousel-prev-horizontal:hover, 
			.jcarousel-prev-horizontal:active { background: url(images/icon-button-left.gif) no-repeat 0 0; }			
			.jcarousel-prev-disabled-horizontal,
			.jcarousel-prev-disabled-horizontal:hover,
			.jcarousel-prev-disabled-horizontal:active { }
			
			/* vertical buttons */
			.jcarousel-next-vertical { }			
			.jcarousel-next-vertical:hover { }			
			.jcarousel-next-vertical:active { }			
			.jcarousel-next-disabled-vertical,
			.jcarousel-next-disabled-vertical:hover,
			.jcarousel-next-disabled-vertical:active { }			
			.jcarousel-prev-vertical { }			
			.jcarousel-prev-vertical:hover { }			
			.jcarousel-prev-vertical:active { }			
			.jcarousel-prev-disabled-vertical,
			.jcarousel-prev-disabled-vertical:hover,
			.jcarousel-prev-disabled-vertical:active { }
		
		/* ~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~ */
		.page-template-landing-php #footer, 
		.page-template-boroughs-php #footer { position: relative; bottom: 80px; left: 0; }
			
/* ~~~~~~~~~~~~ SEARCH PAGES ~~~~~~~~~~~~ */

	/* ~~~~~~~~~~~~ PAGE TITLES ~~~~~~~~~~~~ */
	div.result-item {  }
	body.search div.result-item div.post { background-image: none; } 

/* end of styles for screen, projection & tv media types */ }