/*

stylesheet for The Boy in the Striped Pyjamas

*/



body {
width:100%; 
height:100%;
position:relative;
background: #000000;
margin: 0;
	
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#content
{
        
		overflow:auto;
}

.left{
float:left;
}

.texttop {
vertical-align: top;
height: 1.5em;
margin-top: 0.5em;
}

#content_cdrom
{
        height:550px;
}


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


#header {
	background: transparent url(images/redesign_header.jpg) top left no-repeat;
	padding: 0 15px 0 15px;
	margin: 0;
	height: 220px;
	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: white url(images/body_background_tile.jpg) top left repeat-y;
	width: 758px;
	margin: 0;
	padding: 0;	

	
}	




/* footer */

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

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

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


#footer_copy {
margin-top:50px;
padding-top: 10px;
font-size: 0.8em;

}


p {

margin: 0.6em 0 0.8em 0;

}


a {

color: #000000;

}

.indent {
margin-left: 2em;	
}

h1 {
margin: 0;
padding: 0;
}

h1 a {
display:block;
width: 200px;
height: 120px;
padding: 0;
margin: 10px 0 0 20px;
background: transparent;
overflow:hidden; 
}


h1 span {

	display: none;
}


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



#poster {
margin: 0;
border: 0;
background: #ffffff url(/theboyinthestripedpyjamas/images/body_background_tile.jpg) top left repeat-y;
}


#poster img {

padding: 0;
margin: 3px 0 0 3px;
border: 0;
}



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 {
	position: relative;
	padding: 2.5em 0 2.5em;
	margin: 0;
}


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

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

#main_nav li a:hover {


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

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

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

/* sub nav */


#main_nav ul#sub_nav {
	position: absolute;
	left: 0;
	top: 55px;
	padding: 0.01em 0 0 0;
	margin: 0.5em 0 0 0;
}

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

#main_nav #sub_nav li a {
	background: none;
	color: #f6fafb;
	text-decoration: none;
	padding: 0 6px 0 0;
	margin: 0 4px 0 0;
	border-right: solid 1px #f6fafb;
	
}


#main_nav #sub_nav li a:hover {
	background: none;
	color: #f6fafb;
	text-decoration: underline;
	

}

#main_nav #sub_nav li span a {
	background: none;
	color: #f6fafb;
	border: none;
	border-right: 1px solid white;
	font-weight: bold;

}

#main_nav #sub_nav li span a:hover {

	text-decoration: underline;

}

#main_nav #sub_nav li#last a {

	border: none;
}


/* order CD ROM */

.cdrom {

background: #ffffff url(images/DVDcover.png) no-repeat left top;
padding:0.2em;
padding-top:25px;
padding-bottom:25px;
padding-left:60px;
width:150px;
margin: 0px 0 0 0;
border: 1px solid black;
text-align:left;
display:block;
font-weight:bold;

	color: #000000;
	font-weight: bold;
	text-decoration: none;
	float:right;

}





.cdrom:hover {

	text-decoration: underline;
}


/* cineworld promotion */

#cineworld {

float: right;
background: #ffffff;
padding: 0.2em;
margin: 10px 0 0 0;
border: 2px solid black;

}



#cineworld a, #cdrom_home a {

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

#cineworld 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;
}

.dragme{
width:225px;
border: #000 1px dotted;
height:95px;
background: url(images/transbg.png) repeat ;
padding:5px;
margin:5px;
position:relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.dragme .move{
text-indent:-9999px;
outline:none;
height:15px;
width:15px;
background:url(images/move.png) no-repeat;
position:absolute;
right:5px;
top:5px;
margin-top:3px;
cursor:move;

}
.dragme:hover .move{
display:none;
}

.dragme:hover{
cursor:move;
background-color:#F6f6f6;
}

#tiles{

width:245px;
margin:0 auto;
float:right;
padding-top:30px;
}

#dvdcover{
padding-top:20px;
}
.print {
background:transparent url(images/print.png) no-repeat scroll 0 0;
display:block;
font-weight:bold;
height:32px;
margin:0 auto;
padding-left:35px;
width:45px;
}

.clear{
clear:both;
}

.textbox{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px #000000 solid;
width:200px;
}

ul.tnotes{
list-style:none;
padding:0;
margin:0;
overflow:hidden;
font-size:0.7em;
}
.tnotes li{
display:block;
float:left;
padding-right:10px;
padding-left:10px;

}
.panel{
padding:00px 100px;
overflow:hidden;
font-size:0.85em;
background:url(images/quote.png) top left no-repeat;
}

#slider {
  width:600px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}


.scrollButtons {
  position: absolute;
  top: 50px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

ul.navigation a.selected {
background-color:#fff;
color:#000;
}

.firstli{
margin-left:50px;
}

.transp{
font-size: 1em;
line-height: 1.8em;
}

.small {
	font-size: 0.75em;
	margin-left: 0.5em;
}

.no_top_margin {
margin-top: 0;	
}

.no_bottom_margin {
margin-bottom: 0;	
}


#myOnPageContent {
display: none;	
}

#videoplayer {
	
margin: 0;	
}

.underline {
	text-decoration: underline;
}

.poster_background {
	margin: auto;
	padding: auto;
	background: #ffffff url(/theboyinthestripedpyjamas/images/body_background_tile.jpg) top left repeat-y;
	
}



/* 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; 
}