/*
--------------------------------------------------
	BASE
--------------------------------------------------
*/

/* BODY */

body {
	color: rgb(245, 245, 235);
	font: normal normal normal 62.5%/2em "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
}

em { font-style: italic; }

html { background: url(../images/tiled_lines.png) repeat; }

li { font-size: 1.1em; }

p { font-size: 1.1em; }

/* HEADERS */

h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 4em;
	font-weight: bold;
	line-height: .75em;
	padding: 20px 0 20px 10px;
	/*padding: .5em 0 .5em .25em;*/
}

h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.5em;
	line-height: .75em;
	padding: 2.666em .666em .666em;
}

/*
--------------------------------------------------
	STRUCTURE
--------------------------------------------------
*/

#container {
	background: url(../images/transparent.png) repeat;
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 960px;
}

.floats_container {
	width: 100%;
	overflow: hidden;
}

/*
--------------------------------------------------
	DAILY GALLERY
--------------------------------------------------
*/

.prev_next a {
	color: transparent;
}

#prev {
	float: left;
	position: relative;
	z-index: 20;
	line-height: 0;
}
	
	#prev a img {
		display: block;
		height: 410px;
		width: 480px;
	}

	#prev img:hover  {
		background: url(../images/gallery_prev.png);
	}

#next {
	float: left;
	position: relative;
	z-index: 20;
	line-height: 0;
	
}
	#next a img {
		display: block;
		height: 410px;
		width: 480px;
	}

	#next img:hover {
		background: url(../images/gallery_next.png);
	}

/*
--------------------------------------------------
	NAV
--------------------------------------------------
*/

