/*
===================================================
KOTC Stylesheet: Adventure
===================================================
*/

body#adventure
	{
	font: 12px verdana, arial, helvetica, sans-serif;
	color: #896b42;
	line-height: 180%;
	}

div#number
	{
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color: #6c4613;
	float: left;
	}	
div#date
	{
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #6c4613;
	float: left;
	clear: left;
	}
	
div#sponsored_by
	{
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #6c4613;
	float: right;
	}
a#sponsor_holder
	{
	display: block;
	width: 88px;
	height: 31px;
	float: right;
	background: #fff url(../images/sponsor.gif) 50% 50% no-repeat;
	}
	
body#adventure h1
	{
	font: 20px verdana, arial, helvetica, sans-serif;
	color: #00beb1;
	margin: 7px 0 0 0;
	padding: 0;
	}
body#adventure h2
	{
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #6c4613;
	margin: 0 0 8px 0;
	padding: 0;
	}
span#equation1
	{
	font-style: italic;
	color: #608dd1;
	}
span#equation2
	{
	color: #86c222;
	}
	
div#zoom_in
	{
	width: 225px;
	/* height: 90px; */
	padding-bottom: 10px;
	background: url(../images/zoom_in.gif) 50% 10px no-repeat;
	float: right;
	clear: right;
	border: 1px solid #6c4613;
	margin: 8px 2px 2px 2px;
	font: 11px verdana, arial, helvetica, sans-serif;
	}
div#zoom_in ul
	{
	padding: 0;
	margin: 32px 0 0 36px;
	list-style-image: url(../images/popcorn_bullet_02.gif);
	}
div#zoom_in ul li
	{
	margin: 0 0 2px 0;
	padding: 0;
	width: 130px;
	height: 13px;
	}
div#zoom_in ul li a.film,
div#zoom_in ul li a.film:link,
div#zoom_in ul li a.film:visited,
span.film
	{
	color: #608dd1;
	}
div#zoom_in ul li a.film:hover,
div#zoom_in ul li a.film:active
	{
	color: #fff;
	background: #608dd1;
	}
div#zoom_in ul li a.adventure,
div#zoom_in ul li a.adventure:link,
div#zoom_in ul li a.adventure:visited,
span.adventure
	{
	color: #86c222;
	}
div#zoom_in ul li a.adventure:hover,
div#zoom_in ul li a.adventure:active
	{
	color: #fff;
	background: #86c222;
	}
div#zoom_in ul li a.connections,
div#zoom_in ul li a.connections:link,
div#zoom_in ul li a.connections:visited
	{
	color: #00beb1;
	}
div#zoom_in ul li a.connections:hover,
div#zoom_in ul li a.connections:active
	{
	color: #fff;
	background: #00beb1;
	}
	
div.zoom_blurb
	{
	float: left;
	display: inline;
	/* margin-top: 35px; */
	width: 440px;
	line-height: 140%;
	}
div.zoom_blurb_spacer
	{
	float: right;
	width: 1px;
	height: 30px;
	}
	
div.zoom_holder
	{
	clear: both;
	float: left;
	display: inline;
	margin: 7px 0;
	width: 548px;
	z-index: 0;
	}
div.zoom_holder2
	{
	clear: both;
	float: left;
	display: inline;
	margin: -18px 0 0 0;
	width: 548px;
	z-index: 0;
	}
div.zoom_holder3
	{
	float: left;
	display: inline;
	margin: -18px 6px 0 0;
	width: 265px;
	z-index: 0;
	}
	
a.send_to_a_friend_button
	{
	display: block;
	width: 134px;
	height: 30px;
	background: #fff url(../images/send_to_a_friend_button.gif) 0 0 no-repeat;
	float: left;
	display: inline;
	}
a.send_to_a_friend_button:hover
	{
	background-position: 0 -30px;
	}
	
a.print_this_adventure_button
	{
	display: block;
	width: 171px;
	height: 30px;
	background: #fff url(../images/print_this_adventure_button.gif) 0 0 no-repeat;
	float: right;
	display: inline;
	}
a.print_this_adventure_button:hover
	{
	background-position: 0 -30px;
	}
	
div#search_keywords_title
	{
	width: 148px;
	height: 19px;
	background: #fff url(../images/search_keywords_title.gif) 0 0 no-repeat;
	clear: both;
	float: left;
	margin: 5px 0;
	}
