/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 21/07/2009
 ********************/

  body { margin:0; font-size:75%; font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif; }
   
  /* reset */
  a { text-decoration:none; }
  img { border:0; }
  h1, h2, h3 { margin:0; padding:0; font-size:100%; }
  p, ul, li { margin:0; padding:0; list-style:none; }
  img { border:0; }
  form, input { margin:0; padding:0; line-height:1px; }
  
  table { border-collapse:collapse; border:0; }

/******************** 
 GLOBAL
 ********************/
  .clear { clear:both; height:1px; line-height:1px; }
  .left { float:left; }
  .right { float:right; }

/******************** 
 CONTAINER
 ********************/ 
 .container { width:868px; margin:auto; }
 #content .container {  }

  #banner .container h1 { float:left; }
  ul#menu { float:right; }

/******************** 
 BANNER
 ********************/
  #banner  { background-color:#2aa5f7; }
  #banner .container { height:71px; }
  
  #banner .container .logo { background:url(/images/logo.gif) no-repeat; float:left; margin-top:19px; }
  #banner .container .logo a { display:block;  width:186px; height:33px; text-indent:-5000px; outline:0 none; }

/******************** 
 MENU
 ********************/
   /* first */
  ul#menu li.release { border-left:1px solid #2aa5f7; }
 
  ul#menu { padding:3px 0; z-index:3; margin-top:19px; }
  ul#menu li { float:left; padding:4px 9px; border-top:1px solid #2aa5f7; border-right:1px solid #55b6f6; border-left:1px solid #55b6f6; margin-left:-1px; }
  ul#menu li.hover { border:1px solid #55b6f6; border-bottom:0; background-color:#333; }
  ul#menu li a { font:bold 1.4em Arial; color:#fff; outline:0 none; }

  /*search box*/
  ul#menu li.search { border-top:1px solid #2aa5f7 !important; border-right:1px solid #2aa5f7 !important; padding:5px 0 0 14px; background-color:#2aa5f7 !important;}  
  ul#menu li.search label { display:none; }
  ul#menu li.search input.search-box { float:left; display:block; width:124px; border:1px solid #fff; border-right:0; height:16px; font:0.9em Lucida Sans Unicode; color:#999; padding-left:2px; }
  ul#menu li.search input.icon { float:left; width:19px; height:18px; background:url(/images/icons/search.gif); border:0; text-indent:-5000px; cursor:pointer; }
  
  /*dimensions*/
  ul#menu li.release ul li { width:338px; }
  ul#menu li.festival ul li { width:265px; }
  ul#menu li.genre ul li { width:186px; }
  ul#menu li.stars ul li { width:119px; }
  ul#menu li.dudes ul li { width:58px; }
  
  /*submenu*/
  ul#menu ul { text-align:left; background-color:#2aa5f7; border:1px solid #55b6f6; border-bottom:0; margin-left:-1px; }
  ul#menu ul li { padding:0; margin:0; border:0; padding:3px 0 3px 10px; border-bottom:1px solid #55b6f6; }                                                 
  ul#menu ul li.hover { background-color:#55b6f6; border:0; border-bottom:1px solid #55b6f6; }
  ul#menu ul li a { font:1em Lucida Sans Unicode; }
  
  /* stars */
  ul#menu li.stars ul li { padding:0; width:129px; }
  ul#menu li.stars li a { text-indent:-5000px; display:block; height:22px; }

  ul#menu li.stars li a { background-image:url(/images/menu.stars.gif); }
  ul#menu li.stars li a:hover { background-image:url(/images/menu.stars.hover.gif); }

  ul#menu li.stars-five a { background-position:0 0; }
  ul#menu li.stars-four-and-a-half a { background-position:0 -22px; }
  ul#menu li.stars-four a { background-position:0 -44px; }
  ul#menu li.stars-three-and-a-half a { background-position:0 -66px; }
  ul#menu li.stars-three a { background-position:0 -88px; }
  ul#menu li.stars-two-and-a-half a { background-position:0 -110px; }
  ul#menu li.stars-two a { background-position:0 -132px; }
  ul#menu li.stars-one-and-a-half a { background-position:0 -154px; }
  ul#menu li.stars-one a { background-position:0 -176px; }
  ul#menu li.stars-half-a a { background-position:0 -198px; }
  
  /* dudes */
  ul#menu li.dude ul li { padding:0; width:68px; }
  ul#menu li.dude ul li a { text-indent:-5000px; display:block; width:68px; height:45px; background-repeat:no-repeat; }
  
  ul#menu li.dude li a { background-image:url(/images/menu.dude.gif); }
  ul#menu li.dude li a:hover { background-image:url(/images/menu.dude.hover.gif); }
  
  ul#menu li.dude-grey a { background-position:11px 0; }
  ul#menu li.dude-blue a { background-position:11px -45px; }
  ul#menu li.dude-red a { background-position:11px -90px; }
  ul#menu li.dude-purple a { background-position:11px -135px; }
  ul#menu li.dude-green a { background-position:11px -180px; }
  ul#menu li.dude-orange a { background-position:11px -225px; }
  ul#menu li.dude-pink a { background-position:11px -270px; }
  ul#menu li.dude-brown a { background-position:11px -315px; }
  ul#menu li.dude-yellow a { background-position:11px -360px; }
          