.nav {
	width: 960px;
	height: 20px;
	float: left;
	background: url(../images/nav_sprite.png) no-repeat;
	position: absolute;
}

	.nav li {
		display: inline;
	}

	.nav li a:link, .nav li a:visited {
		position: absolute;
		top: 0;
		height: 20px;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
	}

		/* INTRO */
		
		.nav .intro a:link, .nav .intro a:visited { left: 0px; width: 80px; }
		.nav .intro a:hover, .nav .intro a:focus { background: url(nav_sprite.png) no-repeat 0 -20px; }
		.nav .intro a:active { background: url(../images/nav_sprite.png) no-repeat 0 -40px; }
		.current-intro .intro a:link, .current-intro .intro a:visited { background: url(../images/nav_sprite.png) no-repeat 0 -60px; cursor: default; }
		
		.nav-intro, .nav-intro-click { position: absolute; top: 0; left: 0px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat 0px -20px; }
		.nav-intro-click { background: url(../images/nav_sprite.png) no-repeat 0px -40px; }
		
		/* DAY 1 */

		.nav .day1 a:link, .nav .day1 a:visited { left: 80px; width: 80px; }
		.nav .day1 a:hover, .nav .day1 a:focus { background: url(../images/nav_sprite.png) no-repeat -80px -20px; }
		.nav .day1 a:active { background: url(../images/nav_sprite.png) no-repeat -80px -40px; }
		.current-day1 .day1 a:link, .current-day1 .day1 a:visited { background: url(../images/nav_sprite.png) no-repeat -80px -60px; cursor: default; }

		.nav-day1, .nav-day1-click { position: absolute; top: 0px; left: 80px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -80px -20px; }
		.nav-day1-click { background: url(../images/nav_sprite.png) no-repeat -80px -40px; }

		/* DAY 2 */
	
		.nav .day2 a:link, .nav .day2 a:visited { left: 160px; width: 80px; }
		.nav .day2 a:hover, .nav .day2 a:focus { background: url(../images/nav_sprite.png) no-repeat -160px -20px; }
		.nav .day2 a:active { background: url(../images/nav_sprite.png) no-repeat -160px -40px; }
		.current-day2 .day2 a:link, .current-day2 .day2 a:visited { background: url(../images/nav_sprite.png) no-repeat -160px -60px; cursor: default; }
	
		.nav-day2, .nav-day2-click { position: absolute; top: 0px; left: 160px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -160px -20px; }
		.nav-day2-click { background: url(../images/nav_sprite.png) no-repeat -160px -40px; }
		
		/* DAY 3 */
	
		.nav .day3 a:link, .nav .day3 a:visited { left: 240px; width: 80px; }
		.nav .day3 a:hover, .nav .day3 a:focus { background: url(../images/nav_sprite.png) no-repeat -240px -20px; }
		.nav .day3 a:active { background: url(../images/nav_sprite.png) no-repeat -240px -40px; }
		.current-day3 .day3 a:link, .current-day3 .day3 a:visited { background: url(../images/nav_sprite.png) no-repeat -240px -60px; cursor: default; }
	
		.nav-day3, .nav-day3-click { position: absolute; top: 0px; left: 240px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -240px -20px; }
		.nav-day3-click { background: url(../images/nav_sprite.png) no-repeat -240px -40px; }
	
		/* DAY 4 */
	
		.nav .day4 a:link, .nav .day4 a:visited { left: 320px; width: 80px; }
		.nav .day4 a:hover, .nav .day4 a:focus { background: url(../images/nav_sprite.png) no-repeat -320px -20px; }
		.nav .day4 a:active { background: url(../images/nav_sprite.png) no-repeat -320px -40px; }
		.current-day4 .day4 a:link, .current-day4 .day4 a:visited { background: url(../images/nav_sprite.png) no-repeat -320px -60px; cursor: default; }

		.nav-day4, .nav-day4-click { position: absolute; top: 0px; left: 320px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -320px -20px; }
		.nav-day4-click { background: url(../images/nav_sprite.png) no-repeat -320px -40px; }
		
		/* DAY 5 */
	
		.nav .day5 a:link, .nav .day5 a:visited { left: 400px; width: 80px; }
		.nav .day5 a:hover, .nav .day5 a:focus { background: url(../images/nav_sprite.png) no-repeat -400px -20px; }
		.nav .day5 a:active { background: url(../images/nav_sprite.png) no-repeat -400px -40px; }
		.current-day5 .day5 a:link, .current-day5 .day5 a:visited { background: url(../images/nav_sprite.png) no-repeat -400px -60px; cursor: default; }

		.nav-day5, .nav-day5-click { position: absolute; top: 0px; left: 400px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -400px -20px; }
		.nav-day5-click { background: url(../images/nav_sprite.png) no-repeat -400px -40px; }

		/* DAY 6 */
	
		.nav .day6 a:link, .nav .day6 a:visited { left: 480px; width: 80px; }
		.nav .day6 a:hover, .nav .day6 a:focus { background: url(../images/nav_sprite.png) no-repeat -480px -20px; }
		.nav .day6 a:active { background: url(../images/nav_sprite.png) no-repeat -480px -40px; }
		.current-day6 .day6 a:link, .current-day6 .day6 a:visited { background: url(../images/nav_sprite.png) no-repeat -480px -60px; cursor: default; }

		.nav-day6, .nav-day6-click { position: absolute; top: 0px; left: 480px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -480px -20px; }
		.nav-day6-click { background: url(../images/nav_sprite.png) no-repeat -480px -40px; }

		/* DAY 7 */
	
		.nav .day7 a:link, .nav .day7 a:visited { left: 560px; width: 80px; }
		.nav .day7 a:hover, .nav .day7 a:focus { background: url(../images/nav_sprite.png) no-repeat -560px -20px; }
		.nav .day7 a:active { background: url(../images/nav_sprite.png) no-repeat -560px -40px; }
		.current-day7 .day7 a:link, .current-day7 .day7 a:visited { background: url(../images/nav_sprite.png) no-repeat -560px -60px; cursor: default; }

		.nav-day7, .nav-day7-click { position: absolute; top: 0px; left: 560px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -560px -20px; }
		.nav-day7-click { background: url(../images/nav_sprite.png) no-repeat -560px -40px; }

		/* DAY 8 */
	
		.nav .day8 a:link, .nav .day8 a:visited { left: 640px; width: 80px; }
		.nav .day8 a:hover, .nav .day8 a:focus { background: url(../images/nav_sprite.png) no-repeat -640px -20px; }
		.nav .day8 a:active { background: url(../images/nav_sprite.png) no-repeat -640px -40px; }
		.current-day8 .day8 a:link, .current-day8 .day8 a:visited { background: url(../images/nav_sprite.png) no-repeat -640px -60px; cursor: default; }

		.nav-day8, .nav-day8-click { position: absolute; top: 0px; left: 640px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -640px -20px; }
		.nav-day8-click { background: url(../images/nav_sprite.png) no-repeat -640px -40px; }

		/* DAY 9 */
	
		.nav .day9 a:link, .nav .day9 a:visited { left: 720px; width: 80px; }
		.nav .day9 a:hover, .nav .day9 a:focus { background: url(../images/nav_sprite.png) no-repeat -720px -20px; }
		.nav .day9 a:active { background: url(../images/nav_sprite.png) no-repeat -720px -40px; }
		.current-day9 .day9 a:link, .current-day9 .day9 a:visited { background: url(../images/nav_sprite.png) no-repeat -720px -60px; cursor: default; }

		.nav-day9, .nav-day9-click { position: absolute; top: 0px; left: 720px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -720px -20px; }
		.nav-day9-click { background: url(../images/nav_sprite.png) no-repeat -720px -40px; }

		/* OUTRO */
	
		.nav .outro a:link, .nav .outro a:visited { left: 800px; width: 80px; }
		.nav .outro a:hover, .nav .outro a:focus { background: url(../images/nav_sprite.png) no-repeat -800px -20px; }
		.nav .outro a:active { background: url(../images/nav_sprite.png) no-repeat -800px -40px; }
		.current-outro .outro a:link, .current-outro .outro a:visited { background: url(../images/nav_sprite.png) no-repeat -800px -60px; cursor: default; }

		.nav-outro, .nav-outro-click { position: absolute; top: 0; left: 800px; width: 80px; height: 20px; background: url(../images/nav_sprite.png) no-repeat -800px -20px; }
		.nav-outro-click { background: url(../images/nav_sprite.png) no-repeat -800px -40px; }

/*
--------------------------------------------------
	DAILY TEXT
--------------------------------------------------
*/

.daily_text {
	float: left;
}

	.daily_text p {
		padding: 1em;
		width: 41em;
	}

	.daily_text span.point {
		color: rgb(10, 10, 10);
		background: rgb(255, 119, 107);
		font-weight: bold;
		padding: .25em .5em;
	}

/* LINKS */

.daily_text a { color: #F5F5EB; }

.daily_text a:link, .daily_text a:visited {
	background: rgb(89, 133, 39);
	color: #F5F5EB;
	padding: .25em .5em;
	text-decoration: none;
}
	
.daily_text a:hover {
	background: rgb(0, 118, 163);
	color: #F5F5EB;
}

/*
--------------------------------------------------
	DAILY MAP
--------------------------------------------------
*/

.daily_map {
	float: right;
}

.daily_map #map {
	margin: 4em 1em 1em;
}

#map {
	/*border:		1px solid #000000;*/
	height:		195px;
	width:		460px;
}


/*
--------------------------------------------------
	FOOTER
--------------------------------------------------
*/

.footer {
	clear: both;
}

.footer p {
	padding: 1em;
}

/*
--------------------------------------------------
	MISCELLANEOUS
--------------------------------------------------
*/

.text_accent {
	color: rgb(0, 174, 239);
}