/*
     FILE ARCHIVED ON 14:39:56 Apr 15, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:51:02 May 13, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*

The almost definitive Sparrows reset and setup stylez.
Based on work from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/.
Lovingly tended to by Jonathon Bellew.

*/

html {
  font-size:16px;
}

* html {
  font-size:100%;
}

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, embed, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
  font-size:62.5% !important;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
/*  font-family: inherit;*/
  vertical-align: baseline;
}

input, select, th, td, textarea {
  font-size:inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-family: inherit !important;
  vertical-align: baseline !important;
}

ol, ul {
  list-style: none;
}

/*-- todo: tables still need 'cellspacing="0"' in the markup --*/
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

br.hurdle {
  clear:both;
}



/*
      COLOURS:
      -------------------

*/

/* SITE WIDE STYLES*/

body {
  background-color:;
  font-family:georgia;
  color:#333;
	font-size:11px;
}

#wrapper {
  width:962px;
  margin:0 auto;
}

#header {
  width:800px;
  height:110px;
}

#index #header {
  height:auto;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

span {
/*	text-transform:uppercase;*/
	}

br.hurdle {
  clear:both;
}

.line {
	width:800px;
	background:url('images/images-top-line.jpg')repeat-x scroll;
} 	

.center {
  text-align:center;
}

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

p, .snippet {
	font-size:11px;
  font-family:georgia;
  color:#333;
  text-align:left;
  margin-bottom:1em;
	text-decoration:none;
	line-height:17px;
	display:block;
}

a:link {
	font-size:11px;
	color:#333;
	text-decoration:none;
	} 
	     
a:visited {
	font-size:11px;
	color:#333;
	text-decoration:none;
	}  
	
a:hover {
	font-size:11px;
	color:#333;
/*  text-decoration:underline;
*/	}  
	
a:active {
	font-size:11px;
	color:#333;
	text-decoration:none;
	}  

h1 {
  font-size:24px;
  line-height:1.1;
  letter-spacing:-0.03em;
}

h2 {
  font-size:13px;
  margin-bottom:12px;
	text-decoration:none;
	text-transform:uppercase;
}

h3, .article-heading {
  font-size:13px;
  margin-bottom:12px;
	text-decoration:none;
  
  font-weight:normal;
  font-style:italic;
  display:block;
}

#main h3, #index #main h3, .article-heading {
  font-weight:bold !important;
  font-style:normal !important;
}

img {
  width:;
  text-align:center;
  margin:;
}

/* HEADER */

#header {
  position:relative;
	width:800px;
}

#header #logo {
	width:152px;
	height:190px;
	display:block;
	clear:none;
	position:relative;
	margin:10px 10px 0 0;
}

#logo {
  height:190px;
}

#index #logo {
  height:270px;
}

#header #logo img {
	position:absolute;
	bottom:0px;
	margin:0 0 0 5px;
}

#header h1 {

	font-size:28px;
  padding-bottom:12px;
	background:url('images/images-top-line.jpg')repeat-x scroll 0 38px;
	text-decoration:none;
	margin:0px;
	font-weight:normal;
	width:800px;
}

#header h1 span {
	font-size:12px;
}

/*HOME PAGE*/



#nav-column {
  float:left;
  width:152px;
  margin:30px 10px 0 0;
}

#index #header {
  position:relative;
	width:800px;
/*  height:640px;
*/	margin:0 0 10px 0;
}

#logo-nav {
	width:152px;
	display:block;
	position:relative;
	margin:10px 10px 0 0;
}

#logo-nav #logo img{
	margin:0 0 0 0;
	width:152px;
}

#logo-nav #nav {
	top:290px;
	margin:20px 0 0 0;
	width:152px;
}

#logo-photo {
	width:800px;
	margin-top:10px;
	position:relative;
	height:530px;
	clear:both;
}

#logo-photo #logo-img {
position:absolute;
z-index:2;
top:0;
left:0;
}

#logo-photo #photo {
position:absolute;
left:320px;
z-index:0;
top:100px;
}

