@charset "utf-8";
/* Fowey Fringe Festival - Sticky Back Stylesheet   */
/* Author: MicroAngelo Ltd. - www.microangelo.co.uk */
/* Date: 20070406                                   */

#wrapper {
	min-width: 660px;
	width: 96%;
	margin-top: 47px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #fff url("../img/top_scrap") 68px 93px no-repeat;
	border: 1px solid #ccc;
	color: #888;
	overflow: hidden;
}

#content {
	width: 379px;
	margin-left: 70px;
	margin-top: 108px;
	padding: 197px 20px 0 10px;
	background: url("../img/scrap_paper") top right repeat-y;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

ul {
	list-style: disc;
	margin-left: 2em;	
}

	ul li {
		margin: 3px 0 5px;
	}

#nav {
	list-style: none;
}

#nav li {
	margin: 0;
	display: block;
}

#nav li a {
	display: block;
	position: absolute;
	top: 307px;
	border: none;
	height: 43px;
	text-indent: -2000px;
	padding: 1px;
	margin: 0;
} 

#nav li#nav-home a { 
	width: 55px;
	left: 120px;
	background: url("../img/home") left no-repeat;
}

#nav li#nav-venues a {
	width: 71px;
	left: 177px;
	background: url("../img/venues") left no-repeat;
}
#nav li#nav-performers a {
	width: 112px;
	left: 250px;
	background: url("../img/performers") left no-repeat;
}

#home #nav li#nav-home a, #nav li#nav-home a:hover {
	background: url("../img/home_alt") left no-repeat;
}

#venues #nav li#nav-venues a, #nav li#nav-venues a:hover {
	background: url("../img/venues_alt") left no-repeat;
}

#performers #nav li#nav-performers a, #nav li#nav-performers a:hover {
	background: url("../img/performers_alt") left no-repeat;
}

#nav li#nav-home a:focus, #nav li#nav-venues a:focus, #nav li#nav-performers a:focus {
	border: 1px solid yellow;
	padding: none;
}

h1 {
	padding-bottom: 11px;
	position: absolute;
	top: -33px;
	left: 35px;
}

h2 {
	font-family: georgia;
	font-size: 122%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.7ex;
	padding-left: 2px;
	text-transform: uppercase;
	color: #888;
	clear: left;
}

h3 {
	padding-top: 1em;
	padding-left: 6px;
}

p {
	font-family: verdana;
	text-align: left;
	font-size: 92%;
	font-weight: bold;
	padding-left: 10px;
}

	p+p, p+ul, ul+p {
		margin-bottom: 1em;
		font-weight: normal;
	}
	
	p em {
		font-weight: bold;
	}

	p a, li a {
		color: #777;
		text-decoration: none;
		border-bottom: thin dashed #777;
	}
	
		p a:hover, p a:focus, li a:hover, li a:focus {
			color: #000;
			text-decoration: none;
			border-bottom: thin dashed #000;
		}
		
	p img {
		display: block;
		margin: 0 auto;
	}
	
#extras {
	position: absolute;
	top: 90px;
	left: 510px;
	padding: 0;
	text-align: left;
}

	#extras div.message {
		margin-top: 10px;
		width: 230px;
		border-right: 1px dashed #ddd;
		border-bottom: 1px dashed #ddd;
		padding-bottom: 10px;
		float: left;
	}
	
		#extras div.message p {
			margin-top: 15px;
		}

		#extras div.message a img {
			display: block;
			margin: 0 auto;
			padding: 10px;
			border: none;
		}
	
	#extras #sponsors img {
		padding: 0 10px;
	}
	
	#extras div#chunks {
		clear: both;
		padding: 10px 0;
		margin: 20px 0 10px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	
		#extras div#chunks div.chunk {
			float: left;
			border: solid 1px #777;
			padding: 10px;
			margin: 10px 0 10px 20px;
		}
		
		#extras p.clear {
			clear: both;
			text-align: center;
		}