@CHARSET "UTF-8"; /* Main CSS Document */ * { font: 12px Arial, sans-serif; margin:0; padding:0; color:#818181; } *:link, *:hover, *:active, *:focus { } object:focus { outline:none; } body { background-color:#e4f2fd; margin: 20px 0; text-align:center;} iframe{ overflow:hidden!important;} a:link, a:hover, a:active, a:visited { color:#f7941d; text-decoration:none; } a:hover { text-decoration:none; } h1, h2, h3, h4, h5, h6 { } h1, h1 a { font-size:22px; } h2, h2 a { font-size:16px; } h3, h3 a { font-size:14px; } h4, h4 a { font-size:12px; } h5, h5 a { font-size:11px; } h6, h6 a { font-size:10px; } img { border:none; } ul, ol, dl { list-style:none; } li.last{ border:none!important;} form, fieldset, input, select { border:none; } /* image replacement */ button span, .imgReplace { display:block; width:0; height:0; line-height:0; overflow:hidden; clip:rect(0,0,0,0); } /* pulisci riga */ .clear { clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden; } /* griglia */ /* #pageWrapper { width:960px; margin:0 auto; height:570px; position:absolute; top:50%; left:50%; margin:-285px 0 0 -480px; } */ #pageWrapper { width:960px; margin:0 auto; position:relative; } #pageWrapper h1{ position:absolute; top:0; left:-6px;z-index:999;} #pageWrapper #disco {position:absolute; top:-8px; right:6px;z-index:999;} #header { width:833px; margin:0 auto; height:73px; background:url(../img/bg/bg_header.gif) no-repeat 0 0; } #header #menu { float:left; position:relative; left:92px; top:20px;z-index:999; } #header #menu li{ float:left; position:relative; } #header #menu li .note { position:absolute; top:-3px; left:53%; margin-left:-5px;} #header #menu li a { background:url(../img/bg/menu_en.gif) no-repeat; float:left; height:36px; display:block; } #header #menu li a.current { margin-top:20px;} #header #menu li.progetto a { background-position: 0 0; width:100px; } #header #menu li.progetto a:hover, #header #menu li.progetto a.current { background-position:0 -35px;} #header #menu li.fotografo a { background-position: -99px 0; width:165px; } #header #menu li.fotografo a:hover, #header #menu li.fotografo a.current{ background-position:-99px -35px;} #header #menu li.fotografie a { background-position: -270px 0; width:85px; } #header #menu li.fotografie a:hover, #header #menu li.fotografie a.current{ background-position:-270px -35px;} #header #menu li.antony a { background-position: -357px 0; width:188px; } #header #menu li.antony a:hover, #header #menu li.antony a.current{ background-position:-357px -35px;} #header #menu li.adv a { background-position: -553px 0; width:111px; } #header #menu li.adv a:hover, #header #menu li.adv a.current{ background-position:-553px -35px;} #pageWrapper .content { width:833px; height:444px; margin:0 auto; position:relative; z-index:99;background:url(../img/bg/bg_generic_content.png) no-repeat 0 0;} #pageWrapper .content p { margin:0 auto 20px; width:450px; text-align:left;} #pageWrapper .content p span { color:#01aad3; } #pageWrapper .content p span.credits { color:#f7941d; font-size:11px;width:420px; display:block;} #pageWrapper .content p span.credits strong{color:#f7941d; font-size:11px; font-weight:bolder;} #pageWrapper .content #pager {position:absolute; bottom:24px; left:47%;} #pageWrapper .content #pager .successivo, #pageWrapper .content #pager .precedente { float:left;padding:0 3px;} #pageWrapper .content #pager ul { float:left; position:relative; top:1px;} #pageWrapper .content #pager li { display:inline; border-right:1px solid #01aad3; padding:0 7px; } #pageWrapper .content #pager li a { color:#01aad3; font-weight:bold; } #pageWrapper .content #pager li span { color:#ee7f01; font-weight:bold; } #footer {width:953px; height:92px; background: url(../img/bg/bg_footer.jpg) no-repeat 0 0; margin:0 auto 0; position:relative;top:-39px; z-index:9; left:-4px; } #footer span.music { left:205px; bottom:13px; font-size:11px; display:block; position:absolute; color:#fff; } #footer span.music a{ position:static; color:#fff;font-size:9px; letter-spacing:4px;position:relative;top:-1px;} #footer span.music span {font-size:9px; letter-spacing:4px; color:#5fbad0;position:relative;top:-1px; left:5px;} #footer a { position:absolute; bottom:16px; } #footer a.press { left:47%; } #footer a.credits { right:150px; } #footer a.logoLavazza { right:17px; } #dicitura { margin-top:-30px;} /*############## Progetto ############*/ #progetto.content {background:url(../img/bg/bg_home.png) no-repeat 0 0;} #progetto2.content {background:url(../img/bg/bg_home_pag2.png) no-repeat 0 0;} /*############## Fotografo ############*/ #fotografo.content {padding-top:50px;height:393px; background:url(../img/bg/bg_fotografo.jpg) no-repeat 0 0;} #fotografo.content p { float:right; width:447px; margin:5px 40px 5px 0; display:inline;} #fotografo.content #pager {left:50%;} #fotografo.content #intervista{position:absolute; bottom:0; left:30px;} #fotografo.content #intervista span{color:#F7941D; position:relative; top:-15px;} #fotografo.content #backstage{position:absolute; bottom:5px; right:10px; width:223px; height:135px;} #fotografo.content #backstage li { display:block; border-right:2px solid #f7941d; float:left; padding: 0 5px; top:110px; left:55px; position:relative; } #fotografo.content #backstage a { float:left;} /*############## Fotografie ############*/ #fotografie.content {background:url(../img/bg/bg_fotografie.jpg) no-repeat 0 0;} #fotografie.content #fotografie{ position:absolute;right:10px;top:62%;} /*############## Antony ############*/ #antonyHP.content {background:url(../img/bg/bg_antony_hp_en.jpg) no-repeat 0 0;} #orchestraAntony {left:655px;position:absolute;top:130px; z-index:999;} #scaricaAntony { left:165px;position:absolute;top:100px;z-index:999;} #artistaAntony { left:510px;position:absolute;top:355px;z-index:999;} #antonyBrano.content {background:url(../img/bg/bg_antony_brano_en.jpg) no-repeat 0 0; width:863px;} #antonyBrano.content #bio { position:absolute;bottom:45px!important; bottom:40px; left:229px;} #antonyBrano.content .colonna {height:395px;float:right; display:inline; margin:10px 28px 0 0;width:430px; position:relative;} #antonyBrano.content .colonna p { width:400px;margin:0 auto 12px;} #antonyBrano.content .colonna #title { margin-bottom:20px;} #antonyBrano.content .colonna #ascolta { position:absolute; bottom:28px; left:0;} #antonyBrano.content .colonna #scarica { position:absolute; bottom:28px; right:0;} #antonyBrano.content .colonna #scarica a { float:left;} #antonyBrano.content .colonna #indietro { position:absolute; bottom:5px;left:35%;} #antonyBrano.content #credits { position:absolute; bottom:9px;left:45%;} #antonyBio.content {background:url(../img/bg/bg_antony_bio.jpg) no-repeat 5px 0;height:443px;} #antonyBio.content .bio {height:310px;float:right; margin:95px 28px 0 0; width:510px; display:inline; position:relative;} #antonyBio.content .bio p { width:480px; color:#015a72;} #antonyBio.content #indietro { position:absolute; bottom:8px;left:40%;} #antonyBio.content #www { position:absolute; bottom:8px;left:68%} #antonyOrchestra.content {background:url(../img/bg/bg_antony_orchestra_en.jpg) no-repeat 0 0; } #antonyOrchestra.content #bio { position:absolute;bottom:45px!important; bottom:40px; left:229px; overflow-y:auto;} #antonyOrchestra.content #cast { left:72px;position:absolute;top:222px;width:275px; } #antonyOrchestra.content #cast li{color:#015a72; float:left; clear:both; text-align:left; font-size:11px;width:275px} #antonyOrchestra.content #cast li strong{color:#015a72; font-weight:bolder; font-size:11px;} #antonyOrchestra.content .colonna {height:395px;float:right; display:inline; margin:48px 38px 0 0;width:430px; position:relative;} #antonyOrchestra.content .colonna p { width:390px;} #antonyOrchestra.content .colonna #indietro { position:absolute; bottom:8px;right:0;} #loginDialog {left:22px;position:absolute;top:2px;z-index:9999;} /*############## ADV ############*/ #adv.content {background:url(../img/bg/bg_adv.jpg) no-repeat 0 0;} #adv.content #spot{ position:absolute; top:95px; left:30px;} #adv.content #billboard{ position:absolute; top:95px; right:30px;} /*############## Press ############*/ #pressLogin.content {background:url(../img/bg/bg_press_en.jpg) no-repeat 0 0;} #pressLogin.content input { position:absolute;padding:15px;position:absolute;width:387px;font-size:16px; background:none;} #pressLogin.content #nick { left:306px; top:80px;} #pressLogin.content #pwd { left:306px;top:180px;} #pressLogin.content button{ background:none; border:0; position:absolute; bottom:168px;left:46%; cursor:pointer;} #pressLogin.content button img{ float:left;} #pressLogin.content #accredito { position:absolute; bottom:70px;left:440px;} #press.content {background:url(../img/bg/bg_generic_content.jpg) no-repeat 0 0; } #press.content #fileList{ width:550px; height:300px; position:absolute; left:160px; top:50px; text-align:left; overflow:auto; padding-bottom:50px;} #press.content #fileList ul { display:inline;} #press.content #fileList li { clear:both; width:500px; float:left;margin:0 0 40px } #press.content #fileList li a { font-weight:bold;} #press.content #fileList li a img {float:left; border:2px solid #F7941D; margin-right:10px; } #press.content #fileList li p { width:auto;} #richiesta {position:relative;width:581px; height:450px; background:url(../img/bg/bg_accredito.jpg);} #richiesta ul{ position:absolute; top:130px; left:100px;} #richiesta li { float:left; clear:both; margin-bottom:20px; width:400px;} #richiesta li label{ width:145px; text-align:right; float:left; padding-right:10px;padding-top:2px;} #richiesta li input { float:left; border:1px solid #ac5c00; } #richiesta button { border:0; background:none; position:absolute; top:360px; left:220px;} #richiesta button img{ float:left;} /*############## Credits ############*/ #credits1230 {padding: 20px 40px 40px 40px;width: 220px;height: 50px;background: #fff;color:#000; overflow: hidden;} #credits p {margin: 0 0 7px 0; padding: 0;}