/*

stylesheet for The Voyage of the Dawn Treader

*/


body {
width:100%; 
height:100%;
position:relative;
background: #000;
margin: 0;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1.4em;
font-size: 107%;
color: #322111;
}


#wrapper {
width: 1020px;
margin: 0 auto 0 auto;

background: transparent url(../images/bg.jpg) top left no-repeat;
min-height: 850px;
text-align: left;	
position: relative;
/* border: 1px solid #666; */
}	


#header {
width: 1024;
height: 198px;
margin: 0 auto 0 auto;
background: transparent url(../images/bg_header.jpg) top left no-repeat;
text-align: left;	
position: relative;
}

#title_treatment a {
position: absolute;
left: 380px;
top: 40px;
width: 250px;
height: 110px;
margin: 0;
outline: none;
}


/* navigation */

#navigation {
position: absolute;
left: 109px;
top: 167px;
width: 820px;
height: 30px;
margin: 0;
}

#navigation ul {
margin: 0;
padding: 0;

}

#navigation ul li {
margin: 0;
list-style: none;
display: inline;

}

#navigation ul li a {
float: left;
height: 27px;
}

a.home {
width: 70px;
margin-right: 40px;
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -7px -5px;
}

a.home:hover, a.home#current {
background-position: -7px -36px;
}


a.teaching_materials {
width: 260px;
margin-right: 70px;
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -115px -5px;
}

a.teaching_materials:hover, a.teaching_materials#current {
background-position: -115px -36px;
}

a.wordcloud {
width: 165px;
margin-right: 40px;
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -453px -5px;
}

a.wordcloud:hover, a.wordcloud#current {
background-position: -453px -36px;
}

a.competition {
width: 160px;
background: transparent url(../images/navigation.png) top left no-repeat;
background-position: -655px -5px;
}

a.competition:hover, a.competition#current {
background-position: -655px -36px;
}



#navigation ul {
margin: 0;
padding: 0;

}

#navigation ul li ul.subnav {
margin: 0 0 7px 10px;
list-style: none;
}

#navigation ul li ul.subnav a {
display: block;
height: 14px;
margin: 0px 0 3px 0;
}


a.first_impressions {
width: 150px;
background: transparent url(../images/sub_navigation.png) top left no-repeat;
background-position: -6px -6px;
}

a.first_impressions:hover, a.first_impressions#current {
background-position: -219px -6px;
}

/* content */

#content	 {
clear: both;
margin: 25px auto 0 auto;
padding: 0;
overflow: none;
width: 810px;
min-height: 500px;
}


p {
margin: 0 0 0.6em 0;
}

p.first {
margin-top: 0.5em;	
}


.video_player, .image_right {
float: right;
margin: 0 0 8px 6px;

}

.image_right img {
border: 1px solid #666;
}

.images_right_div {

float: right;
width: 330px;
	
}

#videoplayer {
border: 1px solid #666;
height: 211px;
width: 375px;
}

.transcript_link, .t_c_link {
	height: 10px;
	margin: 0;
	text-align: right;
	font-size: 0.75em;
}

.t_c_link  {
float: left;	
}


.hide_text {
	text-indent: -999px;
}



a {
color: #322111;	
text-decoration: underline;
font-weight: bold;
outline: none;
}



.pdf {
	background: transparent url(../images/pdf_icon.png) no-repeat;
	padding-left:45px;
	padding-top:8px;
	list-style:none;
	height:34px;
	display:block;
	margin: 0 0 5px 10px;
}

#myOnPageContent, #myOnPageContent_trailer  {
display: none;
margin: 0;	
padding: 0;
font-size: 2em;
}

img {
border: none;	
}

#content ul {
margin: 0 0 0.5em 0.5em;
padding: 0 0 0 10px;
}

#content ul li {
padding: 0 0 0.3em 20px;
margin: 0px;
	background: transparent url(../images/bullet.png) top left no-repeat;
	background-position: 0 5px;
	list-style: none;
}

ul.bottom_spacer {
margin-bottom: 2em;	
}

#competition_thumb {
	width:200px;
	height:265px;
	display:inline-block;
	float:left;
	text-align:center;
}


/* headings */

h3 {
height: 25px;
margin: 1em 0 0 0;
padding: 0
}

#introduction {
width: 180px;
background: transparent url(../images/headings/introduction.png) top left no-repeat;
}

#synopsis {
width: 180px;
background: transparent url(../images/headings/synopsis.png) top left no-repeat;
}

#feedback {
width: 180px;
background: transparent url(../images/headings/feedback.png) top left no-repeat;
}

#competition {
width: 180px;
background: transparent url(../images/headings/competition.png) top left no-repeat;
}

#activity {
width: 180px;
background: transparent url(../images/headings/activity.png) top left no-repeat;
}

#literacy {
width: 180px;
background: transparent url(../images/headings/literacy.png) top left no-repeat;
}

#homework {
width: 180px;
background: transparent url(../images/headings/homework.png) top left no-repeat;
}

#assembly {
width: 180px;
background: transparent url(../images/headings/assembly.png) top left no-repeat;
}

#teachers_notes {
width: 230px;
background: transparent url(../images/headings/teachers_notes.png) top left no-repeat;
}

#transcript {
width: 250px;
background: transparent url(../images/headings/transcript.png) top left no-repeat;
}

#word_cloud {
width: 180px;
background: transparent url(../images/headings/word_cloud.png) top left no-repeat;
}




#footer	 {
margin: 0;	
background: transparent url(../images/footer.png) top left no-repeat;
width: 1024px;
height: 130px;
}


h4 {
margin: 0;	
}

.no_top_margin {
	margin-top: 0;
}

#suggested_words {
width: 800px;
height: 80px;
display: block;
margin: -5px 0 5px 15px;
background: transparent url(../images/words.png) top left no-repeat;
}





/* buttons */

#leave_feedback
{
	margin: 0;
	display: inline-block;
	width: 178px;
	height: 40px;
	background: transparent url(../images/buttons/leave_feedback.png) top right no-repeat;
	text-indent: -3000px;
}


#wordcloud_buttons {
width: 500px;
margin: 0 auto 0 auto;
text-align: center;
}


a#wordcloud_create {
	margin: 0;
	float: left;
	width: 227px;
	height: 40px;
	background: transparent url(../images/buttons/create_cloud.png) top right no-repeat;
	text-indent: -3000px;
}

a#wordcloud_clear {
	margin: 0;
	float: right;
	width: 100px;
	height: 40px;
	background: transparent url(../images/buttons/clear_cloud.png) top right no-repeat;
	text-indent: -3000px;
}

a#wordcloud_edit {
	margin: 0;
	float: left;
	width: 198px;
	height: 40px;
	background: transparent url(../images/buttons/edit_cloud.png) top right no-repeat;
	text-indent: -3000px;

}

a#wordcloud_print_save {
	margin: 0;
	float: right;
	width: 125px;
	height: 40px;
	background: transparent url(../images/buttons/print_save_cloud.png) top right no-repeat;
	text-indent: -3000px;
}


a#wordcloud_print {
	margin: 0;
	float: right;
	width: 125px;
	height: 40px;
	background: transparent url(../images/buttons/print_cloud.png) top right no-repeat;
	text-indent: -3000px;
}





/* facebook like */

#facebook_like_div {
float: right;
padding: 0;
margin: -5px 0 0 0;
border:none; 
overflow:hidden; 
width:50px; 
height:25px;
text-align: left;
}

#like_button {
float: left;
padding: 0;
margin: 0;
border:none; 
height:25px; 
}