/*
Mission Creek
-------------*/

* {
	padding: 0;
	margin: 0;
	font-family: "Georgia", serif;
	font-size: 15px;
}

a {
	text-decoration: none;
	color: #000;
	font-size: 15px;
}

ul,ol {
	list-style: none;
}

.clear-fix {
	clear: both;
}

.min-height-400 {
	height: 400px;
}

/*
Layout
------*/

body {
	background-color: #4c3117;
}

#site-wrapper {
	margin: 0 auto;
	width: 945px;
	background: #4c3117 url(bg.gif) repeat-y;
}

#main-content {
	
}

	/*
	Header
	------*/

	#header {
		z-index: 1;
		position: relative;
		padding: 8px 0 0 26px;
		background: #4c3117 url(bg-dark.gif) repeat-y;
		color: #FFF;
	}

	#header #logo {
		display: block;
		background: transparent url(logo.png) no-repeat;
		width: 496px;
		height: 110px;	
	}

	#header-overlays {
		z-index: 5;
		position: relative;
		color: #FFF;
	}

	#header-overlays #nth-annual {
		position: absolute;
		top: 10px;
		left: 70px;
		font-size: 22px;
		color: #e9ac84;
	}

	#header-overlays #date-place {
		position: absolute;
		top: 43px;
		left: 420px;
	}

	#header-overlays #date-place ol li p {
		height: 22px;
	}

	#header-overlays #date-place ol li p.dates {
		font-size: 22px;
		float: left;
		width: 120px;
	}

	#header-overlays #date-place ol li p.location {
		padding: 5px 0 0 0;
		float: left;
		width: 140px;
	}

	#header-overlays #social-involvement {
		position: absolute;
		top: 35px;
		left: 715px;
	}

	#header-overlays #social-involvement img {
		margin: 0 0 0 8px;
	}
	
		/*
		Get Involved Popup
		------------------ */

		#header-overlays #social-involvement #get-involved {
			cursor: pointer;
			background: transparent url("get-involved.png") no-repeat;
			width: 150px;
			height: 37px;
		}
		
		#get-involved-popup {
			color: black;
			background: transparent url("90-trans-white.png");
			padding: 30px;
			margin: -1px 8px 0 0;
			position: absolute;
			display: none;
			z-index: 2;
			left: -620px;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px;
		}
		#get-involved-popup h3 {
			font-size: 28px;
		}
		
		#get-involved-popup p {
			font-size: 18px;
			margin: 0 0 20px 5px;
		}
		
		#get-involved-popup a {
			font-size: 18px;
			color: black;
		}
	
	#header-overlays #social-involvement ul {
		margin: 10px 0 0 4px;
	}

	#header-overlays #social-involvement ul li {
		width: 41px;
		height: 41px;
		float: left;
		margin: 0 10px 0 0;
	}

	#header-overlays #social-involvement ul li a {
		display: block;
		width: 41px;
		height: 41px;
	}

	#header-overlays #social-involvement ul li#facebook {
		background: transparent url("facebook.png") no-repeat;
	}

	#header-overlays #social-involvement ul li#twitter {
		background: transparent url("twitter.png") no-repeat;
	}

	#header-overlays #social-involvement ul li#myspace {
		background: transparent url("myspace.png") no-repeat;
	}
	
	/*
	Navigation
	----------*/
	
	#navigation-frame {
		margin: 0 0 0 60px;
		width: 584px;
	}

	ul#navigation {
		margin: 0 0 0 12px;
	}

	ul#navigation li {
		float: left;
		line-height: 22px;
		padding: 8px 8px 4px 8px;
		margin: 0 6px 0 0;
		background: #985117;
	}
	
	ul#navigation li a {
		font-weight: normal;
		font-size: 15px;
		color: #FFF;
		text-decoration: none;
	}

	ul#navigation li.current {
		background: #dd7637;
	}
	
	/*
	Left Frame
	----------*/

	#left-frame {
		float: left;
		margin: 10px 0 0 98px;
		width: 564px;
		background: transparent url("67-trans-white.png");
	}

	#left-content {
		padding: 10px 10px 10px 10px;
	}

	#left-content h1 {
		font-size: 30px;
		letter-spacing: 8px;
		margin: 0 0 20px 0;
		color: black;
	}

	#left-content h2 {
		font-size: 24px;
		letter-spacing: 4px;
		margin: 0 0 20px 0;
		color: black;
	}

	#left-content h3 {
		font-size: 18px;
		margin: 0 0 5px 0px;
		color: black;
	}

	#left-content p {
		margin: 0 0 10px 0px;
		line-height: 18px;
		color: black;
	}
	
	/*
	Right Frame
	-----------*/

	#right-frame {
		position: relative;
		z-index: 2;
		float: left;
		padding: 0 0 0 51px;
		width: 230px;
		color: #FFF;
	}

	#right-content {
		margin: 0 0 0 6px;
	}

	#park-festival-content {
		position: relative;
		margin: 10px 0 0 0;
		background: transparent url("67-trans-black.png");
		padding: 10px;
		width: 196px;
	}

	#park-festival-content h4 a {
		text-decoration: none;
		font-size: 24px;
	}

	#park-festival-content p {
		font-size: 18px;
	}

	#park-festival-content a {
		color: #FFF;
		font-size: 11px;
	}

	#park-festival-content ul {
		margin: 10px 0 0 0;
	}

	#park-festival-content ul li {
		margin: 5px 0 0 0;
	}
	
	#park-festival-content ul li a {
		font-size: 15px;
	}

	#sponsors-content {
		margin: 10px 0 0 0;
		background: transparent url("67-trans-black.png");
		padding: 10px;
		width: 196px;
	}

	#sponsors-content ul li {
		margin: 10px 0 0 0;
		width: 196px;
		height: 50px;
		background: white;
	}
	
	/*
	Floating Elements
	-----------------*/

	#floating-elements {
		position: relative;
		z-index: 2;
	}

	#top-element-01 {
		position: absolute;
		background: transparent url(top-element-01.png) no-repeat;
		width: 299px;
		height: 87px;
		top: 0px;
		right: 3px;	
	}

	#left-side-element-01 {
		position: absolute;
		background: transparent url(left-side-element-01.png) no-repeat;
		width: 88px;
		height: 683px;
		top: 20px;
	}

	#left-side-element-02 {
		position: absolute;
		background: transparent url(left-side-element-02.png) no-repeat;
		width: 34px;
		height: 71px;
		top: 320px;
	}

	#left-side-element-03 {
		position: absolute;
		background: transparent url(left-side-element-03.png) no-repeat;
		width: 119px;
		height: 336px;
		top: 520px;
	}

	#right-side-element-01 {
		position: absolute;
		background: transparent url(right-side-element-01.png) no-repeat;
		width: 103px;
		height: 662px;
		top: 20px;
		right: 0px;
	}

	#right-side-element-02 {
		position: absolute;
		background: transparent url(right-side-element-02.png) no-repeat;
		width: 298px;
		height: 380px;
		top: 740px;
		right: 0px;
	}

	#middle-element-01 {
		position: absolute;
		background: transparent url(middle-element-01.png) no-repeat;
		width: 87px;
		height: 91px;
		top: 90px;
		right: 10px;
	}

	#middle-element-02 {
		position: absolute;
		background: transparent url(middle-element-02.png) no-repeat;
		width: 62px;
		height: 67px;
		top: 490px;
		right: 10px;
	}

	#middle-element-03 {
		opacity: 0.8;
		position: absolute;
		background: transparent url(middle-element-03.png) no-repeat;
		width: 63px;
		height: 66px;
		top: 640px;
		left: 30px;
	}

	#middle-element-04 {
		position: absolute;
		background: transparent url(middle-element-04.png) no-repeat;
		width: 44px;
		height: 41px;
		top: 160px;
		right: 10px;
	}

	#middle-element-05 {
		position: absolute;
		background: transparent url(middle-element-05.png) no-repeat;
		width: 28px;
		height: 27px;
		top: 840px;
		right: 235px;
	}

