/***** BELTRAMI STYLE ****/ /* Giovanni Bellocchio - 2006 */ /* www.webzilla.it */ /* IMPOSTAZIONI GENERALI ----------------------------------------------- */ HTML {background:#51402D url(img/body-pattern.gif) repeat 50% 0;} BODY {background:url(img/body-ombra.gif) repeat-y 50% 0; margin:0; padding:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #574129; } P, UL, LI, OL, DL, DD, DT, DIV {margin:0; padding:0; list-style:none;} A IMG {border:0;} A {color:#fff; text-decoration:none;} A:hover {text-decoration:underline;} /* LAYOUT ----------------------------------------------- */ #wrap {margin:0 auto; width:750px; background:url(img/main-fondo.gif) repeat-y;} /* HEADER ----------------------------------------------- */ #splash {background:#73593D;} #main { border-left:25px solid #987B56;border-right:25px solid #987B56;} #sidebar {width:312px; float:left; padding-bottom:450px;} #content {background:#8A745B url(img/content-fondo.gif) repeat-y 0 0; padding:50px 10px 10px 322px; text-align:left; } /* NAVIGATION ----------------------------------------------- */ #nav {height:79px;padding-left:307px;} * html #nav {padding-left:300px;} #nav UL LI {float:left; background:#7F8075; margin-left:7px; } #nav UL LI A {display:block; width:54px; height:57px; text-align:left; color:#fff; font-size:11px; text-decoration:none;text-indent:-1000px;} #nav UL LI#navbio {margin-left:6px;} #nav UL LI#navbio A {background:url(img/nav-bio.gif) no-repeat 0 0; } #nav UL LI#navevents A {background:url(img/nav-events.gif) no-repeat 0 0; } #nav UL LI#navprojects A {background:url(img/nav-project.gif) no-repeat 0 0; } #nav UL LI#navmusic A {background:url(img/nav-music.gif) no-repeat 0 0; } #nav UL LI#navgallery A {background:url(img/nav-gallery.gif) no-repeat 0 0; } #nav UL LI#navpress A {background:url(img/nav-press.gif) no-repeat 0 0; } #nav UL LI#navbio A:hover {background:url(img/nav-bio.gif) no-repeat 0 -57px; } #nav UL LI#navevents A:hover {background:url(img/nav-events.gif) no-repeat 0 -57px; } #nav UL LI#navprojects A:hover {background:url(img/nav-project.gif) no-repeat 0 -57px; } #nav UL LI#navmusic A:hover {background:url(img/nav-music.gif) no-repeat 0 -57px; } #nav UL LI#navgallery A:hover {background:url(img/nav-gallery.gif) no-repeat 0 -57px; } #nav UL LI#navpress A:hover {background:url(img/nav-press.gif) no-repeat 0 -57px; } #nav UL LI#navhome A {background:url(img/nav-home.gif) no-repeat 0 0; width:23px; height:79px; } #nav UL LI#navlingua {margin-left:0;} #nav UL LI#navlingua A {background:url(img/nav-eng.gif) no-repeat 0 0; width:23px; margin-left:0;} #nav UL LI#navlingua A:hover {background:url(img/nav-eng.gif) no-repeat 0 -57px; } #nav UL LI#it-navlingua {margin-left:0;} #nav UL LI#it-navlingua A {background:url(img/nav-ita.gif) no-repeat 0 0; width:23px; margin-left:0;} #nav UL LI#it-navlingua A:hover {background:url(img/nav-ita.gif) no-repeat 0 -57px; } /* SIDEBAR ----------------------------------------------- */ #sidebar H1 {font-size:14px;} #sidebar P { text-align:left; } #home #sidebar {background:#6F5940 url(img/sidebar-fondo.gif) no-repeat 0 0;} #events #sidebar {background:#6F5940 url(img/sidebar-events.gif) no-repeat 0 0;} #gallery #sidebar {background:#6F5940 url(img/sidebar-gallery.gif) no-repeat 0 0;} #bio #sidebar {background:#6F5940 url(img/sidebar-bio.gif) no-repeat 0 0;} #projects #sidebar {background:#6F5940 url(img/sidebar-projects.gif) no-repeat 0 0;} #music #sidebar {background:#6F5940 url(img/sidebar-music.gif) no-repeat 0 0;} #press #sidebar {background:#6F5940 url(img/sidebar-press.gif) no-repeat 0 0;} #home #nav {background: url(img/sidebar-fondo-top.gif) no-repeat 26px 0;} #events #nav {background: url(img/sidebar-events-top.gif) no-repeat 25px 0;} #gallery #nav {background: url(img/sidebar-gallery-top.gif) no-repeat 25px 0;} #bio #nav {background: url(img/sidebar-bio-top.gif) no-repeat 25px 0;} #projects #nav {background: url(img/sidebar-projects-top.gif) no-repeat 25px 0;} #music #nav {background: url(img/sidebar-music-top.gif) no-repeat 25px 0;} #press #nav {background: url(img/sidebar-press-top.gif) no-repeat 25px 0;} /* CONTENT ----------------------------------------------- */ #home #content {padding-top:20px;} #content P.contact {background:#A69075; text-align:right; padding:2px; font-size:10px;margin-bottom:30px;} #content H1 { font-size:18px; color:#7A1515; font-family: "Times New Roman", Times, serif; font-weight: bold; } #content H2 {font-size:12px; margin:0; padding:0;} #content H3 {font-size:12px; margin:0 0 0 0; padding:0;} #content H3 A {color:#574129;} #content P {font-size:12px; margin-bottom:1em;} #content P.meta {font-size:10px; margin-bottom:40px; padding:1em 0 1em 0; border-bottom:1px dotted #574129;} #content P.linkarchivio A {font-size:14px; color:#530E0E; font-weight:bold; } /* CONTENT:EVENTS ----------------------------------------------- */ .eventspost {background:url(img/events-post.gif) no-repeat 0 0; padding:15px 50px 15px 20px; margin-left:30px; margin-bottom:20px;} #content .eventspost H3 {background:url(img/spot-freccina.gif) no-repeat 0 50%; padding-left:10px; font-size:14px; color:#D4BEA2;} #content .eventspost H2 {background:url(img/spot-tondo.gif) no-repeat 0 50%; padding-left:11px;} #content FORM {background:#947f65; padding:10px; margin:10px 10px 0 10px;} /* CONTENT:GALLERY ----------------------------------------------- */ #content P.presspack {background:#A69075; text-align:right; padding:2px; font-size:10px;margin-bottom:10px; margin-right:30px;} UL.thumbs LI {float:left; padding:10px 20px 10px 0;} UL.thumbs LI IMG { width:150px; height:150px;} UL.thumbs LI A IMG {border:6px solid #6F5940;} UL.thumbs LI A:hover IMG {border:6px solid #7A1515; } /* CONTENT:PROJECTS ----------------------------------------------- */ .superprojects LI {background:url(img/spot-minifreccia.gif) no-repeat 0 50%; padding-left:18px; line-height:1.6em;} .superprojects LI A {color:#53422F; font-weight:bold;} .superprojects LI A:hover {color:#7A1515; text-decoration:none} .primariprojects LI {background:url(img/spot-tondo.gif) no-repeat 0 50%; padding-left:14px; line-height:1.6em;} .primariprojects LI A {color:#53422F; } .primariprojects LI A:hover {color:#7A1515; text-decoration:none} .projectimage {margin-bottom:1em; } /* CONTENT:MUSIC ----------------------------------------------- */ H2 { font-size:16px; color:#fae9cb;} .imgdisco {margin-bottom:1em;} DIV.entrymusic {border-top:1px solid #7a644b; padding:1em 0 1em 0;} DL.musiclist {line-height:1.4em;} DL.musiclist DT {font-weight:bold;background:url(img/spot-minifreccia.gif) no-repeat 0 50%; padding-left:18px;} UL.musiclist {line-height:1.4em;} UL.musiclist LI {font-weight:bold;background:url(img/spot-minifreccia.gif) no-repeat 0 50%; padding-left:18px;} /* FOOTER ----------------------------------------------- */ #footer {clear:both;font-size:9px; color:#877B6E; text-align:center; height:37px; line-height:37px; background:#51402D; border-left:25px solid #987B56;border-right:25px solid #987B56;} #footer A {text-decoration:none; color:#fff;} #footer A:hover {text-decoration:underline} /* UTILITY ----------------------------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */