/*

stylesheet for Film Education Thor website

*/


body {
	width:100%;
	height:100%;
	position:relative;
	background: #000;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: 100;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	font-size: 100%;
	color: #f8f9f9;
}
#wrapper {
	width: 1020px;
	margin: 0 auto 30px auto;
	padding-bottom: 2em;
	background: transparent url(/thor/images/bg.jpg) top left no-repeat;
	min-height: 800px;
	text-align: left;
	position: relative;
}
#header {
	width: 1024px;
	height: 155px;
	margin: 0 auto 0 auto;
	background: transparent;
	text-align: left;
	position: relative;
}
#title_treatment a {
	position: absolute;
	left: 275px;
	top: 50px;
	width: 310px;
	height: 60px;
	margin: 0;
}


/* navigation */

#navigation {
	position: absolute;
	left: 24px;
	top: 125px;
	width: 900px;
	height: 75px;
	margin: 0;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
}
#navigation ul li ul {
	display: block;
	position: absolute;
	top: 20px;
	margin: 0;
	padding: 10px;
	left: -10px;
	visibility: hidden;
	min-width: 130px;
}
#navigation ul li ul li {
	padding-bottom: 5px;
}
#navigation ul li:hover > ul {
	display: block;
	position: absolute;
	visibility: visible;
	background: transparent url(../images/subnav_bg.png) top left repeat;
}
#navigation ul li a {
	float: left;
	height: 20px;
	margin: 2px 12px 5px 0;
}
a.home {
	width: 60px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -2px 0px;
}
a.home:hover, a.home#current {
	background-position: -2px -26px;
}
a.who_is_thor {
	width: 139px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -77px 0;
}
a.who_is_thor:hover, a.who_is_thor#current {
	background-position: -77px -26px;
}
a.super_heroes {
	width: 131px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -226px 0px;
}
a.super_heroes:hover, a.super_heroes#current {
	background-position: -226px -26px;
}
a.superstars {
	width: 107px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -367px 0px;
}
a.superstars:hover, a.superstars#current {
	background-position: -367px -26px;
}
a.fantasy_and_reality {
	width: 197px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -487px 0px;
}
a.fantasy_and_reality:hover, a.fantasy_and_reality#current {
	background-position: -487px -26px;
}
a.make_the_cut {
	width: 135px;
	background: transparent url(../images/navigation.png) top left no-repeat;
	background-position: -697px 0px;
}
a.make_the_cut:hover, a.make_the_cut#current {
	background-position: -697px -26px;
}
a.synopsis {
	width: 90px;
	background: transparent url(../images/sub_navigation.png) top left no-repeat;
	background-position: 0px 0px;
}
a.synopsis:hover, a.synopsis#current {
	background-position: 0px -26px;
}
a.poster {
	width: 70px;
	background: transparent url(../images/sub_navigation.png) top left no-repeat;
	background-position: -102px 0px;
}
a.poster:hover, a.poster#current {
	background-position: -102px -26px;
}
a.trailer {
	width: 75px;
	background: transparent url(../images/sub_navigation.png) top left no-repeat;
	background-position: -186px 0px;
	padding-left: 5px;
}
a.trailer:hover, a.trailer#current {
	background-position: -186px -26px;
}
a.origins {
	width: 80px;
	background: transparent url(../images/sub_navigation.png) top left no-repeat;
	background-position: -278px 0px;
	padding-left: 5px;
}
a.origins:hover, a.origins#current {
	background-position: -278px -26px;
}
a.audience_appeal {
	width: 155px;
	background: transparent url(../images/sub_navigation.png) top left no-repeat;
	background-position: -376px 0px;
	padding-left: 5px;
}
a.audience_appeal:hover, a.audience_appeal#current {
	background-position: -376px -26px;
}
/* content */

#content {
	clear: both;
	margin: 0 0 0 27px;
	padding: 0 0 10px 0;
	background: transparent url(../images/content_bg.png) top left repeat;
	overflow: hidden;
	width: 823px;
	min-height: 500px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