/******************** 
 JQUERY DROPDOWN
 ********************/
  ul#menu { position:relative; }
  ul#menu li.hover { position:relative; }
  
  ul#menu ul { visibility:hidden; position:absolute; top:100%; left:0; }
  ul#menu ul li { font-weight:normal; float:none; }
  
  /* IE 6 & 7 Needs Inline Block */
  ul#menu ul li a { width:100%; display:inline-block; } 
  ul#menu ul ul { left:100%; top:0; }
  ul#menu li:hover > ul { visibility: visible; }

/******************** 
 CONTENT
 ********************/
  #content { background-color:#fff; color:#333; }
  #content .container { padding:12px 0; }
  
  .index #content .container, 
  .review #content .container, 
  .search #content .container { padding:16px 0; }
  
  #content h1, #content h3 { font:bold 1.6em Arial; }
  .news { background-color:#fff; border:1px solid #e5e5e5; padding:10px 4px; }
  .news a { height:110px; margin:3px; }
  .news a.first { margin-left:8px; }
  
  /* sponsors */
  .sponsors { background-color:#fff; border:1px solid #e5e5e5; padding:10px 8px; }
  .sponsors img { float:left; margin-right:10px; }
  .sponsors p { margin-bottom:2px; }
  .sponsors a { color:#2589bb; }
  .sponsors a:hover { text-decoration:underline; }
  
  /* community */
  .community .box { padding:0; margin:0; }
  .community .box .film-info { float:right; width:282px; height:331px; background-color:#fff; border:1px solid #e5e5e5; margin:0; padding:4px 6px; }
  .community .box .film-info p { font-size:1.1em; margin-bottom:4px; }

  .community .box object { float:left;  }
  .community .box span.blue { color:#2589bb; }
  
  .community .ihad img { float:left; border:1px solid #e5e5e5; margin:0; }
  .community .ihad h3 { font-size:1.6em !important; margin-bottom:4px; }
  .community .ihad .film-info { float:right; width:580px !important; height:252px; margin:0; }
  
  
/* miff */
  .box .movember { padding:12px; background:url(http://static.movember.com/theme/2011/img/backgrounds/wood-surface.jpg); }
  .box .movember a.h { padding:8px; background:#fff url(http://static.movember.com/uploads/images/Home/logo_movember_en.png) 8px 8px no-repeat; display:block; width:194px; height:51px; text-indent:-5000px; margin-bottom:10px; }
  .box .festival-dude { padding:8px; background-color:#fff; }
  .box .festival-dude p { font-size:1.1em; margin-bottom:4px; }
  .box .festival-dude a { color:#2589bb; margin-top:2px; } 
  .box .festival-dude a:hover { text-decoration:underline; } 
  
  .box .festival-dude img { float:left; margin-right:12px; }

/******************** 
 SLIDER
 ********************/
	div#feature_list { width:860px; height:232px; overflow:hidden; position:relative; background-color:#f3f3f3; }
	div#feature_list ul { position:absolute; top:0; }
  
  /* tabs */
	ul#tabs { left:0; z-index:2; border-top:1px solid #e5e5e5; }
	ul#tabs li { width:359px; background-color:#fff; border-bottom:1px solid #e5e5e5; }
	
	ul#tabs li a { text-decoration:none; display:block; outline:none; color:#333; font:bold 1.3em Arial; height:20px; padding:7px 8px 5px 7px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
	ul#tabs li img { float:right; margin-top:-2px; }
	ul#tabs li img.white { display:none; }

	ul#tabs li a:hover { text-decoration:underline; }
	ul#tabs li a.current { background-color:#333; color:#fff !important; border-right:1px solid #333; border-left:1px solid #333; }
	ul#tabs li a.current:hover { text-decoration:none; cursor:default; }
	
	ul#tabs li a.current img.white { display:block; }
	ul#tabs li a.current img.colour { display:none; }
	ul#tabs li .half { padding-right:3px; }

  /* output */
	ul#output { right:0; width:500px; height:230px;	position:relative; border:1px solid #e5e5e5; border-left:0; }
	ul#output li { position:absolute; width:500px; height:230px; }
	
	ul#output li a { color:#333; width:458px; position:absolute; bottom:10px; right:10px; padding:6px 10px; text-decoration:none; background:url(/images/transparent.png); border:1px solid #e5e5e5;  }
	ul#output li a span { color:#2589bb; }
  ul#output li a:hover span { text-decoration:underline; }
	

/******************** 
 PAGINATION
 ********************/  
  .pagination { width:860px; padding:4px; background-color:#f3f3f3; } 
  .pagination ul { margin:auto; }
  .pagination li { float:left; text-align:center; font-size:0.9em; color:#d8d8d8; padding:0 2px; }
  
  .pagination li a { display:block; color:#969696; }  
  .pagination li a:hover { text-decoration:underline; }
  
  .pagination li.active {  }
  
  ul.sort { float:left; margin-left:5px; }
  ul.pages { float:right; margin-right:5px; }
  
  ul.sort li { color:#b7b7b7; }
  ul.sort li.active { font-weight:bold; }
  ul.pages li.active { font-weight:bold; color:#969696; font-size:1em; margin-top:-1px; }
  
  .top { margin-bottom:12px; }
  .bottom { margin-top:12px; }

/******************** 
 REVIEWS
 ********************/
  .hreview { width:860px; padding:4px; background-color:#f3f3f3; margin-bottom:12px; }
  .ritem, .film-info { width:727px; }
  
  /*film*/
  .hreview img.photo { float:left; display:block; width:125px; margin-right:4px; border:1px solid #e5e5e5; }
  .hreview a { color:#2589bb; }
  .hreview a:hover { text-decoration:underline; }
  
  .hreview .reviewer, .hreview .rating { text-indent:-5000px; }
  /* abbr */
  .hreview abbr { text-decoration:none; border:0; padding:0; margin:0; }
  .hreview a.stars:hover { text-decoration:none; }
  
  /*review*/
  .ritem { min-height:153px; height:auto !important; height:153px; }
  .ritem { float:right; background-color:#fff; border:1px solid #e5e5e5; } 
  
  h1.name, h3.name { float:left; }
  p.summary, p.description { text-align:justify; line-height:135%; }    

  h1.name, h3.name { margin:5px 8px 3px 0; }
  p.summary { width:590px; padding-bottom:4px; }
  p.description { width:584px; }

  h1.name, h3.name, p.summary, p.description { padding-left:6px; }

  p.summary, p.description { float:left; }  
  a.dude { float:right; margin:22px 14px 0 0; }
  
  /* stars */
  a.stars { float:left; }
  a.stars img { margin-top:5px; }

  /*info*/
  .film-info { display:block; float:left; height:24px; font-size:11px; margin-top:2px; }
  .film-info li { float:left; line-height:2.1em; padding-left:5px; margin-right:4px; } 
  
  .film-info li.open { float:right; margin:2px 4px 0 0; } 
  .film-info li.close { float:right; margin:2px 4px 0 0; }

/******************** 
 LIST VIEW
 ********************/
  
  .box { background-color:#f3f3f3; margin-bottom:12px; } 
  .box h3 { padding:1px 2px; font-size:1.4em !important; }
  
  .box { width:860px; padding:4px; }
  .film-list { width:858px; }
  
  /*list*/
  .film-list { background-color:#fff; border:1px solid #e5e5e5; font-size:0.9em; }
  .film-list .column { width:286px; float:left; background:url(/images/dots.gif) right repeat-y; padding:2px 0; }
  .film-list .review { height:16px; padding:1px 6px;  }

  .film-list a { color:#333; float:left; }
  .film-list a:hover { text-decoration:underline; }
  
  .film-list img { padding-top:3px; float:right; }
  .film-list img.half { padding-right:2px; }

  div.last { background:none !important; margin-right:0 !important; }
  div.last .review { margin-right:0 !important; }
  
  /* festival */
  .film-list .festival { width:560px; background:#000 url(/images/sponsors/french-film-festival-2011.jpg) top right no-repeat !important; padding:4px 6px; }
  .film-list .festival p { color:#fff; }
  .film-list p.first { padding-right:212px; }

/******************** 
 LIST VIEW HEADGINGS
 ********************/
 
  /* headings */
  .stars .box h3 { background-repeat:no-repeat; background-position:2px 2px; text-indent:-5000px; }
  .stars .box h3 { height:22px; background-image:url(/images/list.stars.gif); }
  
  .stars h3.five { width:112px; }
  .stars h3.four-and-a-half { width:101px; }
  .stars h3.four { width:90px; }
  .stars h3.three-and-a-half { width:77px; }
  .stars h3.three { width:67px;  }
  .stars h3.two-and-a-half { width:54px; }
  .stars h3.two { width:44px; }
  .stars h3.one-and-a-half { width:31px; }
  .stars h3.one { width:21px; }
  .stars h3.half-a { width:8px; }
  
  /* dude */
  .dude .box h3 { text-indent:-5000px; background-image:url(/images/list.dude.gif); background-repeat:no-repeat; height:50px; padding:0; margin-bottom:3px; }
  
  .dude h3.grey { background-position:2px 0; }
  .dude h3.blue { background-position:2px -50px; }
  .dude h3.red { background-position:2px -100px; }
  .dude h3.purple { background-position:2px -150px; }
  .dude h3.green { background-position:2px -200px; }
  .dude h3.pink { background-position:2px -250px; }
  .dude h3.orange { background-position:2px -300px; }
  .dude h3.brown { background-position:2px -350px; }
  .dude h3.yellow { background-position:2px -400px; }
    
  /* exceptions */
  .debug { text-indent:9px; background-color:#fed6d6; padding:2px; font-size:0.8em; color:#fc3b3b; border-bottom:1px solid #fc3b3b; }
  
/******************** 
 DUDES
 ********************/  
  a.dude { background-repeat:no-repeat; width:110px; height:110px; } 
  
  /* colours */
  a.grey { background-image:url(/images/dude/grey.gif); }
  a.blue { background-image:url(/images/dude/blue.gif); }
  a.red { background-image:url(/images/dude/red.gif); }
  a.purple { background-image:url(/images/dude/purple.gif); }
  a.pink { background-image:url(/images/dude/pink.gif); }
  a.green { background-image:url(/images/dude/green.gif); }
  a.orange { background-image:url(/images/dude/orange.gif); }
  a.brown { background-image:url(/images/dude/brown.gif); }
  a.yellow { background-image:url(/images/dude/yellow.gif); }
  
  /* stars */
  a.five { background-position:0 0; }
  a.four { background-position:-110px 0; }
  a.three { background-position:-220px 0; }
  a.two { background-position:-330px 0; }
  a.one { background-position:-440px 0; }
  
  /* 3d */
  a.five-3d { background-position:0 -110px; }
  a.four-3d { background-position:-110px -110px; }
  a.three-3d { background-position:-220px -110px; }
  a.two-3d { background-position:-330px -110px; }
  a.one-3d { background-position:-440px -110px; }  

/******************** 
 FOOTER
 ********************/
  #footer { background-color:#2f2f2f; }
  #footer .container { color:#fff; height:31px; }
  
  #footer ul.menu-footer { display:block; float:left; height:31px; margin:0; padding:0; list-style:none; margin-left:4px; }
  
  #footer li { float:left; margin-top:6px; }
  #footer li a { color:#fff; margin-right:9px; }
  #footer li a:hover { color:#919191; }

  #footer ul.social { float:right; margin-left:8px; margin-right:4px; }
  #footer ul.social a { margin-left:4px; padding-left:18px; background-position:0 2px; background-repeat:no-repeat; } 
       
  #footer li a.rss { background-image:url(/images/icons/rss.gif); }
  #footer li a.facebook { background-image:url(/images/icons/facebook.gif); }
  #footer li a.twitter { background-image:url(/images/icons/twitter.gif); margin-left:2px; margin-right:0; }
      
  #footer p.copyright { float:right; margin:0; margin-top:6px;  }


/******************** 
 STICKY FOOTER
 ********************/
  * { margin:0; padding:0; } 
  html, body, #wrap { height:100%;}
  body > #wrap { height: auto; min-height: 100%;}
  #main { padding-bottom:31px; }  /* must be same height as the footer */
  
  #footer { position:relative; margin-top:-32px; /* negative value of footer height */ height:31px; clear:both; } 

  /* CLEAR FIX*/
  .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
  .clearfix { display:inline-block; }
  /* Hides from IE-mac \*/
  * html .clearfix { height:1%; }
  .clearfix { display:block; }
  /* End hide from IE-mac */