/*   
Under the Volcano 2010
by DayByTheHand - http://daybythehand.ca

*/


body {
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


p {
	font-size: 1em;
	line-height: 160%;
	padding: 0 0 .8em 0;
	margin: 0;
}

a,
a:active,
a:link {
	text-decoration: none;
	cursor: pointer;
	color: #C72624;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

.speciallink a,
.speciallink a:active,
.speciallink a:link {
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
}

.speciallink a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0 0 .5em 0;
	font-size:2.4em;
	color: #000000;
	font-weight: bold;
	line-height: 120%;
}

h2 {
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 1.6em;
	color: #C72624;
	text-transform:uppercase;
}

h3 {
	font-size: 1.3em;
	margin: 0;
	font-weight: bold;
	color: #000000;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #C72624;
	margin: 0;
	padding: 0;
}

h5 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 5px 0;	

}

h6 {
	font-size: 1em;
}

strong {
	color: #000000;
}

small {
	color: #000000;
}

img a {
	border: none;
}

textarea {
	max-width: 350px;
}

.moreinfo {
	text-align:right;
}

/* MAIN LAYOUT STYLES */

#page {
	margin: auto;
	width: 960px;
	height: 1150px;
	background: url(images/page-bg.png) no-repeat;
}
	
ul#primary-nav {
	float:left;
	padding: 0;
	margin: 82px 0 0 90px;
}

ul#secondary-nav {
	float:left;
	padding: 0;	
	margin: 12px 0 0 595px;	
}

#content {
	margin: 25px 0 0 575px;
	padding: 0 10px 10px 10px;
	float: left;
	width: 330px;
	height: 500px;
	overflow-y: scroll;
}

#caption {
	margin: 20px 0 0 590px;
	float: left;
}

#footer-first {
	float: left;
	width: 400px;
	margin: 15px 0 0 15px;
	color: #FFFFFF;
}

#footer-last {
	float: left;
	width: 360px;
	margin: 15px 0 0 170px;
	color: #FFFFFF;
}

ul#funders {
	float:left;
	width: 960px;
	clear: both;
	padding: 0;
	margin: 0;
}

/* PRIMARY NAVIGATION */

ul#primary-nav li {
	display: inline;
	text-indent: -2600;
	font-size: 0;
}

ul#primary-nav li a {
	float: left;
	height: 28px;	
}

ul#primary-nav li.home a {
	display: block;
	background: url(images/nav-home.png) no-repeat;
	width: 92px;
}

ul#primary-nav li.home a:hover {
	background: url(images/nav-home-over.png) no-repeat;
}

ul#primary-nav li.lineup a {
	display: block;
	background: url(images/nav-lineup.png) no-repeat;
	width: 121px;
}

ul#primary-nav li.lineup a:hover {
	background: url(images/nav-lineup-over.png) no-repeat;
}

ul#primary-nav li.performers a {
	display: block;
	background: url(images/nav-performers.png) no-repeat;
	width: 179px;
}

ul#primary-nav li.performers a:hover {
	background: url(images/nav-performers-over.png) no-repeat;
}

ul#primary-nav li.workshops a {
	display: block;
	background: url(images/nav-workshops.png) no-repeat;
	width: 170px;
}

ul#primary-nav li.workshops a:hover {
	background: url(images/nav-workshops-over.png) no-repeat;
}

ul#primary-nav li.dragonfly a {
	display: block;
	background: url(images/nav-dragonfly.png) no-repeat;
	width: 222px;
}

ul#primary-nav li.dragonfly a:hover {
	background: url(images/nav-dragonfly-over.png) no-repeat;
}

ul#primary-nav li.faq a {
	display: block;
	background: url(images/nav-faq.png) no-repeat;
	width: 73px;
}

ul#primary-nav li.faq a:hover {
	background: url(images/nav-faq-over.png) no-repeat;
}


/* SECONDARY NAVIGATION */

ul#secondary-nav li {
	display: inline;
	text-indent: -2600;
	font-size: 0;
}

ul#secondary-nav li a {
	height: 29px;
	float: left;	
}

ul#secondary-nav li.volunteer a {
	display: block;
	background: url(images/nav-volunteer.png) no-repeat;
	width: 122px;
}

ul#secondary-nav li.volunteer a:hover {
	background: url(images/nav-volunteer-over.png) no-repeat;
}

ul#secondary-nav li.infofair a {
	display: block;
	background: url(images/nav-infofair.png) no-repeat;
	width: 109px;
}

ul#secondary-nav li.infofair a:hover {
	background: url(images/nav-infofair-over.png) no-repeat;
}

ul#secondary-nav li.contact a {
	display: block;
	background: url(images/nav-contact.png) no-repeat;
	width: 131px;
}

ul#secondary-nav li.contact a:hover {
	background: url(images/nav-contact-over.png) no-repeat;
}

/* FOOTER FIRST */

#footer-first p {
	font-size: 16px;
	padding-bottom: .3em;
}

#footer-first .title {
	font-size: 28px;
	padding-bottom: 15px;	
}

#footer-first .subtitle {
	font-size: 20px;
	padding-bottom: .5em;
	line-height: 130%;
}

/* CONTENT SPECIALS */
#content a:hover img {
	border-left: 10px solid #C72624;
}

#content a img {
	border-left: 10px solid #FFFFFF;
	padding-left: 10px;	
}

p.moreinfo {
	text-align: right;
	padding: 0 10px 0 0; 
	margin: 0;
}


/* FOOTER LAST */

#footer-last p {
	font-size: 12px;
	padding-bottom: .5em;
}

#footer-last .title {
	font-size: 28px;
}

#footer-last .subtitle {
	font-size: 20px;
	padding-bottom: 18px;
	line-height: 130%;
}

#footer-last img {
	float: left;
	padding: 5px 5px 0 0;
}

/* FUNDERS */

ul#funders li {
	display: inline;
	text-indent: -2600;
	font-size: 0;
}

ul#funders li a {
	float: left;
	height: 28px;	
	display:block;
}

ul#funders li.exclaim a {
	float: left;
	height: 170px;	
	width: 160px;
}

ul#funders li.straight a {
	float: left;
	height: 170px;	
	width: 150px;
}

ul#funders li.artsoffice a {
	float: left;
	height: 170px;	
	width: 145px;
}

ul#funders li.goodmanfund a {
	float: left;
	height: 170px;	
	width: 165px;
}

ul#funders li.cnv a {
	float: left;
	height: 170px;	
	width: 75px;
}

ul#funders li.dnv a {
	float: left;
	height: 170px;	
	width: 110px;
}

ul#funders li.smartchange a {
	float: left;
	height: 170px;	
	width: 150px;
}

p.colophon {
	width:960px;
	clear: both;
	text-align: right;
}