#credit_block {
	margin: 10px 0 0 30px;
	float: left;
	background: transparent url(../images/credit_block.jpg) top center no-repeat;
	overflow: hidden;
	width: 825px;
	height: 175px;
}
a {
	outline: none;
}
p {
	padding: 0 25px 10px 25px;
}
p.first {
	margin-top: 0;
}
p.close_gap {
	margin-top: -15px;
}
p.following_link {
	margin-top: -10px;
}
.clear_both {
	margin: 0;
	padding: 0;
	height: 1px;
	clear: both;
}
.video_player, .image_right {
	float: right;
	margin:  35px 25px 8px 6px;
}
.image_left {
	float: left;
	margin:  0 25px 8px 6px;
}
.image_center {
	margin: 0 auto;
	text-align:center;
}
.image_top {
	margin-top: -30px;
}
img {
	border: none;
}
.images_right_div {
	float: right;
	width: 330px;
}
#mediaplayer {
	border: 1px solid #666;
}
#content .transcript_link {
	width: 375px;
	height: 10px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 0.75em;
}
.hide_text {
	text-indent: -3000px;
}
.hide_header {
	display: none;
}
a {
	color: #FFF;
	text-decoration: underline;
}
.pdf {
	background: transparent url(../images/pdf_icon.png) no-repeat;
	padding-left:45px;
	padding-top:8px;
	list-style:none;
	height:34px;
	display:block;
	margin: -15px 0 0 30px;
}
#myOnPageContent, #myOnPageContentTranscript {
	margin: 0;
	font-size: 2em;
}
#myOnPageContentTranscript {
	display: none;
}
/* lists */


#content ul, #content ol, #activity_wrapper ul {
	margin: -10px 0 0 25px;
	padding: 0;
}
#content ul li, #content ol li, #activity_wrapper ul li {
	margin: 0 0 0.25em 10px;
	list-style: none;
	padding-left: 30px;
	background: transparent url(../images/bullet.png) top left no-repeat;
	background-position: 0 5px;
	letter-spacing: 0;
	font-size: 0.95em;
}
ul.bottom_spacer {
	margin-bottom: 2em;
}
/* headings */

h3 {
	height: 30px;
	margin: 30px 0 0 25px;
}
#home {
	width: 450px;
	background: transparent url(../images/headings/home.png) top left no-repeat;
}
#who_is_thor {
	width: 450px;
	background: transparent url(../images/headings/who_is_thor.png) top left no-repeat;
}
#super_heroes {
	width: 450px;
	background: transparent url(../images/headings/super_heroes.png) top left no-repeat;
}
#superstars {
	width: 450px;
	background: transparent url(../images/headings/superstars.png) top left no-repeat;
}
#audience_appeal {
	width: 450px;
	background: transparent url(../images/headings/audience_appeal.png) top left no-repeat;
}
#fantasy_and_reality {
	width: 450px;
	background: transparent url(../images/headings/fantasy_and_reality.png) top left no-repeat;
}
#activity_narrow {
	width: 450px;
	background: transparent url(../images/headings/activity_narrow.png) top left no-repeat;
}
#poster_narrow {
	width: 450px;
	background: transparent url(../images/headings/poster_narrow.png) top left no-repeat;
}
#trailer {
	width: 830px;
	background: transparent url(../images/headings/trailer.png) top left no-repeat;
}
#synopsis {
	width: 830px;
	background: transparent url(../images/headings/synopsis.png) top left no-repeat;
}
#synopsis_activity {
	width: 830px;
	background: transparent url(../images/headings/synopsis_activity.png) top left no-repeat;
}
#teachers_notes {
	width: 830px;
	background: transparent url(../images/headings/teachers_notes.png) top left no-repeat;
}
#feedback {
	width: 830px;
	background: transparent url(../images/headings/feedback.png) top left no-repeat;
}
#origins {
	width: 830px;
	background: transparent url(../images/headings/origins.png) top left no-repeat;
}
#discuss {
	width: 830px;
	background: transparent url(../images/headings/discuss.png) top left no-repeat;
}
#make_the_cut {
	width: 830px;
	background: transparent url(../images/headings/make_the_cut.png) top left no-repeat;
}
#instructions_wide {
	width: 830px;
	background: transparent url(../images/headings/instructions_wide.png) top left no-repeat;
}
#activity {
	width: 830px;
	background: transparent url(../images/headings/activity.png) top left no-repeat;
}
#trailer_activity {
	width: 830px;
	background: transparent url(../images/headings/trailer_activity.png) top left no-repeat;
}
#audience_appeal_activity {
	width: 830px;
	background: transparent url(../images/headings/audience_appeal_activity.png) top left no-repeat;
}
#superstars_activity {
	width: 830px;
	background: transparent url(../images/headings/superstars_activity.png) top left no-repeat;
}
#extension_activity {
	width: 830px;
	background: transparent url(../images/headings/extension_activity.png) top left no-repeat;
}
#fantasy_and_reality_activity {
	width: 830px;
	background: transparent url(../images/headings/fantasy_and_reality_activity.png) top left no-repeat;
}
#poster_activity {
	width: 830px;
	background: transparent url(../images/headings/poster_activity.png) top left no-repeat;
}



