﻿/* #####################################################################
############################  HOME PAGE STYLE   #############################
##################################################################### */



/* ------------------- STRUCTURE :  General ------------------ */

body {

margin: 0px;

}

#homePage {

position: relative;
top: 120px;

width: 2136px;
height: 2136px;

}


/* ------------------- STRUCTURE : Clouds ------------------ */


.CaptionCloud {

width: 453px;
height: 239px;

padding-top: 25px;

}

.Caption h3 {

height: 20px;

overflow: hidden;

margin: 0px;
border: 0px;
padding: 0px;

}
.Caption p {

height: 20px;

overflow: hidden;

margin: 0px;
border: 0px;
padding-bottom: 0px;

}
.Caption-1 {

width: 279px;

margin-left: auto;
margin-right: auto;

}
.Caption-2 {

width: 392px;

margin-left: auto;
margin-right: auto;

}
.Caption-3 {

width: 436px;

margin-left: auto;
margin-right: auto;

}
.Caption-4 {

width: 422px;

margin-left: auto;
margin-right: auto;

}
.Caption-4 p {

max-width: 395px;

margin-left: auto;
margin-right: auto;

}
.Caption-5 {

width: 325px;

margin-left: auto;
margin-right: auto;

}
.Caption-5 p {

max-width: 225px;

margin-left: auto;
margin-right: auto;

}

.NoBlogCaption {

margin-top: 85px;

}

#valledaostaCaptionCloud, #valledaostaContentWrapper {

position: absolute;
top: -5px;
left: 67px;

}
#piemonteCaptionCloud, #piemonteContentWrapper {

position: absolute;
top: 250px;
left: 10px;

}
#liguriaCaptionCloud, #liguriaContentWrapper {

position: absolute;
top: 510px;
left: 105px;

padding-top: 35px;

}
#lombardiaCaptionCloud, #lombardiaContentWrapper {

position: absolute;
top: 130px;
left: 498px;

}
#emiliaromagnaCaptionCloud, #emiliaromagnaContentWrapper {

position: absolute;
top: 455px;
left: 595px;

padding-top: 30px;

}
#trentinoaltoadigeCaptionCloud, #trentinoaltoadigeContentWrapper {

position: absolute;
top: -115px;
left: 780px;

}
#friuliveneziagiuliaCaptionCloud, #friuliveneziagiuliaContentWrapper {

position: absolute;
top: 30px;
left: 1160px;

}
#venetoCaptionCloud, #venetoContentWrapper {

position: absolute;
top: 258px;
left: 937px;

padding-top: 30px;

}
#toscanaCaptionCloud, #toscanaContentWrapper {

position: absolute;
top: 745px;
left: 410px;

padding-top: 35px;

}
#umbriaCaptionCloud, #umbriaContentWrapper {

position: absolute;
top: 730px;
left: 885px;

padding-top: 35px;

}
#marcheCaptionCloud, #marcheContentWrapper {

position: absolute;
top: 485px;
left: 1173px;

}
#sardegnaCaptionCloud, #sardegnaContentWrapper {

position: absolute;
top: 1320px;
left: 130px;

padding-top: 35px;

}
#lazioCaptionCloud, #lazioContentWrapper {

position: absolute;
top: 1015px;
left: 645px;

padding-top: 35px;

}
#abruzzoCaptionCloud, #abruzzoContentWrapper {

position: absolute;
top: 740px;
left: 1350px;
z-index: auto;

}
#moliseCaptionCloud, #moliseContentWrapper {

position: absolute;
top: 1020px;
left: 1385px;
z-index: auto;

padding-top: 35px;

}
#campaniaCaptionCloud, #campaniaContentWrapper {

position: absolute;
top: 1245px;
left: 955px;

padding-top: 35px;

}
#basilicataCaptionCloud, #basilicataContentWrapper {

position: absolute;
top: 1300px;
left: 1600px;

padding-top: 35px;

}
#pugliaCaptionCloud, #pugliaContentWrapper {

position: absolute;
top: 1050px;
left: 1850px;

}
#calabriaCaptionCloud, #calabriaContentWrapper {

position: absolute;
top: 1600px;
left: 1620px;

padding-top: 35px;

}
#siciliaCaptionCloud, #siciliaContentWrapper {

position: absolute;
top: 1625px;
left: 905px;

}

.ContentWrapper {

width: 453px;
height: 1px;

}

.Content {

visibility: hidden;

width: 472px;

}

.Content-1 {

position: absolute;
top: -115px;
right: 270px;

}
.Content-2 {

position: absolute;
top: -75px;
right: 270px;

}
.Content-3 {

position: absolute;
top: -35px;
right: 270px;

}
.Content-4 {

position: absolute;
top: 5px;
right: 270px;

}
.Content-5 {

position: absolute;
top: 45px;
right: 270px;

}

.ContentBox {

min-height: 106px;

margin: 0px;
border: 0px;
padding: 27px 104px 15px 28px;

}

.ContentFooter {

margin-top: 0px;
border: 0px;
padding: 0px 104px 27px 28px;

}