#home #header h1 {
	font-size:28px;
  padding-bottom:30px;
	background:url('images/images-top-line.jpg')repeat-x scroll 0 0;
	text-decoration:none;
	font-weight:normal;
	width:800px;
}

#intro h2 {   
  text-indent:-999em;
  background: #fff url('images/images-home-text.png') no-repeat top left;
  width:800;
  height:101px;
  margin:0;
}

.line {
  height:30px;
  width:800px;
  border:none;
  display:block;
  clear:both;
}

  #zig-zag {
    background: transparent url('images/images-lines-zig-zag.gif') no-repeat center left;
  }
  
  #wavy {
    background: transparent url('images/images-lines-wavy.gif') no-repeat center left;
  }
  
  #straight {
    background: transparent url('images/images-lines-straight.gif') no-repeat center left;
    height:65px !important;
  }

#search-box {
  height:30px;
	width:360px;
  position:absolute;
  z-index:500;
  top:10;
  right:0;
	margin-top:0;
}

#content #search-box p {
	text-align:right;
	padding:10px 10px 0 0;
	width:auto;
}

#search-box .left {
	float:left;
	width:160px;
}

#search-box .right {
	float:right;
	width:200px;
	background: transparent url('images/images-search-box.png') no-repeat scroll -1px 16px; 
	padding:2px 0 0 0;
}

#search-box .right .input {
	border:none;
	background-color:none;
	margin:3px 0 0 4px;
	float:left;
	color:red;
}

#search-box .submit {
	float:left;
	/*margin:15px 5px 0 0;*/
}

/* CONTENT */

#content {
  width:800px;
	margin:0 0 10px 0;
	position:relative;
	float:left;
}

#home #content {
  /*width:962px;*/
	position:relative;
	float:left;
}

#content h2 {
  text-align:;
  font-size:;
  text-transform:;
  font-family:;
  color:;
  line-height:; 
}
    
#content p {
  width:476px;
  font-size:;
 	line-height:;
}
 
/* NAVIGATION */

#nav {
  width:152px;
	margin:0 10px 0 0;
	height:100%;
	left:0px;
	text-align:center;
}

#nav a {
  display:block;
  background-position:top left;
  background-repeat:no-repeat;
	margin:25px 0;
	font-size:12px;
	position:relative;
	line-height:13px;
	font-style:italic;
	color:#999;
}

#nav span {
  text-indent:-99em !important;
  display:block;
}

#nav a:hover {
  color:#333;
}

#nav a:hover span {
  background-position:bottom left;
}
  
#nav-program span {
  width:70px;
  height:34px;
  background-image:url('images/images-nav-program.png');
	margin:0 0 -10px 42px;
}

#nav-calendar span {
  width:93px;
  height:35px;
  background-image:url('images/images-nav-calendar.png');
	margin:0 0 -10px 29px;
}

#nav-venue-map span {
  width:86px;
  height:32px;
  background-image:url('images/images-nav-venue-map.png');
	margin:0 0 -10px 33px;
}

#nav-about-the-festival span {
  width:152px;
  height:31px;
  background-image:url('images/images-nav-about-the-festival.png');
	margin:0 0 -10px 0;
}

#nav-media span {
  width:55px;
  height:29px;
  background-image:url('images/images-nav-media.png');
	margin:0 0 -10px 48px;
}

#main h3 {
  font-weight:bold;
}

#main #description a:hover {
  text-decoration:underline;
}

#main #description a {
  font-size:13px;
}

#description p {
  font-size:13px;
}

#content #main {
	width:800px;
	margin:0 0 0px 0;
}
#content #main #text{
	width:476px;
	float:left;
}

#content #main .two-cols {
	width:314px;
	float:left;
	margin:0 10px 0 0;
}

#content #main .two-cols #main-image {
  width:304px;
/*  height:230px;
  background-position:top center;
  background-repeat:none;*/
}

#content #main #description {
  font-size:14px;
}

#content #main .two-cols p {
	width:304px;
}

#content #main .two-cols table {
	width:304px;
}

