/*Author - Calum Ryan
Year - 2009
Site - Me & Orson Welles*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	width:100%;
	height:100%;
	position:relative;
	background:#FFF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 85%;
	margin: 0;
}
#wrapper h1  {
	margin:0 auto;
	padding:20px;
	width:500px;
}
.heading {
	background:url(../images/h1_meandorson.jpg) no-repeat;
	width:500px;
	height:61px;
	display:block;

}
a, a:visited {
	color:#2B286D;
}
a:hover {
	text-decoration:none;
}



.padding {
	padding:10px;
}
/*
.indent {
	text-indent:-10000px;
}
*/


.header_indent {
	text-indent:-10000px;
}


.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}

#wrapper {
	clear: both;
	top: -30px;
	/*background:url(../images/background_cityscape.jpg) no-repeat bottom center;*/
	width:1024px;
	min-height:768px;
	margin: 10px auto;
	padding:0;
	overflow:hidden;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	position: relative;

}



#navigation {

	width:1024px;
	height:31px;
	border-top: 1px solid #DFDFDF;
	border-bottom	: 1px solid #DFDFDF;
	background: #F3BF09;
	margin: 0;
	
/*********************    remove below line if restoring/amended Order DVD page ****************************/	
	
	/*padding-left: 80px; */
}

#navigation li {
	float:left;
	list-style:none;
	margin: 0.55em 29px 0 25px !important;
	margin: 0.55em 33px 0 18px;
	font-size: 1.05em;
}

#navigation li a {
	text-decoration: none;
}

#navigation li a:hover, #navigation li a#current {
	text-decoration: underline;
	background-position: 0 -18px;
	margin: 0;
}





.film, .shakespeare, .performance, .welles_caesar, .linklater_caesar, .study_clips, .order {
	height:17px;
	display:block;
	text-indent: -10000px;
	margin: 0;
}

.film {
	background:url(../images/nav/film.gif) no-repeat;
	width:60px;
}


.shakespeare {
	background:url(../images/nav/shakespeare.gif) no-repeat;
	width:85px;
	
}
.performance {
	background:url(../images/nav/performance.gif) no-repeat;
	width:85px;
}

.welles_caesar {
	background:url(../images/nav/welles_caesar.gif) no-repeat;
	width:102px;
}

.linklater_caesar {
	background:url(../images/nav/linklater_caesar.gif) no-repeat;
	width:118px;
}

.study_clips {
	background:url(../images/nav/study_clips.gif) no-repeat;
	width:75px;
}

.order {
	background:url(../images/nav/order.gif) no-repeat;
	width:120px;
}

	

.content {
	width:500px;
	min-height: 580px;
	margin: 10px 10px 20px 10px;
	position:relative;
}



.content p, .content li {
	line-height:1.2em;
	margin-top: 0.5em;
}

.content li {
	margin-left:10px;
}



h2, h3 {
height: 25px;
width: 400px;
display: block;
	font-size:1.8em;
	text-indent: -10000px;
	  
}

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

#the_film {
background: transparent url(../images/headings/the_film.gif) top left no-repeat;
}

h2#synopsis {
background: transparent url(../images/headings/synopsis.gif) top left no-repeat;
}

h2#shakespeare {
background: transparent url(../images/headings/shakespeare.gif) top left no-repeat;
}

h2#actions {
background: transparent url(../images/headings/actions.gif) top left no-repeat;
}

h2#words {
background: transparent url(../images/headings/words.gif) top left no-repeat;
}

h2#welles_caesar {
background: transparent url(../images/headings/welles_caesar.gif) top left no-repeat;
}

h2#linklaters_caesar {
background: transparent url(../images/headings/linklaters_caesar.gif) top left no-repeat;
}

h2#study_clip_1 {
background: transparent url(../images/headings/study_clip_1.gif) top left no-repeat;
}

h2#study_clip_1_transcript {
background: transparent url(../images/headings/study_clip_1_transcript.gif) top left no-repeat;
}


h2#study_clip_2_transcript {
background: transparent url(../images/headings/study_clip_2_transcript.gif) top left no-repeat;
}


h2#study_clip_3_transcript {
background: transparent url(../images/headings/study_clip_3_transcript.gif) top left no-repeat;
}


h2#study_clip_2 {
background: transparent url(../images/headings/study_clip_2.gif) top left no-repeat;
}

h2#study_clip_3 {
background: transparent url(../images/headings/study_clip_3.gif) top left no-repeat;
}

h2#trailer {
background: transparent url(../images/headings/trailer.gif) top left no-repeat;
}

h2#order_study_dvd {
background: transparent url(../images/headings/order_study_dvd.gif) top left no-repeat;
}

h2#thank_you {
background: transparent url(../images/headings/thank_you.gif) top left no-repeat;
}

h2#trailer_transcript {
background: transparent url(../images/headings/trailer_transcript.gif) top left no-repeat;
}




h3#study_clips{
background: transparent url(../images/headings/study_clips.gif) top left no-repeat;
}

h3#me_orson_welles_shakespeare {
background: transparent url(../images/headings/me_orson_welles_shakespeare.gif) top left no-repeat;
}



.assets {
	width:450px;
	margin:10px;
	position:relative;
}

.assets li.pdf, .content li.pdf {
	background:url(../images/PDF_icon.jpg) no-repeat;
	padding-left:60px;
	padding-top:8px;
	list-style:none;
	height:48px;
	display:block;
}

.content li.pdf a, .content li.pdf a:visited {
	color:#2B286D;
}
.content li.pdf a:hover {
	text-decoration:none;
}

p#pic_caption {
font-size: 0.8em;
margin-top: 0.5em;
text-align: center;
}

#copyright p {

clear: both;
font-size: 0.7em;
margin: 1em 0 0.5em 20px;	
}


/* form */

#theform {

padding: 0.25em 0 1em 0;
margin: 0;
font-size:1em;

}

.checkbox_para {
	 
width: 500px;	 
 }

form {
padding-bottom: 2px;
}


label {

float: left;
width: 140px;
text-align:left;
padding-right: 2px;
font-size:14px;


}

input.checkbox {
text-align: right;
padding: 0 2px 0 200px;
margin: 0 0 0 0px;
float: left;
}

#order p {
margin:2px;
}

.checkbox_text {
font-size:70%;
float: left;
}


.content ul
{
margin-top: 1em;	
margin-left: 0;
padding-left: 0;
list-style: none;
}

.content  li
{
margin-left: 0.5em;	
padding-left: 20px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 -4px;
margin-bottom: 0.5em;	
}

.transcript p {
	
	line-height: 2em;
}


#learning_onscreen {
position: absolute;
top: 12px;
left: 60px;
}





/* facebook like */

#facebook_like_div {
float: right;
padding: 0;
margin: 10px 15px 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; 
}