#valledaostaContent-1, #piemonteContent-1, #liguriaContent-1, #toscanaContent-1, #lazioContent-1, #sardegnaContent-1, #campaniaContent-1, #siciliaContent-1 {

position: absolute;
top: -115px;
left: 270px;

}
#valledaostaContent-2, #piemonteContent-2, #liguriaContent-2, #toscanaContent-2, #lazioContent-2, #sardegnaContent-2, #campaniaContent-2, #siciliaContent-2 {

position: absolute;
top: -75px;
left: 270px;

}
#valledaostaContent-3, #piemonteContent-3, #liguriaContent-3, #toscanaContent-3, #lazioContent-3, #sardegnaContent-3, #campaniaContent-3, #siciliaContent-3 {

position: absolute;
top: -35px;
left: 270px;

}
#valledaostaContent-4, #piemonteContent-4, #liguriaContent-4, #toscanaContent-4, #lazioContent-4, #sardegnaContent-4, #campaniaContent-4, #siciliaContent-4 {

position: absolute;
top: 5px;
left: 270px;

}
#valledaostaContent-5, #piemonteContent-5, #liguriaContent-5, #toscanaContent-5, #lazioContent-5, #sardegnaContent-5, #campaniaContent-5, #siciliaContent-5 {

position: absolute;
top: 45px;
left: 270px;

}
.valledaostaContentBox, .piemonteContentBox, .liguriaContentBox, .toscanaContentBox, .lazioContentBox, .sardegnaContentBox, .campaniaContentBox, .siciliaContentBox {

min-height: 106px;

margin: 0px;
border: 0px;
padding: 27px 28px 15px 104px;

}
.valledaostaContentFooter, .piemonteContentFooter, .liguriaContentFooter, .toscanaContentFooter, .lazioContentFooter, .sardegnaContentFooter, .campaniaContentFooter, .siciliaContentFooter {

margin-top: 0px;
border: 0px;
padding: 0px 28px 27px 104px;

}

#trentinoaltoadigeContent-1 {

position: absolute;
top: 10px;
right: 270px;

}
#trentinoaltoadigeContent-2 {

position: absolute;
top: 50px;
right: 270px;

}
#trentinoaltoadigeContent-3 {

position: absolute;
top: 90px;
right: 270px;

}

.ContentBox h3 {

margin: 0px;
border: 0px;
padding: 0px 0px 13px 0px;

}

.ContentBox p {

margin: 0px;
border: 0px;
padding: 0px;

}


/*-----------------------   STRUCTURE : Navigation Menu & sheets ----------------------  */


.MenuBar {

position: absolute;
top: 0px;
left: 0px;

margin: 16px;

}
.MenuBar li {

display: block;

width: 200px;
height: 50px;

}

#homeMenuBar-1 {

position: absolute;
top: 15px;
left: 20px;

}
#homeMenuBar-2 {

position: absolute;
top: 15px;
left: 260px;

}
#homeMenuBar-3 {

position: absolute;
top: 15px;
left: 500px;

}


#homeNavigationBox {

visibility: hidden;

position: absolute;
top: 82px;
left: 37px;

width: 648px;
padding: 15px;
border: 1px dashed #8f2eb3;

overflow: hidden;

}

#homeNavigationBox h3 {

margin: 15px;
padding-left: 0px;

}

#homeNavigationBox ul {

margin: 15px 15px 20px;
padding: 0px;

}

#homeNavigationBox ul li {

margin: 7px;
padding-left: 15px;

}


#homeChronBox {

visibility: hidden;

position: absolute;
top: 82px;
left: 37px;

width: 648px;
padding: 15px;
border: 1px dashed #8f2eb3;

}

#homeChronBox div {

border-bottom: 1px dashed #8f2eb3;

}

.CloseButtonParagraph {

position: absolute;
top: 5px;
right: 5px;

margin: 0px;
padding: 0px;

}

#homeBlogrollBox {

visibility: hidden;

position: absolute;
top: 82px;
left: 37px;

width: 676px;
padding: 15px 1px 0px;
border: 1px dashed #8f2eb3;

}

#homeBlogrollList div {

float: left;

width: 154px;
padding: 0px 8px 0px 7px;
margin: 0px;

}

#homeBlogrollList h3 {

margin: 15px 0px;

}

#homeBlogrollList ul {

margin: 15px 0px 30px;
padding: 0px;

}

#homeBlogrollList ul li{

margin: 0px;
padding: 0px;

}

#homeBlogrollBoxFooter {

clear: both;

width: 656px;

margin: 0px;
padding: 20px 10px 10px;

}


#homeFooter {

visibility: hidden;

}



/* ------------------- FONTS ------------------ */

#homeBody {

font-family: arial, helvetica, sans-serif;

}

.Caption h3 {

font-weight: normal;
font-size: 12px;
line-height: 20px;

}

.Caption p {

font-size: 11px;
line-height: 15px;

}

.Content h3 {

font-weight: normal;
font-size: 18px;

}

.Content p{

font-size: 15px;

}

.Content a {

font-style: italic;

}

.ContentFooter {

font-size: 13px;

}