div.keywords
	{
	float: left;
	display: inline;
	width: 548px;
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #664a27;
	}
div.keywords a
	{
	color: #664a27;
	}

/*
---------------------------------------------------
Zooming In: THE FILM
---------------------------------------------------
*/

div#the_film_icon
	{
	width: 105px;
	height: 104px;
	float: left;
	display: inline;
	background: #fff url(../images/the_film_icon.gif) 0 0 no-repeat;
	}
div#the_film_info
	{
	width: 440px;
	float: left;
	display: inline;
	background: #fff url(../images/the_film_title.gif) 0 0 no-repeat;
	}
	
a.rent_it_button
	{
	display: block;
	width: 88px;
	height: 30px;
	background: #fff url(../images/rent_it_button.gif) 0 0 no-repeat;
	float: right;
	display: inline;
	}
a.order_it_button
	{
	display: block;
	width: 88px;
	height: 30px;
	background: #fff url(../images/order_it_button.gif) 0 0 no-repeat;
	float: right;
	display: inline;
	margin-left: 10px;
	}
a.rent_it_button:hover,
a.order_it_button:hover
	{
	background-position: 0 -30px;
	}
	
div#the_film_kotc_kernels
	{
	clear: both;
	float: left;
	display: inline;
	width: 150px;
	height: 32px;
	background: #fff url(../images/the_film_kotc_kernels.gif) 0 0 no-repeat;
	margin: 8px 0 3px 0;
	}
	
div#the_film_cinema_savvy
	{
	clear: both;
	float: left;
	display: inline;
	width: 156px;
	height: 28px;
	background: #fff url(../images/the_film_cinema_savvy.gif) 0 0 no-repeat;
	margin: 8px 0 -2px 0;
	}

div#the_film_con_start
	{
	clear: both;
	float: left;
	display: inline;
	width: 225px;
	height: 28px;
	background: #fff url(../images/the_film_con_start.gif) 0 0 no-repeat;
	margin: 8px 0 -2px 0;
	}
	
/*
---------------------------------------------------
Zooming In: THE ADVENTURE
---------------------------------------------------
*/

div#the_adventure_icon
	{
	width: 105px;
	height: 102px;
	float: left;
	display: inline;
	background: #fff url(../images/the_adventure_icon.gif) 0 0 no-repeat;
	}
div#the_adventure_info
	{
	width: 440px;
	float: left;
	display: inline;
	background: #fff url(../images/the_adventure_title.gif) 0 0 no-repeat;
	}
	
a.map_directions_button
	{
	display: block;
	width: 138px;
	height: 30px;
	background: #fff url(../images/map_directions_button.gif) 0 0 no-repeat;
	float: right;
	display: inline;
	}
a.map_directions_button:hover
	{
	background-position: 0 -30px;
	}
	
div#the_adventure_kotc_kernels
	{
	clear: both;
	float: left;
	display: inline;
	width: 150px;
	height: 32px;
	background: #fff url(../images/the_adventure_kotc_kernels.gif) 0 0 no-repeat;
	margin: 8px 0 3px 0;
	}
	
div#the_adventure_city_savvy
	{
	clear: both;
	float: left;
	display: inline;
	width: 156px;
	height: 28px;
	background: #fff url(../images/the_adventure_city_savvy.gif) 0 0 no-repeat;
	margin: 8px 0 -2px 0;
	}

