/* -----------------------------------------------------------
Author : Pierre Bourgeois
Email : pbcomweb@gmail.com for NFB
URL :  http://pierrebourgeois.org
-------------------------------------------------------------- */

/* Reset
-------------------------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse;border-spacing: 0;}
fieldset, img, abbr {border: 0;}
address, caption, cite, code, dfn, var {font-weight: normal;font-style: normal;}

html * { font-size: 100.01% }
body { font-size: 62.5%;  /*(0.625 * 16px = 10px)*/
	font-family: Helvetica, sans-serif;color: #000;
	padding-top: 1em; background: #D4CA75 url(../imgs/Background.jpg) top left repeat-x;}
a { color: #af2828;  }
a:hover {text-decoration: underline; }
h1,h2,h3 { font-weight: bold; margin: .5em 0; text-align: left;  }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 24px}
em {font-style:italic;}
p { line-height: 1.5em; margin: 0 0 1.5em; text-align: left; }
p, dt, dd { font-size: 14px; }
li ul, li ol  { margin:0 1em; }
ul, ol { list-style-type: none; margin: 0; padding: 0; }
img {border: none;}
h3.filmtitle {margin-bottom: 5px;}
small {display:block;font-size: 14px; margin-bottom: 27px;}

a#www {background: url(../imgs/www.gif) no-repeat left top; padding-left: 31px; color: #AE2829; text-decoration: none; font-weight: bold; padding-top: 1px;}
strong {font-size: 96%;}
embed {background: none;}

div#wrap{width:1024px;margin:0 auto;}

div#footer{clear: both;width:100%px;margin:0 auto;}

ul.horizontal li { display:inline; font-size: 1.1em; margin-left: 9px; float: left;}
ul.horizontal li a  { padding: 0 5px 0 0; margin: 0;}
ul#gallery {width: 700px}
ul#gallery li {float:left; width:150px; margin: 0 14px 14px 0; padding-bottom: 5px; height:120px;}
ul#gallery li img {padding-bottom: 5px;}	
	
#header h1 a { display: block; text-indent: -3000px;height:66px; width: 348px; background: url(../imgs/sitetitle.jpg) no-repeat left 5px;}
#header h1.fr a { background: url(../imgs/sitetitle_fr.jpg) no-repeat -10px 20px;}
#header h1.en a { background: url(../imgs/sitetitle_en.jpg) no-repeat left 5px;}
#homepage #header h1 a { text-indent: -3000px;padding-top: 30px; background: none; width: auto; height: auto; cursor: default;}
#mainnav {position: relative; top: -40px; font-size: 15px; font-weight:bold; margin-right: 10px;}
#mainnav li {margin: 0;}
#mainnav li a { color: #e5be89;text-decoration: none;  padding: 35px 12px 5px 10px; background: url(../imgs/seperator.gif) no-repeat right 35px;}
#mainnav li a.last { background-image: none;}
#mainnav li a:hover, 
#the-film #the-film-link a,
#music #music-link a,
#cordell-barker #cordell-barker-link a,
#the-team #the-team-link a,
#making-of #making-of-link a,
#press #press-link a { background: #e5be89; color: black;text-decoration: none;}


#homepage #home {display: none;}
#mediamovie {width: 723px; height: 477px; padding-left: 28px; float: left; background: url(../imgs/player_bkg.jpg) no-repeat left top;}
#intro,#sidebar {float: left; width: 273px; }
#intro h2 {text-indent: -3000px; margin-left: 10px;width:251px; height:71px;background: url(../imgs/h2.jpg) no-repeat top left;}
#intro h2.en {background: url(../imgs/h2_en.jpg) no-repeat top left;}
#intro h2.fr {background: url(../imgs/h2_fr.jpg) no-repeat top left;}
#intro p{font-size: 11px; width: 245px; margin-left: 10px; padding-bottom:0; margin-bottom:10px;}
#content {padding-bottom: 200px;background: url(../imgs/train.gif) bottom right no-repeat;}
#content.home-content {background-image:none;padding-bottom:50px;}

#text {width: 723px; padding-left: 28px; float: left; }
#text p { line-height: 1.8em; margin: 0 28px 1.8em 0; text-align: left; }