/* widget */

#widget {
	float: right;
	margin: -70px 25px 0 0;
	padding: 0;
}
/* buttons */

a#launch_button {
	margin: 0;
	display: block;
	width: 155px;
	height: 20px;
	padding: 7px 7px 0 7px;
	background: transparent url(../images/launch_button.png) top left no-repeat;
	background-position: 1px 1px;
	border: 1px solid #f8f9f9;
}
a#feedback_button {
	margin: 0;
	display: block;
	width: 140px;
	height: 20px;
	background: transparent url(../images/feedback_button.png) top left no-repeat;
	background-position: 1px 1px;
	padding: 7px 7px 0 7px;
	border: 1px solid #f8f9f9;
}
a#launch_button:hover, a#feedback_button:hover, a#create_trailer:hover {
	background-position: 1px -25px;
}
a#create_trailer {
	margin: 0 auto;
	display: block;
	width: 250px;
	height: 20px;
	padding: 7px 7px 0 7px;
	background: transparent url(../images/create_trailer.png) top left no-repeat;
	background-position: 1px 1px;
	border: 1px solid #f8f9f9;
}
/* activities */

#myOnPageContent {
	display: none;
}
/* synopsis activity */

#synopsis_text {
	width:400px;
	padding:5px 20px;
	margin: 50px auto;
	margin-bottom:10px;
	text-align:justify;
	border-left: #80a4c0 2px solid;
	position:relative;
	background-color:#1f1f1f;
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing: 0em;
}
#synopsis_text p, #synopsis_text h3 {
	margin: 0 !important;
	padding:0 !important;
}
#synopsis_text p span {
	border: transparent solid 1px;
}
#synopsis_text h3 {
	color:#80a4c0;
	text-transform:uppercase;
	font-size:0.7em;
}
.h_textbox {
	position:absolute;
	padding:10px;
	padding-top:0px;
}
.h_textbox h4 {
	white-space: nowrap;
	padding:0px;
	margin:0px;
	font-size:0.7em;
	text-transform:uppercase;
	text-shadow: #000 1px 1px;
	text-align:center;
	color:#FFF;
}
.h_textbox textarea {
	width:190px;
	height:150px;
	padding:5px;
	font-size: 0.9em;
	font-family: "Times New Roman", Times, serif;
}
.green_box {
	background-color:#060;
	border: 2px solid #060;
	top:-50px;
	left:-235px;
}
.pink_box {
	background-color:#939;
	border: 2px solid #939;
	top:-50px;
	left:450px;
}
.blue_box {
	background-color:#039;
	border: 2px solid #039;
	top:205px;
	left:-235px;
}
.yellow_box {
	background-color:#990;
	border: 2px solid #990;
	top:205px;
	left:450px;
}
.heroes {
	width: 800px;
	height: 60px;
	display: block;
	background: transparent url(../images/heroes.png) top left no-repeat;
	background-position: 0 3px;
	margin: -10px 0 0px 45px;
}
.heroes_list {
	display: none;
}
.actors {
	width: 300px;
	height: 100px;
	display: block;
	background: transparent url(../images/actors.png) top left no-repeat;
	margin: -10px 0 15px 20px;
}
.actors_list {
	display: none;
}
.quote {
	width: 800px;
	height: 50px;
	display: block;
	background: transparent url(../images/quote.png) top left no-repeat;
	margin: 10px 0 15px 25px;
	text-indent: -3000px;
}
.half_space {
	height: 5px;
	margin: 0;
	padding: 0;
}
#videoplayer2 {
	width:512px;
	float:left;
}
#character_boxes {
	float:right;
	margin-left:0;
	width:350px;
}
.answer_box {
	height:0px;
	padding:0;
	overflow:hidden;
}
.answer_box textarea {
	width:270px;
	height:60px;
	padding:5px;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
}
#character_boxes ul {
	list-style:none;
	margin:0;
	padding:0;
}
#character_boxes ul li {
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1F1F1F), color-stop(0.65, #424242) );
	background-image: -moz-linear-gradient( center bottom, #1F1F1F 0%, #424242 65% );
	border-top:#666 1px solid;
}
#character_boxes ul li a, #character_boxes ul li a:visited {
	padding:5px 5px 5px 0;
	width:350px;
	display:block;
	text-decoration:none;
	color:#FFF;
}
#character_boxes ul li a:hover {
	text-decoration:underline;
}
#character_boxes ul li a span {
	font-size:0.7em;
	color:#CCC;
}
#character_boxes ul li a strong {
	text-shadow:#000 1px 1px 2px;
	font-size:1.2em;
}
.actor_names {
	font-size: 1.25em;
	font-weight: bold;
}
#appeal_boxes {
	width:300px;
	float:right;
	margin: 0;
}
.draggable {
	position:relative;
	padding:3px 3px 1px 25px;
	margin: 0 0 10px 0;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1F1F1F), color-stop(0.65, #424242) );
	background-image: -moz-linear-gradient( center bottom, #1F1F1F 0%, #424242 65% );
	border-top:#666 1px solid;
}
.draggable span {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	border-right:#999 1px solid;
	background:url(../images/move.png) #666 2px 5px no-repeat;
	cursor:move;
}
.draggable span:hover {
	cursor:move;
	background-color:#CCC;
	background-image:none;
}
.draggable textarea {
	width:259px;
	height:40px;
	padding:5px;
	margin: 0;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
}
#superstars_boxes .draggable {
	width:175px;
	float:left;
	margin-right:10px;
}
#superstars_boxes .draggable textarea {
	width:163px !important;
	height:35px !important;
}
#fantasy_and_reality_print_images {
	display: none;
}
#fantasy_and_reality_images {
	width:700px;
	margin-top: 15px;
	float:left;
	overflow:auto;
}
.img1, .img2 {
	opacity:0.5;
	cursor:pointer;
	float:left;
}
#fantasy_boxes {
	width:180px;
	float:right;
	overflow: hidden;
}
#fantasy_boxes textarea {
	width:160px;
	height:100px;
	padding:5px;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
}



