@charset "utf-8";
@import "reset.css";
/*The Mallrats - Le Retour (video clip) - CSS Document */
body { background: #18171c url(../img/m.png) left top repeat; font: 12px/16px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
a{ color:#FFF; text-decoration:none; }
a:hover{ color:#FFF; text-decoration:none; }
#main { margin: 0 auto; width: 1250px; background: url(../img/habillage1.jpg) center top no-repeat; position:relative; }
#content { margin:0 auto; width: 680px; background-color: #18181b; padding: 0px 0px 40px 45px; /* haut droite bas gauche */ }
#copyright{ width: 640px; text-align:center; margin:40px 0 0 0; }
#header { margin:0 auto; position:relative; width: 680px; height:780px; /* haut droite bas gauche */ }
#player { left:24px; top:285px; position:absolute; width: 640px;background-color: #18181b; }
#player div {width: 640px;}
h2 { font-size: 16px; margin: 32px 0 0 0; height:50px; width:300px; }
h2.photos{ background:url(../img/photos.jpg);}
h2.makingof{ background:url(../img/makingof.jpg);}
p { padding-bottom: 16px; }
hr.clear { display:block; clear:both; visibility:hidden; height:0; border-width:0; margin:0; padding:0; }
ul.thumbs li { width: 144px; height: 90px; float: left; margin:10px 21px 10px 0; }
.hide{ position:absolute; left:-5000px; }
p.copyright{ text-transform:uppercase; font-size:10px; color:#aaa; padding:0!important; margin:0; }

img { border: none; }

#credits{ overflow:hidden; max-width:685px; }
#credits img{ float:left; }
#flash{ position:absolute; left:30px; top:0; }

img { border: none; }
ul.gallery {  list-style: none; padding: 0; }
ul.gallery li { float: left; margin:10px 21px 10px 0; padding: 0; text-align: center; border: 0px solid #ccc;  display: inline; /*--Gimp Fix aka IE6 Fix--*/ }
ul.gallery li a.thumb { width: 134px; height: 92px; padding: 5px; cursor: pointer; }
ul.gallery li span { /*--Used to crop image--*/ width: 134px; height: 97px; overflow: hidden; display: block; }
ul.gallery li a.thumb:hover { background: #333; }
ul.gallery li a { text-decoration: none; color: #777; display: block; }

#credits{ overflow:hidden; max-width:685px; }
#credits img{ float:left; }
#flash{ position:absolute; left:30px; top:0; }


#nav { margin-top: 0px; }
#nav ul { margin-left: 100px;padding: 0; width: 440px; }
#nav ul li { display: inline-block; margin: 0 20px; padding: 7px 10px; }
#nav ul li a { display: block; padding: 7px 10px; border: 1px solid #fff; }
#nav ul li a:hover, #nav ul li a.video { border: 0; border: 1px solid #FF1D25; background: #FF1D25;}

#video { margin-top:30px;margin-bottom:30px;}
#video img { margin-left: 50px;padding: 0; width: 530px; }