#content #main .two-cols tr {
	
}


#content #main .two-cols td {
	width:40px;
	text-align:center;
	padding:10px 0;
}

#content #main .two-cols td.event {
	background: #fff url('images/images-circle.png') no-repeat 7px 5px;

}

#content #main #right-nav {
	width:152px;
	float:right;
}

#content #main #right-nav a {
	width:152px;
	font-size:12px;
}

#content #main #right-nav h3 {
	width:152px;
	margin-bottom:0px !important;
}

#content #main #right-nav h2 {
	width:152px;
}

h2.jump-to {
	background: #fff url('images/images-nav-jump-to.png')no-repeat top left;
	text-indent:-999em;
	width:152px;
	height:22px;
}

h2.dates-and-times {
	background: #fff url('images/images-nav-dates-and-times.png')no-repeat top left;
	text-indent:-999em;
	width:152px;
	height:23px;
}

h2.you-may-like {
	background: #fff url('images/images-nav-you-may-like.png')no-repeat top left;
	text-indent:-999em;
	width:152px;
	height:24px;
}

h2.similar-projects {
	background: #fff url('images/images-nav-similar-projects.png')no-repeat top left;
	text-indent:-999em;
	width:152px;
	height:25px;
}

#content #main .row-one {
	margin:10px 10px 0px 0;
	width:800px;
	clear:right;
}

#content #main .row {
	margin:0px;
	width:800px;
  	clear:right;
}

#content #main .column-one {
	float:left;
	margin:0px 10px 10px 0;
	width:100px;

}

#project-list a  {
  display:block;
	float:left;
	margin:0px 10px 5px 0;
	width:152px;
  height:240px;
}

span.title {
  clear:both;
  font-weight:bold;
}

span.artist-names {
  color:#999;
}



.last {
	margin:0px 0px 10px 0 !important;
}

#index #main .last {
	margin:10px 0px 10px 0 !important;
}

#content #main .column span {
  line-height:1.1;
}


#content #main .column span.title {
  font-size:13px;
  margin:7px 0 0 0 !important;
	text-decoration:none;
	display:block;
	width:130px;
}

#content #main a.column span.thumbnail {
  display:block; 
  height:135px; 
  width:152px; 
}

  #content #main a.column:hover span.thumbnail {
    background-color:#666;
  }

  #content #main a.column:hover span.title {
    text-decoration:underline;
  }
  #content #main a.column:hover span.artist-names {
    color:#333;
  }

  #image-credit-switch {
    float:right;
    color:#999;
    font-style:italic;
  }
  
  #more-images a {
    color:#999;
  }
  
  #more-images a:hover {
    color:#333;
  }
  
  #more-images {
    font-style:italic;
  }
  
  .venue-project-list h2 {
    font-size:18px;
    text-transform:none;
  }
  
  .venue-project-list li a {
    font-weight:bold;
  }
  
  .event {
    border-bottom:1px dotted #ccc;
    margin-top:10px;
    font-size:12px;
  }
  
    .event h3 {
      font-style:italic !important;
    }
  
    .event h3 span {
      font-weight:normal;
    }
    
    .event a {
      color:blue;
      
    }
  
  
  .pic-switch {
    font-weight:bold;
    padding:1px 3px;
    margin:1px;
    background-color:#eee;
    color:#666;
  }
  
    a.pic-switch:hover {
      background-color:#ccc;
      color:#333;
    }
  
  #image-credit {
    text-align:right;
  }

#content #main .column-last h3 {
  font-size:13px;
  margin:0px !important;
	text-decoration:none;
}

#filter {
  margin:10px 0 20px;
}

.switch {
  padding:3px 25px;
}

  #switch-dance {
    background: #fff url('images/images-glyphs-element.gif') no-repeat left 5px;
  }
  
  #switch-hybrid-new-media {
    background: #fff url('images/images-glyphs-anchor.gif') no-repeat 2px 0px;
  }
  
  #switch-performance {
    background: #fff url('images/images-glyphs-diamond.gif') no-repeat 5px 2px;
  }
  
  #switch-special-projects {
    background: #fff url('images/images-glyphs-leaf.gif') no-repeat 5px 0px;
  }
  
  #switch-visual-arts {
    background: #fff url('images/images-glyphs-cross.gif') no-repeat 6px 2px;
  }
  