.img1 {
	opacity:1;
	width:500px;
}
.img1:hover, .img2:hover {
	opacity:1 !important;
}


#poster_image {

float: left;
width: 320px;

}

#poster_bullets {
margin: -5px 0 0 415px;	
width: 300px;
}

#poster_boxes {
	float: right;
	margin: -230px 0 0 0;
	width:230px;
	overflow: hidden;

}
#poster_boxes textarea {
	width:240px;
	height:300px;
	padding:5px;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
}

/* lightboxes */


#thickbox_close_div {
	float: right;
	margin: -30px -5px 0 0;
	width: 80px;
	height: 20px;
}
a#thickbox_close {
	display: block;
	width: 80px;
	background: transparent url(../images/close_button.png) top left no-repeat;
	background-position: -2px 0px;
}
a#thickbox_close:hover {
	background-position: -2px -26px;
}
#lightbox_trailer {
	width: 830px;
	background: transparent url(../images/headings/lightbox_trailer.png) top left no-repeat;
}
.no-margin {
	margin: 0;
}
#activity_wrapper {
	width: 895px;
	margin: 15px 0 30px 15px;
	padding: 0;
	text-align: left;
	position: relative;
	border: none;
	background-color: #000;
	overflow: hidden;
	background: #000 url(../images/content_bg_900px.png) top left repeat-y;
}
#activity_wrapper h3 {
	margin: 5px 0 0 0;
}
#activity_wrapper p {
	padding-left: 2px;
}
#activity_wrapper .clear {
	color: #000;
}
a#print_button {
	background: transparent url(../images/print_button.png) top left no-repeat;
	background-position: 1px 2px;
	width: 45px;
	height: 20px;
	display: block;
	text-indent: -3000px;
	padding: 7px 7px 0 14px;
	margin: 10px -23px 0 0;
	border: 1px solid #f8f9f9;
	float: right;
}
a#print_button:hover {
	background-position: 1px -24px;
}


/* like button */

#like_button {
padding: 0 10px 0 0; margin: 5px 0 0 0; border:none; overflow:hidden; width:50px; height:25px; display:block; float: right;	
}