html, body {
	background-color: #88B7BD;
}
body {
	position: relative;
	font: normal normal 62.5%/1.4 Georgia, Times, serif;
	line-height: 1.2308;
	color: #202A2C;
}
#container {
	position: relative;
	width: 960px;
	margin: 0 auto; padding: 30px 0 0;
	font-size: 1.4em;
	background: url(img/frame/header.png) no-repeat 0 30px;
}
body.night {
	background: #88B7BD url(img/weather/night.jpg) repeat-x 0 0;
}

#header {
	padding: 85px 0 0;
}
	#header h1 a {
		position: relative; z-index: 200;
		height: 342px; width: 658px;
		margin: 0 auto;
		background-image: url(img/logo.png);
	}
	#header p.presents {
		display: none;
	}
	#header p.tagline {
		position: absolute; top: 65px; left: 50%;
		height: 36px; width: 434px;
		margin: 0 0 0 -217px;
		background-image: url(img/tagline.png);
	}

#about, #content .section, #footer {
	position: relative; z-index: 30;
	width: 680px;
	margin: 0 auto; padding: 25px 180px 0 100px;
	background: url(img/frame/middle.png) repeat-y 0 0;
}

#content {
	padding: 0 0 13px;
	background: url(img/frame/bottom.png) no-repeat 0 100%;
}
#content .section {
	background-color: #A2E2DC;
}
#about {
	width: 760px;
	padding: 40px 100px 0;
}
	#pond {
		position: relative; z-index: 29;
		height: 480px;
		margin: 0 -87px;
		background: #88B7BD url(img/park/park.jpg) no-repeat 0 100%;
	}
	#about p {
		margin-left: 420px;
		font-size: 1.1em;
	}
	#about .introduction {
		float: left;
		width: 380px;
		margin-left: 0;
		font-size: 1.8em;
	}
	#about #buoy,
	#about #kite {
		position: absolute;
	}
	#about #buoy {
		left: 250px; bottom: 15px;
		height: 129px; width: 216px;
		background: url(img/park/buoy.png) no-repeat 0 0;
	}
	#about #kite {
		right: 220px; bottom: 288px;
		height: 113px; width: 60px;
		background: url(img/park/kite.png) no-repeat 0 0;
	}
	body.night #kite {
		display: none;
	}
	
#content #the-discussion #remy-sharp {
	margin: 0 -166px 0 -87px; padding: 0 166px 220px 87px;
	background: #A2E2DC url(img/underground/riverbed.jpg) no-repeat 0 100%;
}

#footer {
	overflow: hidden;
	width: 960px;
	padding: 40px 0 30px 0;
	background: #88B7BD;
}
	#footer #copyright {
		width: 586px; height: 67px;
		margin: 0 auto 30px;
		background-image: url(img/credits.png);
	}
	#footer #rating {
		float: left;
		height: 118px; width: 278px;
		background-image: url(img/rating.png);
	}
	#footer #soundtrack {
		height: 21px; width: 237px;
		margin: 46px 0 0 360px;
		background-image: url(img/soundtrack.png);
	}
	
	#sponsors {
		position: absolute; top: 50px; right: -10px;
		width: 280px;
	}
	#sponsors li,
	#sponsors li a {
		margin: 0 auto 10px;
		background-image: url(img/sponsors.png);
	}
	#sponsors #sponsor-m,
	#sponsors #sponsor-m a {
		height: 80px; width: 120px;
		background-position: -95px 0;
	}
	#sponsors #sponsor-cm,
	#sponsors #sponsor-cm a {
		height: 35px; width: 215px;
		background-position: -40px -90px;
	}
	#sponsors #sponsor-tdf,
	#sponsors #sponsor-fb,
	#sponsors #sponsor-p {
		float: left;
		height: 45px;
		margin-right: 5px;
	}
	#sponsors #sponsor-tdf a,
	#sponsors #sponsor-fb a,
	#sponsors #sponsor-p a {
		height: 100%;
	}
	#sponsors #sponsor-tdf,
	#sponsors #sponsor-tdf a {
		width: 85px;
		background-position: -100px -138px;
	}
	#sponsors #sponsor-fb,
	#sponsors #sponsor-fb a {
		width: 100px;
		background-position: 0 -138px;
	}
	#sponsors #sponsor-p,
	#sponsors #sponsor-p a {
		width: 85px;
		margin-right: 0;
		background-position: -193px -138px;
	}

