/*

stylesheet for The Boy in the Striped Pyjamas

*/
#content
{
        height:345px;
}

#content_cdrom
{
        height:485px;
}



body {
	background: #ffffff;
	margin: auto 0;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
}

#wrapper{
	background: #e1e4eb url(images/body_background_tile.jpg) top left repeat-y;
	
}	


#header {
	background: transparent url(images/header_background.jpg) top left no-repeat;
	padding: 0 15px 0 15px;
	margin: 0;
	height: 205px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right	: 1px solid white;
}	

#content {
	background: transparent url(images/body_background_tile.jpg) top left repeat-y;
	width: 758px;
	margin: 0;
	padding: 0 20px 0 20px;	
	border-left: 1px solid white;
	border-right: 1px solid white;
	
}

#content_cdrom {
	background: transparent url(images/body_background_tile.jpg) top left repeat-y;
	width: 758px;
	margin: 0;
	padding: 0 20px 0 20px;	
	border-left: 1px solid white;
	border-right: 1px solid white;
	
}	

#content_flash {
	background: transparent url(images/body_background_tile.jpg) top left repeat-y;
	width: 758px;
	margin: 0;
	padding: 0.5em 0 0 0;	

	
}	




/* footer */

#footer {
	clear: both;
	background: transparent url(images/body_background_tile.jpg) top left repeat-y;
	height: 30px;
	width: 773px;
	margin: 0;
	padding: 10px 10px 10px 15px;	
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}	

.footer_logo {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.film_ed_logo {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer_copy span {
display: inline;
font-size: 0.8em;
margin-top: 30px;
}


p {

margin: 0 0 0.8em 0;
padding: 0.6em 0 0 0;
}


a {

color: #000000;

}


h1 {
margin: 0;
padding: 0;
}

h1 a {
display:block;
width: 600px;
height: 120px;
padding: 0;
margin-bottom: 30px;
background: transparent;
overflow:hidden; 
}


h1 span {

	display: none;
}


h2, h3 {
	margin: 0.4em 0 0.4em 0;
	padding: 0;
	font-size: 1.3em;
}







img {
	border: 0;
}


#still {

	float: right;
	margin: 10px 0 15px 15px;
	border: 5px #ffffff solid;
	
}



.still {

	float: right;
	margin: 0 0 10px 15px;
	border: 5px #ffffff solid;

}

#homepage_images {

float: right;
width: 220px;

}


/*

.still {

	float: left;
	margin: 15px 0 0 0;
	border: 5px #ffffff solid;
}

*/


/* bullet lists in body */

ul {

	margin: 0 0 0 20px;
	padding: 0;
}

ul li {

padding-bottom: 0.6em;


}

/* top nav */

ul#main_nav {
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
}


#main_nav li {
	display: inline;
	font-size: 0.9em;
	letter-spacing: 0.02em;
	
}

#main_nav li a {
	color: #ffffff;
	background: #626c78;
	padding: 4px;
	text-decoration: none;
	font-size: 1.1em;
	
}

#main_nav li a:hover {


	color: #626c78;
	background: #ffffff;
}

#main_nav li  span a {
	
	border: 1px #ffffff solid;
	
}

#main_nav li  span a:hover {
	
	border: 1px #626c78	 solid;
	
}

/* sub nav */


ul#sub_nav {
	padding: 5px 0 0 0;
	margin: 0.5em 0 0 0;
}

#sub_nav li {
	display: inline;
	font-size: 0.95em;
	font-weight: normal;
}

#sub_nav li a {
	color: #2b3035	;
	text-decoration: none;
	padding: 1px 4px 1px 2px;
	margin: 0;
	border-right: solid 1px #2b3035;
	
}

#sub_nav li#last a {

	border: none;
}

#sub_nav li a:hover {

	text-decoration: underline;
	
}

#sub_nav li  span a {

	font-weight: bold;
;

}

#sub_nav li span a:hover {

	
	text-decoration: none;

}


/* order CD ROM */

#cdrom {

float: right;

padding: 0.2em;
margin: 5.3em 7px 0 0;;
border: 2px solid black;

}

#cdrom_home {

float: right;

padding: 0.2em;
margin: 5.3em 10px 0 0;;
border: 2px solid black;

}

#cdrom a, #cdrom_home a {

	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em;
	
}

#cdrom a:hover {

	text-decoration: underline;
}



/*  form  */

the_form {

padding-bottom: 50px;
margin: 0;

}

form {

padding-bottom: 2em;

}

span.checkbox_text {

font-size: 0.8em;

}

label {

float: left;
width: 100px;
text-align: right;
padding-right: 5px;

}

input.checkbox {
text-align: right;
padding: 0 15px 0 200px;
margin: 0 0 0 105px;

}

ul#language_reveal li {
width: 25em;
text-align: right;
list-style: none;
}

.language_example {
float: left;

display: inline;
}

#Italian, #Spanish, #German, #French {
text-align: left;
display: inline;

}

p .in_cinemas {
font-size: 0.8em;
}

/* framing activity buttons */

#buttons {
float: right;
width: 300px;
text-align: right;

}

#buttons button {
margin: 0;
padding: 10px 0 5px 0;

}

object {
margin: 0;
padding: 0;
float:left;
}