/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
BODY {margin:0; padding:0; text-align:center;  font-family:Arial, Helvetica, sans-serif; font-size:11px; }
BODY#index {background: url(img/splash-charlie.jpg) no-repeat 50% 0px;}
BODY#festival {background: url(img/splash-mifune.jpg) no-repeat 50% 0px;}
BODY#archivio {background: url(img/splash-fonda.jpg) no-repeat 50% 0px;}
BODY#links {background: url(img/splash-mifune.jpg) no-repeat 50% 0px;}
BODY#contatti {background: url(img/splash-kelly.jpg) no-repeat 50% 0px;}
HTML {background:#F5F5E7 url(img/html-fondo.gif) repeat-x top;}

H1, H2, H3, H4, H5, H6 {font-family:Georgia, "Times New Roman", Times, serif;}


H2 {color:#e00104; font-size:20px; margin:0 0 10px 0; padding:0;}
H3 {color:#575750; font-size:16px; margin:0 0 10px 0; padding:0;}
P {margin:0; padding:0;}
P.meta {font-size:10px; text-transform:uppercase; color:#666; margin-top:-1em;}
A IMG {border:none;}
TD {vertical-align:top;}

A {color:#c00; text-decoration:none;}
A:hover {text-decoration:underline;}

/* STRUTTURA
----------------------------------------------- */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#mainwrap {padding-bottom: 94px;}  /* must be same height as the footer */

#wrap {width:960px; margin:0 auto; text-align:left; position:relative; }
#head {}
#nav {background:#efe;}
#splash {width:960px; height:195px; clear:both;}
#main {margin:20px 0 0 0;}
#sx {width:720px; float:left;}
#dx {width:239px; float:left;}
#footer {clear:both; padding:0px 0 0 0; height:94px; width:960px; margin:0 auto; position: relative; margin-top: -94px;}

/* HEAD
----------------------------------------------- */
#head {padding:42px 0 0px 0; }
#head H1 {margin:0; padding:00px 0 0px 0; width:960px; height:50px; background:url(img/logo-mff.gif) no-repeat 0 0;}
#linkhome {text-indent:-1000em; display:block; width:400px; height:50px; outline:none;}

/* NAV
----------------------------------------------- */
#nav UL, #nav UL LI {margin:0; padding:0; list-style-type:none;}
#subnav UL, #subnav UL LI {margin:0; padding:0; list-style-type:none;}
#subarchivio UL, #subarchivio UL LI {margin:0; padding:0; list-style-type:none;}
#nav {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; }
#nav UL {width:100%;  float:left; } 
#nav UL LI {float:left;}
#nav UL LI A {display:block; width:133px; padding:23px 0 6px 10px; color:#000; vertical-align:bottom; text-decoration:none;}
#nav UL LI A:hover {color:#e00104;}

UL#subnav {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; position:absolute; top:136px; left:143px; z-index:999;}
UL#subnav  {width:200px; float:none; line-height:1.5em; padding:4px 0 6px 0; background:#222;}  
UL#subnav LI {float:none;}
UL#subnav LI A {display:inline; padding:0px 0px 6px 10px; color:#eee; vertical-align:bottom; text-decoration:none;}
UL#subnav LI A:hover {color:#e00104;}

UL#subarchivio {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; position:absolute; top:136px; left:286px; z-index:999;}
UL#subarchivio  {width:200px; float:none; line-height:1.5em; padding:4px 0 6px 0; background:#222;}  
UL#subarchivio LI {float:none;}
UL#subarchivio LI A {display:inline; padding:0px 0px 6px 10px; color:#eee; vertical-align:bottom; text-decoration:none;}
UL#subarchivio LI A:hover {color:#e00104;}



/* SPLASH
----------------------------------------------- */
#linkmfstudio {position:absolute; top:270px; right:20px; width:87px; height:39px;}
#titolosbord {position:absolute; top:270px; left:0px; }
#linkdownload {}
#linkdownload:hover {text-decoration:none; color:#000}
* html #titolosbord {}

#splash P A {position:absolute; top:325px; right:456px; background:#e30000; color:#fff; text-transform:uppercase; padding:4px 20px;}
#splash P A:hover {text-decoration:none; color:#000}

/* INDEX
----------------------------------------------- */
/*#index #splash { height:207px; border-bottom:7px solid #e30000;  }
#index #splash {background:url(img/splash-edizione2009.gif) no-repeat left bottom;}
#index #head H1 {background:url(img/logo-mmf.gif) no-repeat 0 0;}
BODY#index {background: url(img/body-fondo.jpg) no-repeat 87% 0%;}*/


/* CONTENT
----------------------------------------------- */
#main P {margin:0 0 1em 0;}
#main UL {margin:1em 0; padding:0;}
#main UL LI {list-style-position:inside;}

#story-index {margin:0px 0 0 0;}
.mainstory {width:340px; padding:0 10px;  }
.shorts {width:340px; padding:5px 10px 0 10px;  }

IMG.imgfull {border-bottom:5px solid #E30000; margin:0 0 1em 0;}
IMG.alignleft {border-bottom:5px solid #E30000; float:left; margin:0 10px 1em 0;}
IMG.alignright {border-bottom:5px solid #E30000; float:right; margin:0 0 1em 5px;}

UL.linklist {}
UL.linklist LI {margin:0 0 2px 0; list-style-type:none;}
UL.linklist A {background:#000; color:#fff; text-decoration:none; display:block; text-transform:uppercase; font-size:10px; padding:4px 0 4px 4px;}
* html UL.linklist A {height:1%;}
UL.linklist A:hover {background:#e30000;}

UL.listaloghi {list-style-type:none;}
UL.listaloghi LI {list-style-type:none; text-align:center; padding:5px;}


/* FOOTER
----------------------------------------------- */
#footer {background:url(img/footer-fondo.gif) no-repeat 0 0; } 
#mfstudio {float:left;  padding:15px 0 0 20px; text-align:left;}
#credits {float:right;  padding:15px 100px 0 0; text-align:right;}
#footer P { font-size:11px;}
#footer A {font-weight:bold; color:#333; text-decoration:none;}
#footer A:hover {color:#c00;}

/* UTILITY
----------------------------------------------- */
.clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}