/*CSS RESET*/ @import url("css_reset.css"); /*Stili Globali*/ body{font-size:12px; font-family:Arial, Helvetica, sans-serif;} a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#CC9933} h3{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#CC9933; padding:0; margin:0;} p{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#fff; line-height:1.2em;} h2{ text-indent:-9000px; margin:0; padding:0;} *:focus{outline:none;} /*----------------------------------------------------*/ /*Header*/ .linkHead{display:block;margin:0 auto;overflow:hidden;width:960px; height:233px;} .head{margin:0 auto; width:960px; height:233px; background:url(Immagini/head_a.jpg)} .head h1{ text-indent:-9000px; padding:0px;; margin:0px;} .menu{ margin:0 auto; width:960px; height:57px;} a.dnews{width:90px; height:57px; display:block; text-indent: -9000px;} a.dband{width:74px; height:57px; display:block; text-indent: -9000px;} a.ddates{width:80px; height:57px; display:block; text-indent: -9000px;} a.ddisco{width:155px; height:57px; display:block; text-indent: -9000px;} a.dgallery{width:95px; height:57px; display:block; text-indent: -9000px;} a.dmedia{width:83px; height:57px; display:block; text-indent: -9000px;} a.dreviews{width:102px; height:57px; display:block; text-indent: -9000px;} a.dshop{width:75px; height:57px; display:block; text-indent: -9000px;} a.dlink{width:76px; height:57px; display:block; text-indent: -9000px;} a.dcontacts{width:130px; height:57px; display:block; text-indent: -9000px;} .menu ul{ overflow:hidden; color:#fff;list-style:none; list-style-image:none; margin:0; padding:0;} .menu ul li.news{float:left; width:90px; height:57px; background:url(Immagini/news.jpg) top left;} .menu ul li.news:hover{background:url(Immagini/news.jpg) bottom left;} .menu ul li.band{float:left; width:74px; height:57px;background:url(Immagini/band.jpg) top left;} .menu ul li.band:hover{background:url(Immagini/band.jpg) bottom left;} .menu ul li.dates{float:left; width:80px; height:57px;background:url(Immagini/dates.jpg) top left;} .menu ul li.dates:hover{background:url(Immagini/dates.jpg) bottom left;} .menu ul li.disco{float:left; width:155px; height:57px;background:url(Immagini/disco.jpg) top left;} .menu ul li.disco:hover{background:url(Immagini/disco.jpg) bottom left;} .menu ul li.gallery{float:left; width:95px; height:57px;background:url(Immagini/gallery.jpg) top left;} .menu ul li.gallery:hover{background:url(Immagini/gallery.jpg) bottom left;} .menu ul li.media{float:left; width:83px; height:57px;background:url(Immagini/media.jpg) top left;} .menu ul li.media:hover{background:url(Immagini/media.jpg) bottom left;} .menu ul li.reviews{float:left; width:102px; height:57px;background:url(Immagini/rev.jpg) top left;} .menu ul li.reviews:hover{background:url(Immagini/rev.jpg) bottom left;} .menu ul li.shop{float:left; width:75px; height:57px;background:url(Immagini/shop.jpg) top left;} .menu ul li.shop:hover{background:url(Immagini/shop.jpg) bottom left;} .menu ul li.links{float:left; width:76px; height:57px;background:url(Immagini/links.jpg) top left;} .menu ul li.links:hover{background:url(Immagini/links.jpg) bottom left;} .menu ul li.contacts{float:left; width:130px; height:57px;background:url(Immagini/contacts.jpg) top left;} .menu ul li.contacts:hover{background:url(Immagini/contacts.jpg) bottom left;} /*----------------------------------------------------*/ .wrap{ overflow:hidden; margin: 10px auto; padding:0; width:960px; min-height:300px;} .sx{float:left; width:641px;} .dx{float:left; width:319px; background:url(Immagini/back_dx.jpg) top left repeat-y;} .sx h2{ background:url(Immagini/h2_block_news.jpg) top left no-repeat; width:244px; height:40px; margin:0; padding:0; text-indent:-9000px;} .dx_header{background:url(Immagini/header_dx.jpg) top left no-repeat; width:319px; height:22px; margin:0; padding:0; text-indent:-9000px;} .dx_footer{background:url(Immagini/footer_dx.jpg) top left no-repeat; width:319px; height:25px; margin:0; padding:0; text-indent:-9000px;} .footer{ background:url(Immagini/footer.jpg) no-repeat; height:130px; width:960px; margin: 0 auto;} .footer p{ text-indent:-9000px; padding:0; margin:0;} /* Blocco News*/ h2.news{ text-indent:-9000px; background: url(Immagini/h2_news.jpg) top left no-repeat; height:40px; width:120px; margin:0; padding:0;} .blockNews{ overflow:hidden; margin-bottom:10px;} .blockNews li.singleNews { background:url("Immagini/news_footer.jpg") no-repeat scroll center bottom transparent; margin:10px 10px 40px 20px; width:600px; padding-bottom:40px; clear:both; overflow:hidden; } .blockNews img.main{ display:block;margin:15px auto;clear:both;} .blockNews ul.newsGallery a{ display:block; float:left; border-top: 2px solid #000; border-bottom: 2px solid #000; } .blockNews ul.newsGallery a:hover{ border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; } .blockNews li h3 { float:left; } .singleNews ul li img { } span.news-title { display:table-cell; line-height:2.5em; margin:5px 0; } span.newsDate { color:#FFF; float:left; font-size:2.5em; margin-right:24px; } .blockNews p{margin-bottom:10px;} .header_news{ overflow:hidden; margin-left: 10px; } .footerNews{background:url(Immagini/news_footer.jpg) no-repeat top left; clear:both; height:37px; margin-left: 10px;} .news-date{ float:right; margin: 5px 0px 5px 0px;} .read_more{ float:right; display:block; width:93px; height:19px; background:url(Immagini/read_more_btt.jpg) top left; text-indent:-9000px; margin: 5px 0px 5px 0;} .read_more:hover{ background:url(Immagini/read_more_btt.jpg) bottom left;} /*----------------------------------------------------*/ /* Blocco LiveDates & Blocco Reviews */ .block-live-dates{margin-top: 10px; margin-left:19px; clear:both; overflow:hidden;} .block-live-dates h3{ text-indent: -9000px; background:url(Immagini/h3_dates.jpg) no-repeat top left; width:78px; height:35px; margin-left:-7px; } .block-live-dates ul, .block-reviews ul { margin:0 0 5px 22px; padding:0; overflow:hidden;} ul.blockLiveDates li, ul.blockReviews li { display:block; list-style-image:none; list-style-type:none; margin:10px 0; overflow:hidden; } p.date-livedates{ float: left; margin:0; padding:0 0 0 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width: 90px; } p.location-livedates{ float: left; margin:0 5px;padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;} a.link-livedates, a.linkReview{padding:0; font-size:14px; float:right; text-decoration:none} a.venue_link:hover, a.linkReview:hover{ text-decoration:underline} a.seeMore{ float:right; text-decoration:none; font-size:11px;} a.seeMore:hover{text-decoration:underline} .block-reviews{clear:both; margin-top:20px; margin-left:19px; overflow:hidden;} .block-reviews h3{ text-indent: -9000px; background:url(Immagini/h3_reviews.jpg) no-repeat top left; width:100px; height:35px; margin-left:-7px; margin-top: 10px; clear:both;} p.nameReview{ float: left; margin:0 5px 0 0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:150px;} p.voteReview{ float: left; margin:0;padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;} /*----------------------------------------------------*/ /* advertisement */ .block-advertisement{margin-left: 19px;} .block-advertisement h3 {margin:0; padding:0; text-indent: -9000px; display:none;} /*----------------------------------------------------*/ /* Blocco Player */ .block-player{margin-left:19px;} object.block-player{clear:both; float:left;} .block-player h3 {margin:0; padding:0; text-indent: -9000px;} /*----------------------------------------------------*/ /* Blocco Community */ .block-community{ clear:both; overflow:hidden; margin-left:19px;} .block-community h3{ text-indent: -9000px; background:url(Immagini/h3_community.jpg) no-repeat top left; width:137px; height:35px; margin-left:-7px; margin-top:20px; float:left;} .facebookMain{ background: url(Immagini/facebook.jpg) top left no-repeat; width:300px; height:63px; margin:0; padding:0; text-indent:-9000px; display:block; clear:both;} .facebookMain:hover{ background: url(Immagini/facebook.jpg) bottom left no-repeat;} .myspaceMain{ background: url(Immagini/myspace.jpg) top left no-repeat; width:300px; height:63px; margin:0; padding:0;text-indent:-9000px;display:block;} .myspaceMain:hover{background: url(Immagini/myspace.jpg) bottom left no-repeat;} .imeemMain{ background: url(Immagini/imeem.jpg) top left no-repeat; width:300px; height:63px; margin:0; padding:0;text-indent:-9000px;display:block;} .imeemMain:hover{background: url(Immagini/imeem.jpg) bottom left no-repeat;} .ilikeMain{ background: url(Immagini/ilike.jpg) top left no-repeat; width:300px; height:63px; margin:0; padding:0;text-indent:-9000px;display:block;} .ilikeMain:hover{background: url(Immagini/ilike.jpg) bottom left no-repeat;} .youtubeMain{ background: url(Immagini/youtube.jpg) top left no-repeat; width:300px; height:77px; margin:10px 0 0; padding:0;text-indent:-9000px;display:block;} .youtubeMain:hover{background: url(Immagini/youtube.jpg) bottom left no-repeat;} /*----------------------------------------------------*/ /* Pagina Contact */ h2.contacts{ text-indent:-9000px; background: url(Immagini/h2_contacts.jpg) top left no-repeat; height:40px; width:190px; margin:0; padding:0;} ul.contactsList{ margin:0 0 0 19px; padding:0;} ul.contactsList li{margin: 25px 0; list-style:none; list-style-image: none; list-style-type:none; color:#fff; font-size:18px; font-family: Arial, Helvetica, sans-serif;} ul.contactsList li a{ font-size:18px; text-decoration:none;} ul.contactsList li a:hover{ text-decoration:underline;} .descriptionContact{margin:5px 0 0; padding:0; font-size:12px;} /*----------------------------------------------------*/ /* Pagina links */ h2.links{ text-indent:-9000px; background: url(Immagini/h2_links.jpg) top left no-repeat; height:40px; width:190px; margin:0; padding:0;} h3.linkSection{margin:25px 0 10px 0; padding:0;} h3.recordCompanies{text-indent:-9000px; background: url(Immagini/h4_recordcompanies.jpg) top left no-repeat; height:35px; width:251px; } h3.flashbackCrew{text-indent:-9000px; background: url(Immagini/h4_crew.jpg) top left no-repeat; height:35px; width:250px;} h3.bands{text-indent:-9000px; background: url(Immagini/h4_bands.jpg) top left no-repeat; height:35px; width:251px;} h3.others{text-indent:-9000px; background: url(Immagini/h4_others.jpg) top left no-repeat; height:35px; width:250px;} ul.linkList{margin:0 0 0 19px; padding:0;} ul.linkList li{margin:8px 0; list-style:none; list-style-image: none; list-style-type:none; color:#fff; font-size:18px; font-family: Arial, Helvetica, sans-serif;} ul.linkList li a{ font-size:18px; text-decoration:none;} ul.linkList li a:hover{ text-decoration:underline;} /*----------------------------------------------------*/ /* Reviews & Dates */ .block-upcoming-dates, .block-past-dates{ overflow: hidden; margin:0 auto; padding:0; width:960px;} h2.reviews{ margin:0 0 20px 0; padding:0; width:209px; height:40px; text-indent:-9000px; background:url(Immagini/h2_reviews.jpg) no-repeat top left;} h2.live-dates{ margin:0; padding:0; width:209px; height:40px; text-indent:-9000px;background:url(Immagini/h2_live_dates.jpg) no-repeat top left;} .block-upcoming-dates h3{ margin:20px 0 10px 0; padding:0; width:220px; height:28px; text-indent:-9000px;background:url(Immagini/h3_upcoming_dates.jpg) no-repeat top left;} .block-past-dates h3{ margin:40px 0 10px 0; padding:0; width:249px; height:28px; text-indent:-9000px;background:url(Immagini/h3_past_dates.jpg) no-repeat top left;} table{ width: 960px; border-collapse: separate; font-family: Arial, Helvetica, sans-serif; color:#fff; margin: 10px 0 0 0;} thead{background-color:#333333; color:#FFFFFF; font-family:"Trebuchet MS"; font-size:12px; border:none; padding:0; margin:0;} thead th{ border-bottom: none; padding:0; margin:0; padding-left: 5px;} .odd{ background-color:#111;} .vote{ text-align:center;} tbody td{ padding-left: 5px;} tbody a{ text-decoration:none;} tbody a:hover{ text-decoration:underline;} /*----------------------------------------------------*/ /* Band */ h2.band{ margin:0 0 20px 0; padding:0; width:138px; height:40px; text-indent:-9000px; background:url(Immagini/h2_band.jpg) no-repeat top left;} p.bio{ width:940px; margin-left:19px;} h3.bandMember{text-indent:-9000px; background: url(Immagini/h3_bandMember.jpg) top left no-repeat; height:30px; width:209px; margin:20px 0 10px 0; padding:0;} ul.bandMemberList{margin:0; padding:0; margin-left:19px; overflow:hidden;} ul.bandMemberList li { list-style-type:none; list-style-image:none; list-style:none; float:left;} .alessio{ background: url(Immagini/alessio.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .alessio:hover{ background: url(Immagini/alessio.jpg) bottom left no-repeat;} .giulio{ background: url(Immagini/giulio.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .giulio:hover{ background: url(Immagini/giulio.jpg) bottom left no-repeat;} .matteo{ background: url(Immagini/matteo.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .matteo:hover{ background: url(Immagini/matteo.jpg) bottom left no-repeat;} .lollo{ background: url(Immagini/lollo.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .lollo:hover{ background: url(Immagini/lollo.jpg) bottom left no-repeat;} .francesco{ background: url(Immagini/francesco.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .francesco:hover{ background: url(Immagini/francesco.jpg) bottom left no-repeat;} .nello{ background: url(Immagini/antonio.jpg) top left no-repeat; height:186px; width:129px; display:block; text-indent:-9000px;} .nello:hover{ background: url(Immagini/antonio.jpg) bottom left no-repeat;} /*----------------------------------------------------*/ /* Band Members */ h2.antonio-sigismondi{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_antonio.jpg) no-repeat top left;} h2.matteo-bonini{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_matteo.jpg) no-repeat top left;} h2.alessio-gori{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_alessio.jpg) no-repeat top left;} h2.giulio-cercato{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_giulio.jpg) no-repeat top left;} h2.emanuele-giorgetti{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_lollo.jpg) no-repeat top left;} h2.francesco-masini{ margin:0 0 20px 0; padding:0; width:600px; height:40px; text-indent:-9000px; background:url(Immagini/h2_francesco.jpg) no-repeat top left;} .fieldImage { margin-left: 19px; float:left;} ul.memberInfo { margin:0; padding:0; margin-left: 19px; float:left; width:400px;} ul.memberInfo li { margin:0 0 10px 0; padding:0; list-style:none; list-style-image: none; list-style-type:none; color:#fff;} ul.memberInfo li span{ font-family: Arial, Helvetica, sans-serif; color:#CC9933; font-size:14px;} /*----------------------------------------------------*/ /* News full view */ h2.news{margin:0 0 20px 0; padding:0; width:150px; height:40px; text-indent:-9000px; background:url(Immagini/h2_news.jpg) top left no-repeat;} .margineFullView{margin-left:19px; margin-top:0px;} .imageNews a{margin: 0 19px; height:144px; display:block; float:left; border: solid 2px #000;} .imageNews a:hover{margin: 0 19px; border: solid 2px #cc9933;} .bodyNews {margin-left:19px; clear:both;} a.firstImage, a.firstImage:hover{margin:0 19px 0 0;} .bodyNews h3{clear:both; margin: 10px auto;} /*----------------------------------------------------*/ /* GALLERY */ h2.title{color:#CC9933;text-indent:0px;} h2.gallery{margin:0 0 20px 0; padding:0; width:180px; height:40px; text-indent:-9000px; background:url(Immagini/h2_gallery.jpg) top left no-repeat;} h3.galleryTitle{margin: 10px 0;} .listaGallerie{overflow:hidden} .listaGallerie li{overflow:hidden} .listaGallerie li a.linkGallery{margin:0; padding:0; border: solid 2px #000; overflow:hidden; height:150px; width:150px; display:block; float: left;} .listaGallerie li a.linkGallery:hover{margin:0; padding:0; border: solid 2px #cc9933; } .galleryInfo{color:#fff; float:left;} .galleryInfo ul {margin:0 10px;; padding:0; } .listaGallerie li ul.gallery-operations a{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#CC9933 } h3.description p{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#CC9933; padding:0; margin:0;} .tableGalleryImages td{ background-color:#000; text-align: center;} .tableGalleryImages td a{ display: block; width:150px; height:150px; border: solid 2px #000;} .tableGalleryImages td a:hover{border: solid 2px #cc9933;} /*----------------------------------------------------*/ /* Discography */ h2.discography{margin:0 0 20px 0; padding:0; width:260px; height:40px; text-indent:-9000px; background:url(Immagini/h2_discography.jpg) top left no-repeat;} .content{height:280px;width:390px;overflow:hidden;} .imageDisco{ background:url(Immagini/albumImage.jpg) no-repeat top left; width:560px; height:380px; float:left; text-indent:-9000px;} .discoInfo{float:left; color:#fff;} .discoInfo ul{margin:0; padding:0; overflow:hidden;} .discoInfo ul li{ margin: 0; padding: 0;} .discoInfo ol li{margin:10px 0; padding:0; list-style-type:upper-roman;} #tracksHeader{ background: url(Immagini/lyrics.jpg) no-repeat top left; width:390px; height:30px; display:block; text-indent:-9000px; margin-top:-7px;} #conceptHeader{background: url(Immagini/concept.jpg) no-repeat top left; width:390px; height:30px; display:block; text-indent:-9000px;} #creditsHeader{background: url(Immagini/credits.jpg) no-repeat top left; width:390px; height:30px; display:block; text-indent:-9000px;} /*----------------------------------------------------*/ /*Shop*/ .wrap .left {float:left; width:300px; overflow:hidden; } .wrap .right { float:left; color:#fff; width: 650px;} .wrap form.buyNow{margin: 30px 0 0 0; padding:0; float:right;}