div#the_adventure_secret_agenda
	{
	clear: both;
	float: left;
	display: inline;
	width: 154px;
	height: 28px;
	background: #fff url(../images/the_adventure_secret_agenda.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
div#the_adventure_good_eats
	{
	clear: both;
	float: left;
	display: inline;
	width: 125px;
	height: 52px;
	background: #fff url(../images/the_adventure_good_eats.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
div#the_adventure_home_projects
	{
	clear: both;
	float: left;
	display: inline;
	width: 152px;
	height: 28px;
	background: #fff url(../images/the_adventure_home_projects.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
/*
---------------------------------------------------
Zooming In: CULTURAL CONNECTIONS
---------------------------------------------------
*/

div#cult_con_icon
	{
	width: 105px;
	height: 77px;
	float: left;
	display: inline;
	background: #fff url(../images/cult_con_icon.gif) 0 0 no-repeat;
	}
div#cult_con_info
	{
	width: 440px;
	float: left;
	display: inline;
	background: #fff url(../images/cult_con_title.gif) 0 0 no-repeat;
	}
	
div#cult_con_film_festival
	{
	clear: both;
	float: left;
	display: inline;
	width: 135px;
	height: 28px;
	background: #fff url(../images/cult_con_film_festival.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
div.it_spacer
	{
	height: 25px;
	/* width: 1px; */
	margin: 0;
	padding: 0;
	position: relative;
	/* left: 480px; */
	top: 18px;
	z-index: 8;
	}
	
a.see_it_button
	{
	display: block;
	width: 65px;
	height: 25px;
	/* float: right;
	display: inline; */
	background: transparent url(../images/see_it_button.gif) 0 0 no-repeat;
	/* margin-bottom: -30px; */
	margin: 0;
	padding: 0;
	position: relative;
	left: 480px;
	top: 0px;
	z-index: 8;
	}
a.see_it_button:hover
	{
	background-position: 0 -25px;
	}
	
div#cult_con_books
	{
	clear: both;
	float: left;
	display: inline;
	width: 92px;
	height: 28px;
	background: #fff url(../images/cult_con_books.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
a.read_it_button
	{
	display: block;
	width: 74px;
	height: 25px;
	/* float: right;
	display: inline; */
	background: #fff url(../images/read_it_button.gif) 0 0 no-repeat;
	/* margin-top: 9px; */
	margin: 0;
	padding: 0;
	position: relative;
	left: 480px;
	top: 0px;
	z-index: 8;
	}
a.read_it_button:hover
	{
	background-position: 0 -25px;
	}
	
div#cult_con_music
	{
	clear: both;
	float: left;
	display: inline;
	width: 80px;
	height: 33px;
	background: #fff url(../images/cult_con_music.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}
	
a.hear_it_button
	{
	display: block;
	width: 72px;
	height: 25px;
	/* float: right;
	display: inline; */
	background: #fff url(../images/hear_it_button.gif) 0 0 no-repeat;
	/* margin-top: 9px; */
	margin: 0;
	padding: 0;
	position: relative;
	left: 480px;
	top: 0px;
	z-index: 8;
	}
a.hear_it_button:hover
	{
	background-position: 0 -25px;
	background-color: transparent;
	}
	
div#cult_con_websites
	{
	clear: both;
	float: left;
	display: inline;
	width: 105px;
	height: 31px;
	background: #fff url(../images/cult_con_websites.gif) 0 0 no-repeat;
	margin: 8px 0 2px 0;
	}

div.cc_image
	{
	float: left;
	border: 1px solid #6c4613;
	display: inline;
	margin: 2px 8px 0 0;
	}
div.cc_image img
	{
	border: 2px solid #ebfeca;
	padding: 0;
	display: inline;
	width: 88px;
	}
div.cc_image img:hover
	{
	border: 2px solid #cff095;
	}
div.cc_arrow
	{
	width: 12px;
	height: 14px;
	/* background: #fff url(../images/cc_arrow.gif) 0 0 no-repeat; */
	float: left;
	clear: left;
	position: relative;
	top: -10px;
	left: 85px;
	}
	
/*
---------------------------------------------------
Keywords
---------------------------------------------------
*/

form.frm_no_space
	{
	float: left;
	display: inline;
	}
	
/*
---------------------------------------------------
Miscellaneous
---------------------------------------------------
*/

div.zoom_blurb a,
div.zoom_blurb a:link,
div.zoom_blurb a:visited,
div.zoom_holder a,
div.zoom_holder a:link,
div.zoom_holder a:visited,
div.zoom_holder2 a,
div.zoom_holder2 a:link,
div.zoom_holder2 a:visited,
div.zoom_holder3 a,
div.zoom_holder3 a:link,
div.zoom_holder3 a:visited
	{
	color: #86c222;
	}
div.zoom_blurb a:hover,
div.zoom_blurb a:active,
div.zoom_holder a:hover,
div.zoom_holder a:active,
div.zoom_holder2 a:hover,
div.zoom_holder2 a:active,
div.zoom_holder3 a:hover,
div.zoom_holder3 a:active
	{
	color: #fff;
	background: #86c222;
	}