/* Behind the scene playlist */
	dl#playlist {margin-top: 20px; margin-top: 30px;} 
	dl#playlist dt { width: 106px; padding: 0; margin: 0 0 20px 0;float: left;}
	dl#playlist dd { margin-left: 110px; padding-top: 0;}
	dl#playlist dd.clear { border-bottom: 1px solid #000000; margin: 0 28px 20px 0; padding: 0;}
	dl#playlist dd.clear.last { border-bottom: none;}
	dl#playlist dd ul li {margin-left: 20px; font-weight: normal; }
	dl#playlist dd ul li.title {margin-bottom: 10px;}
	dl#playlist dd ul li.title a {padding-right: 25px; font-size: 18px; background: url(../imgs/puce-extras.gif) no-repeat right 3px; }


/* Download trailers
-------------------------------------------------------------- */
#trailers-home { background: url(../imgs/trailers.gif) no-repeat left top; 
	position: relative;width: 984px; height: 200px; margin-left: 28px;}
#trailers-home li {position: absolute; top: 37px;}
#trailers-home li a {font-weight:bold;text-decoration: underline;}
#trailers-home li#download {left: 34px;}
#trailers-home li#watch1 {left: 360px;}
#trailers-home li#watch2 {left: 684px;}
#trailers-home li dt {font-weight:bold; font-size: 30px; font-family: helvetica; margin: 0;}
#trailers-home li dt a {text-decoration:none; color:#000;}
#trailers-home li dd {font-size: 12px; }
#trailers-home li dd.title {font-weight:bold; font-size: 14px; margin: 5px 0;}


/* Download trailers sidebar
-------------------------------------------------------------- */

#trailers li {width: 245px; height: 120px;border: 1px solid #110000; margin: 0 0 25px 28px;}
#trailers li#sdownload {background:url(../imgs/download.gif) no-repeat left bottom #f8e5c6; padding-bottom:15px;}
#trailers li#swatch1 {background:url(../imgs/watch1.gif) no-repeat left top;}
#trailers li#swatch2 {background:url(../imgs/watch2.gif) no-repeat left top;}
#trailers li dt {font-weight:bold; font-size: 23px; margin: 19px 0 0 19px;}
#trailers li dt a {text-decoration:none; color:#000;}
#trailers li dd {font-size: 12px; margin-left:19px}
#trailers li dd.title {font-weight:bold; font-size: 13px; margin: 5px 0 5px 19px;}

/* footer
-------------------------------------------------------------- */
#footer {width:100%;color: #000; background: #E7BD8B url(../imgs/Footer.jpg) top left repeat-x;
	clear:both;padding-bottom: 150px;padding-top:20px;}
#footer a {color: #000; text-decoration: none; font-weight: bold;}
#footer h3 {text-indent: -3000px; background: url(../imgs/runawaytitle.jpg) no-repeat left top; width: 131px; height: 26px; margin-bottom: 0;}
#footer h3.en {background: url(../imgs/runawaytitle_en.jpg) no-repeat left top;}
#footer h3.fr {background: url(../imgs/runawaytitle_fr.jpg) no-repeat left top;}

#footer dl {margin-top: -48px;}
#footer dt {text-indent: -3000px;}
#footer dt a {display: block;background: url(../imgs/logo-onf.gif) no-repeat left top; 
	height:39px; width:81px; position: relative; top: 95px;} /* logo onf */
#footer ul {}
#footer li {display: inline; font-size: 12px; margin-right: 5px;}
#footer dd {font-size: 12px; margin-bottom: 4px;}
#footer .margin {width: 900px; margin: 0 auto; }
#footer small {display:block;font-size: 12px; margin-bottom: 27px;}

/* credits 
------------------------------------------------------------- */
.left-credit:after, .right-credit:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.left-credit {float:left; width:300px;}
.right-credit {float:left; width:300px;}

/* laurels
-------------------------------------------------------------- */
#laurels-home {text-align:center;}

.playing-now {color:red; font-weight:bolder; font-size:14px; margin-left:10px;}

#press-download-box {display: none;width:250px; padding:0px 20px 10px 20px;}

/* Generic Classes
-------------------------------------------------------------- */
.left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }
.hide { display: none; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.clear {clear: both}
p.avail-soon {color:black; padding:0; margin:10px 0;}
	

#press #text { float:left; width: 400px;}	
#press #sidebar {float: right; width:550px; }
#press #sidebar .left {float: left; width:250px; }
#press #sidebar .right {float: right; width:270px; }
#press #sidebar #press-download-box {display: block;}