.MenuBar li {

font-size: 20px;
line-height: 50px;

}

#homeChronBox h4{

font-size: 14px;

}

#homeChronBox p{

font-size: 12px;

}

#homeNavigationBox h3, #homeNavigationBox h4, #homeNavigationBox li, #homeBlogrollList h3, #homeBlogrollList h4, #homeBlogrollList li{

font-size: 15px;

}

#homeBlogrollBoxFooter {

font-style: italic;
font-size: 12px;

}





/* ------------------- TEXT-RENDERING ------------------ */


.Caption a, .Caption a {

text-decoration: none;

}

.CaptionCloud {

text-align: center;

}

.Caption h3 {

text-transform: uppercase;

}

.Content {

text-align: justify;

}

.Content a {

text-decoration: none;

}



.MenuBar li {

text-align: center;

}

#homeNavigationBox  a, #homeChronBox a, #homeMoreBox a, #homeBlogrollBox a {

text-decoration: none;

}

#homeNavigationBox ul, #homeBlogrollList ul {

list-style-type: none;

}

#homeBlogrollBoxFooter {

text-align: justify;

}


/* ------------------- BACKGROUNDS & COLORS ------------------ */


#homePage {

background: transparent url(images/homePage.png) no-repeat 230px 0px;

}

#valledaostaCaptionCloud {

background: transparent url(images/cloud_bottom-right-centered.png) no-repeat;

}
#piemonteCaptionCloud {

background: transparent url(images/cloud_bottom-right-up.png) no-repeat;

}
#liguriaCaptionCloud {

background: transparent url(images/cloud_top-right.png) no-repeat;

}
#lombardiaCaptionCloud {

background: transparent url(images/cloud_bottom-left-centered.png) no-repeat;

}
#emiliaromagnaCaptionCloud {

background: transparent url(images/cloud_top-right-mini-angle.png) no-repeat;

}
#trentinoaltoadigeCaptionCloud {

background: transparent url(images/cloud_bottom-left-centered.png) no-repeat;

}
#friuliveneziagiuliaCaptionCloud {

background: transparent url(images/cloud_bottom-left-up.png) no-repeat;

}
#venetoCaptionCloud {

background: transparent url(images/cloud_top-left-up.png) no-repeat;

}
#toscanaCaptionCloud {

background: transparent url(images/cloud_top-right.png) no-repeat;

}
#umbriaCaptionCloud {

background: transparent url(images/cloud_top-left-mini-angle.png) no-repeat;

}
#marcheCaptionCloud {

background: url(images/cloud_bottom-left.png) no-repeat;

}
#sardegnaCaptionCloud {

background: transparent url(images/cloud_top-right.png) no-repeat;

}
#lazioCaptionCloud {

background: transparent url(images/cloud_top-right.png) no-repeat;

}
#abruzzoCaptionCloud {

background: transparent url(images/cloud_bottom-left.png) no-repeat;

}
#moliseCaptionCloud {

background: url(images/cloud_top-left.png) no-repeat;

}
#campaniaCaptionCloud {

background: transparent url(images/cloud_top-right.png) no-repeat;

}
#basilicataCaptionCloud {

background: transparent url(images/cloud_top-left.png) no-repeat;

}
#pugliaCaptionCloud {

background: transparent url(images/cloud_bottom-left.png) no-repeat;

}
#calabriaCaptionCloud {

background: transparent url(images/cloud_top-left.png) no-repeat;

}
#siciliaCaptionCloud {

background: transparent url(images/cloud_bottom-right.png) no-repeat;

}


.Content {

color: #111987;

}

.Content a {

color: #111987;

}

.ContentBox {

background: transparent url(images/contentCloud.png) no-repeat;

}

.ContentFooter {

background: transparent url(images/contentCloud.png) no-repeat bottom;

}

.valledaostaContentBox, .piemonteContentBox, .liguriaContentBox, .toscanaContentBox, .lazioContentBox, .sardegnaContentBox, .campaniaContentBox, .siciliaContentBox {

background: transparent url(images/contentCloud_toRight.png) no-repeat;

}

.valledaostaContentFooter, .piemonteContentFooter, .liguriaContentFooter, .toscanaContentFooter, .lazioContentFooter, .sardegnaContentFooter, .campaniaContentFooter, .siciliaContentFooter {

background: transparent url(images/contentCloud_toRight.png) no-repeat bottom;

}

#trentinoaltoadigeContentBox-1, #trentinoaltoadigeContentBox-2, #trentinoaltoadigeContentBox-3 {

background: transparent url(images/contentCloud_reversed.png) no-repeat;

}

#trentinoaltoadigeContentFooter-1, #trentinoaltoadigeContentFooter-2, #trentinoaltoadigeContentFooter-3 {

background: transparent url(images/contentCloud_reversed.png) no-repeat bottom;

}




.MenuBar li {

background: transparent url(images/menuButton.png) no-repeat;
color: #111987;

}

#homeNavigationBox, #homeChronBox, #homeBlogrollBox {

background-color: #ffffff;
color: #111987;

}

#homeChronBox .ChronSinglePost .PostFooter span {

color: #0000ee;

}