/*
Front Page/Schedule
-------------------*/

ol.schedule {
	
}

ol.schedule li {
	position: relative;
	padding: 0 0 20px 0;
}

#left-content ol.schedule li h3 {
	letter-spacing: 2px;
	font-size: 24px;
	z-index: 5;
	right: 0px;
	top: -25px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #a7a396;
	text-align: right;
}

ol.schedule li tr.dance .time {
	background: transparent url(dance-bg.png) no-repeat 20px 0px;
}

ol.schedule li tr.movie .time {
	background: transparent url(movie-bg.png) no-repeat 40px 0px;
}

ol.schedule li tr.music .time {
	background: transparent url(music-bg.png) no-repeat 40px 0px;
}

ol.schedule li td {
	border-bottom: 1px dashed #aaa;
	vertical-align: top;
}

ol.schedule li td.time {
	color: #55534c;
	padding: 10px 0 0 0;
	width: 120px;
}

ol.schedule li td.location {
	color: #55534c;
	font-size: 16px;
	padding: 10px 10px 0 0;
	width: 160px;
}

ol.schedule li td.location a {
	color: #55534c;
}

ol.schedule li td.location .venue-info {
	font-size: 12px;
}

ol.schedule li tr.music td.location a {
	font-size: 32px;
}

ol.schedule li td.artists {
	padding: 10px 10px 0 0;
	width: 300px;
}

ol.schedule li td ul li {
	font-size: 18px;
	padding: 0 0 5px 0;
}

ol.schedule li td ul li a {
	font-size: 18px;
}