#content #main .dance {
	background: #fff url('images/images-glyphs-element.gif') no-repeat right 143px;
}

#content #main .hybrid-new-media {
	background:#fff url('images/images-glyphs-anchor.gif') no-repeat right 140px;
}

#content #main .performance {
	background: #fff url('images/images-glyphs-diamond.gif') no-repeat right 140px;
}

#content #main .special-projects {
	background:#fff url('images/images-glyphs-leaf.gif') no-repeat right 140px;
}

#content #main .visual-arts {
	background: #fff url('images/images-glyphs-cross.gif') no-repeat right 140px;
}

#content #main .home-column {
	width:260px;
	float:left;
	margin:10px 10px 10px 0;
}


#content #main .home-column p {
	width:260px;
}

#content #main .home-column img {
	float:left;
	margin:0 10px 0 0;
}

#content #main .home-column form {
	width:260px;
}

#content #main .home-column input {
	background-color:#f3f3f3;
	border:none;
	margin:0 0 5px 0;
	height:20px;
	width:250px;
	font-family:georgia;
	padding:5px 0 0 5px;
}

#content #main .home-column input.half {
	width:125px !important;
}

#content #main .home-column select {
		margin:0 0 5px 0;
		background-color:#f3f3f3;
		border:none;
		font-family:georgia;
		padding:4px 4px 5px;
		width:125px;
}

#content #main .home-column label {
		border:none;
		height:20px;
}

#content #main .home-column .submit {
		border:none;
		height:30px;
		background-color:#fff;
		font-style:italic;
		text-decoration:underline !important;
		text-align:right !important;
		width:250px;
		font-family:georgia;
		font-size:12px;
}

 
/* #supporters {
   border-top:1px solid #333;
   margin-top:3px;
 }*/
 
 #supporters .supporter {
   width:150px;
   margin-right:10px;
   margin-top:10px;
   height:110px;
   float:left;
   font-size:1.4em;
   text-align:center;
   line-height:110px;
   border:none;
   text-decoration:none;
   /*border:1px solid red;*/
 }
 
 #supporters-list h3 {
   float:left;
   margin-top:20px;
   clear:both;
   font-size:1.2em;
   text-transform:uppercase;
   letter-spacing:0.1em;
   color:#666;
 }
    


/* FOOTER */

#footer {
	/*background:url('images/images-top-line.jpg')repeat-x scroll;
	 padding-top:15px;*/
	font-size:1.3em;
	min-height:100px;
  width:800px;
  clear:both;
	position:relative;
}

#footer a {
  color:#333;
	font-size:11px;
	text-decoration:none;
	margin-left:0;
}

#footer h2 {
  font-size:11px;
  margin-bottom:10px !important;
	text-decoration:none;
	text-transform:uppercase;
}

#footer ul {
	list-style-position:outside;
	padding:0; 
	margin:0;
}

#footer li {
	list-style:none;
}

#footer .column {
	float:left;
	margin:10px 10px 25px 0;
	width:152px;
	
}

#footer .last {
	margin:10px 0px 25px 0 !important;
}

#copyright, #copyright a {
	font-size:11px;
	position:relative;
	color:#999;
	font-style:italic;
	margin-top:20px;
}

#calendar .event-details {
  width:638px;
  float:left;
  
}

#calendar .time {
  width:184px;
  float:right;
}

td.empty {
/*  font-style:italic;
*/  color:#999;
}

#date-picker {
  width:476px;
  text-align:center;
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:20px;
}

#date-picker td, #date-picker th {
  text-align:center;
  padding:10px 5px;
}

#date-picker th {
  text-transform:uppercase;
  font-weight:bold;
}

#date-picker td a {
  padding:10px;
}

#today-2010-05-11 {
  
}