h2, h3, h4, h5, h6 {
	color: #202A2C;
}
h2 { 
	margin-bottom: .75em;
	font-size: 2em;
}
h3 {
	margin-bottom: 1em;
	font-size: 1.5em; line-height: 1;
}
h4 {
	margin-bottom: 1.25em;
	font-size: 1.2em; line-height: 1.25;
}
h5, h6 { 
	margin-bottom: 1.5em;
	font-weight: bold; font-size: 1em;
}
p { 
	margin : 0 0 1.5em;
}
a {
	color: #085AAE; text-decoration: underline;
}
a:visited { 
	color: #085AAE;
}
a:focus, a:hover { 
	color: #003;
}
a img {
	border: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}


.section {
	overflow: hidden;
	clear: both;
}
.vevent h2 {
	float: left;
	margin-right: 10px;
}
h2.summary {
	height: 40px; margin-bottom: 20px;
	background-image: url(img/titles.png);
}
#the-picnic h2 {
	width: 200px;
	background-position: 0 0;
}
#the-discussion h2 {
	width: 300px;
	background-position: 0 -40px;
}
#your-comments h2 {
	width: 320px;
	background-position: 0 -90px;
}

.section p {
	clear: left;
}
.section p.time,
.vevent .vcard p {
	clear: none;
}
.section p.time {
	margin: 0;
}

.vevent .vcard {
	overflow: hidden;
	padding: 0 0 20px; margin: 0 0 40px;
	border-bottom: 1px dotted #8DBABF;
}
	.vevent .vcard * {
		margin-left: 150px;
	}
	.vevent .vcard * *,
	.vevent .vcard span.photo {
		margin-left: 0;
	}
	.vevent .vcard span.photo {
		float: left;
		border: 4px solid #8DBABF;
	}
		.vevent .vcard span.photo img {
			display: block;
		}
		
	.vevent .vcard h3,
	.vevent .vcard h4,
	.vevent .vcard .website {
		margin-bottom: 5px;
	}
	.vevent #remy-sharp {
		border-bottom: 0;
		margin-bottom: 0;
	}



#sun, #moon, #heavenly-body {
	position: absolute; z-index: 50;
}
#heavenly-body, #sun {
	top: 15px; right: 10px;
	height: 225px; width: 232px;
	background: url(img/weather/sun.png) no-repeat 0 0;
}
body.night #heavenly-body, #moon {
	top: 35px; left: 55px;
	height: 169px; width: 163px;
	background: url(img/weather/moon.png) no-repeat 0 0;
}
#rain,
#rain div {
	position: absolute; top: 0; right: 0; z-index: 120;
	height: 500px; width: 100%;
	display: none;
	background: url(img/weather/rain-white.png) repeat-x 0 0;
}
#rain div {
	background: url(img/weather/rain-dark.png) repeat-x 20px 0;
}
body.rain #rain,
body.rain #rain div {
	display: block;
}
#clouds {
	position: absolute; top: 50px; left: 0; overflow: hidden;
	height: 366px; width: 100%;
	padding: 0; margin: 0;
	list-style: none;
}
#clouds li {
	position: absolute; top: 0;
	background: no-repeat 50% 0;
	display: none;
	height: 100%; width: 1128px;
}
#clouds #cloud1 {
	left: 100px; z-index: 110;
	background-image: url(img/weather/clouds/1.png);
}
#clouds #cloud2 {
	left: 100px; z-index: 130;
	background-image: url(img/weather/clouds/2.png);
}
#clouds #cloud3 {
	right: 0; z-index: 120;
	background-image: url(img/weather//clouds/3.png);
}