/*  www.elenagreggio-images.net  */
/* Core Style Sheet of the site  */
/* April 27th 2007 */

/* Generic */

body {
margin: 0;
background-color: #000000;
color: #f42020;
}

/***** SELECTORS *****/

/* Images */

#outer-image-dx {
height: 150px;
background-image: url(images/figura-dx.jpg);
background-repeat: no-repeat;
background-position: right top;
}

#outer-image-sx {
height: 150px;
background-image: url(images/figura-sx.jpg);
background-repeat: no-repeat;
background-position: right left;
}

#inner-image {
height: 150px;
background-image: url(images/cipressi.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-bottom: 12px;
}

#nome-elena {
height: 75px;
background-image: url(images/nome-titolo.gif);
background-repeat: no-repeat;
background-position: center top;
}

#nome-elena-topspace {
position: relative;
top: 36px;
height: 111px; /* 75px + top */
background-image: url(images/nome-titolo.gif);
background-repeat: no-repeat;
background-position: center top;
}

#image-news-carby {
height: 139px;
background-image: url(images/links/carbyart-logo.gif);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-artegiovane2007fronte {
height: 233px;
background-image: url(images/news/artegiovane2007fronte.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-artegiovane2007retro {
height: 235px;
background-image: url(images/news/artegiovane2007retro.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-senso2008 {
height: 600px;
background-image: url(images/news/senso2008.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-tempiodellarte2008 {
height: 198px;
background-image: url(images/news/tempiodellarte2008.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-biennalefirenze2009 {
height: 102px;
background-image: url(images/news/logoFB.png);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-artoflife2009 {
height: 175px;
background-image: url(images/news/logoJMA-200x175.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}

#image-news-artoflife2009invite {
height: 851px;
background-image: url(images/news/jma-invite.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 32px;
margin-bottom: 32px;
}


/* HyperLinks */

a:visited {
color: #f42020;
text-decoration: none;
}

a:active {
color: #f42020;
text-decoration: none;
}
a:link {
color: #f42020;
text-decoration: none;
}

a:hover {
/*color: #f42020; */
text-decoration: none;
}

#hlink-idx-video {
color: #650000;
position: absolute;
left: 5%;
bottom: 430px;
}
#hlink-idx-lang {
color: #00974D;
position: absolute;
left: 80%;
bottom: 470px;
}
#hlink-idx-news {
color: #650000;
position: absolute;
left: 67%;
bottom: 410px;
}
#hlink-idx-profile {
position: absolute;
left: 53%;
bottom: 372px;
}
#hlink-idx-paintings {
font-weight: bold;
position: absolute;
left: 40%;
bottom: 315px;
}
#hlink-idx-engravings {
font-weight: bold;
position: absolute;
left: 29%;
bottom: 265px;
}
#hlink-idx-illustrations {
font-weight: bold;
position: absolute;
left: 21%;
bottom: 212px;
}
#hlink-idx-pictures {
color: #650000;
position: absolute;
left: 15%;
bottom: 145px;
}
#hlink-idx-contacts {
color: #650000;
position: absolute;
left: 10%;
bottom: 72px;
}
#hlink-idx-links {
color: #650000;
position: absolute;
left: 5%;
bottom: 8px;
}

#hlink-top-home {
color: #650000;
position: absolute;
left: 2%;
top: 0;
}
#hlink-top-news {
color: #650000;
position: absolute;
left: 11%;
top: 0;
}
#hlink-top-profile {
position: absolute;
left: 20%;
top: 0;
}
#hlink-top-paintings {
color: #650000;
position: absolute;
left: 29%;
top: 0;
}
#hlink-top-engravings {
color: #650000;
position: absolute;
left: 40%;
top: 0;
}
#hlink-top-illustrations {
color: #650000;
position: absolute;
left: 52%;
top: 0;
}
#hlink-top-pictures {
color: #650000;
position: absolute;
left: 65%;
top: 0;
}
#hlink-top-video {
color: #650000;
position: absolute;
left: 74%;
top: 0;
}
#hlink-top-contacts {
color: #650000;
position: absolute;
left: 82%;
top: 0;
}
#hlink-top-links {
color: #650000;
position: absolute;
left: 92%;
top: 0;
}

/* Profile */

#vita {
height: 440px;
margin: 20px;
color: #c04360;
}

#vita-about-me {
margin: 20px;
margin-left: 40px;
padding-bottom: 1px; /* another IE bug :-\ */
color: #c04360;
}

#exhibitions {
margin: 20px;
margin-left: 40px;
padding-bottom: 1px; /* another IE bug :-\ */
color: #c04360;
}

/*******************/
/***** CLASSES *****/
/*******************/

/* Body - classes*/

BODY.index {
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-style: italic;
font-size: .9em;
background-image: url(images/elena-igea-dark-550.jpg);
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;                         /*firefox problem*/
}

BODY.profile {
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.links {
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.news {
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.reviews {
margin: 16px;
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.photos {
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.videos {
background-image: url(images/sogno-nero-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.works {
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
}

BODY.paint-preview {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: no-repeat;
background-position: left -40px;
}

BODY.paint-work {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: -320px -40px;
color: #e0e0e0
}

BODY.paint-hlinks {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
color: #e0e0e0
}

BODY.engrave-preview {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: no-repeat;
background-position: left -40px;
}

BODY.engrave-work {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: -170px -40px;
color: #e0e0e0
}

BODY.engrave-hlinks {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
color: #e0e0e0
}

BODY.illustration-preview {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: no-repeat;
background-position: left -40px;
}

BODY.illustration-work {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: -170px -40px;
color: #e0e0e0
}

BODY.illustration-hlinks {
border: none;
margin: 0;
background-image: url(images/trittico-filigrana.jpg);
background-repeat: repeat;
background-position: left top;
color: #e0e0e0
}

/* Paragraph - classes */

P.title-paintings {
margin-top: 30px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.caption-paintings {
margin-top: 36;
text-align: center;
font-family: Verdana;
font-size: 0.7em;
font-weight: bold;
color: #c0c0c0;
}

P.title-engravings {
margin-top: 30px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.caption-engravings {
margin-top: 36;
text-align: center;
font-family: Verdana;
font-size: 0.7em;
font-weight: bold;
color: #c0c0c0;
}

P.title-illustrations {
margin-top: 30px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.caption-illustrations {
margin-top: 36;
text-align: center;
font-family: Verdana;
font-size: 0.7em;
font-weight: bold;
color: #c0c0c0;
}

P.work-instructions {
margin-top: 80px;
text-align: center;
font-family: Helvetica;
font-size: 0.7em;
font-weight: bold;
color: #6565c0;
}

P.exhibitions-years {
font-weight: bold;
color: #5546c8;
}

P.about-elena {
font-weight: bold;
color: #5546c8;
}

P.profile-quotation {
color: #ccbbcc;
}

P.title-links {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.links-text {
position: absolute;
left: 200px;
text-align: left;
font-family: Helvetica;
font-size: 0.7em;
font-weight: bold;
color: #6565c0;
}

P.links-text-title {
position: absolute;
left: 200px;
text-align: left;
font-family: Georgia;
font-weight: bold;
font-size: 1.0em;
/*color: #35629B;*/
}

P.title-news {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.news-text {
text-align: center;
font-family: Helvetica;
font-size: 0.7em;
font-weight: bold;
color: #c0c0c0;
}

P.news-text-title {
text-align: center;
font-family: Georgia;
font-weight: bold;
font-size: 1.0em;
}

P.reviews-text {
text-align: left;
font-family: Helvetica;
font-size: 0.9em;
color: #c0c0c0;
}

P.reviews-text-title {
text-align: left;
font-family: Georgia;
font-size: 1.0em;
/*font-weight: bold;*/
color: #6565c0;
}

P.title-contacts {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.contacts-text {
position: absolute;
left: 200px;
text-align: left;
font-family: Helvetica;
font-size: 0.7em;
/*font-weight: bold;*/
/*color: #6565c0; */
color: #c0c0c0;
}

P.title-photos {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.title-videos {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.6em;
color: #35629B;
}

P.photos-text {
position: relative;
left: 32px;
top: -20px;
text-align: left;
font-family: Helvetica;
font-size: 0.7em;
font-weight: bold;
/*color: #6565c0; */
color: #c0c0c0;
}

P.title-works {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
font-weight: bold;
font-size: 1.8em;
color: #35629B;
}

P.works-text {
position: relative;
left: 80px;
text-align: left;
font-family: Georgia; /* Verdana, Helvetica, Arial, sans-serif; */
/*font-weight: bold;*/
font-size: 1.6em;
color: #35629B;
}

P.videos-titles {
text-align: center;
font-family: Helvetica;
font-size: 0.8em;
font-weight: bold;
color: #3f7fcc;
}

/* Images - classes*/

IMG.right-floating {
float: right;
margin-left: 16px;
}

IMG.left-floating {
float: left;
margin-right: 16px;
}

IMG.preview {
border-color: #283636; /*#1f1f22;*/
margin-top: 15px;
margin-left: 35px;
}

IMG.preview-arrows {
border-color: #283636; /*#1f1f22;*/
margin-top: 0px;
margin-left: 109px;
border: 0;
height: 50px;
width: 100px;
}

IMG.preview-arrows-narrow {
border-color: #283636; /*#1f1f22;*/
margin-top: 0px;
margin-left: 35px;
border: 0;
height: 50px;
width: 100px;
}

IMG.link-image {
border: 0;
border-color: #283636; /*#1f1f22;*/
float: left;
margin-left: 16px;
margin-right: 32px;
}

IMG.flag-image {
margin-left: 4px;
}

IMG.contacts-image {
border: 0;
border-color: #283636; /*#1f1f22;*/
float: left;
margin-left: 16px;
margin-right: 32px;
}

IMG.photos-image {
height: 440px;
margin-left: 16px;
}

IMG.photos-image-marco {
height: 150px;
margin-left: 16px;
}

IMG.works-image {
border-color: #283636;
float: left;
height: 150px;
margin-left: 16px;
}

/* Div - classes */

DIV.work-image {
height: 440px;
margin-top: 40;
background-repeat: no-repeat;
background-position: center top;
}

DIV.links-list-180 {
margin-top: 16px;
margin-bottom: 16px;
height: 180px;
}

DIV.links-list-130 {
margin-top: 16px;
margin-bottom: 16px;
height: 160px;
}

DIV.links-list-100 {
margin-top: 16px;
margin-bottom: 16px;
height: 120px;
}

DIV.contacts-list {
margin-top: 24px;
margin-bottom: 24px;
height: 150px;
}

DIV.photos-list {
height: 460px;
margin-left: 16px;
margin-top: 52px;
margin-bottom: 52px;
}

DIV.works-list {
margin-top: 36px;
margin-bottom: 36px;
height: 150px;
}

DIV.videos-480x360 {
width:480px;
margin:20px auto;
border:2px solid #aaa;
text-align:left;
}


/*******************/
/*****  WORKS  *****/
/*******************/

/* PREVIEW */

#blank-preview {
height: 140px;
}

/*************/
/* PAINTINGS */
/*************/

#paint-negromante {
background-image: url(paintings/images/negromante_440.jpg);
/*width: 440;
border-style: solid;
border-width: 4px;
border-color: #283636; /*#1f1f22;*/
}

#paint-lupus {
background-image: url(paintings/images/lupus_440.jpg);
}

#paint-regina {
background-image: url(paintings/images/regina_440.jpg);
}

#paint-ipocrisia {
background-image: url(paintings/images/ipocrisia_440.jpg);
}

#paint-almuseo {
background-image: url(paintings/images/almuseo_440.jpg);
}

#paint-annunciazione {
background-image: url(paintings/images/annunciazione_440.jpg);
}

#paint-arianna {
background-image: url(paintings/images/arianna_440.jpg);
}

#paint-cuoredivetro {
background-image: url(paintings/images/cuoredivetro_440.jpg);
}

#paint-dafne {
background-image: url(paintings/images/dafne_440.jpg);
}

#paint-kiki {
background-image: url(paintings/images/kiki_440.jpg);
}

#paint-ledaezeus {
background-image: url(paintings/images/ledaezeus_440.jpg);
}

#paint-notepermusicasacra {
background-image: url(paintings/images/notepermusicasacra_440.jpg);
}

#paint-sonnoneitempi {
background-image: url(paintings/images/sonnoneitempi_440.jpg);
}

#paint-terraeluna {
background-image: url(paintings/images/terraeluna_440.jpg);
}

#paint-tritticodelpoeta {
background-image: url(paintings/images/tritticodelpoeta_440.jpg);
}

#paint-sognatrice {
background-image: url(paintings/images/sognatrice_440.jpg);
}

#paint-teti {
background-image: url(paintings/images/teti_440.jpg);
}

#paint-mezzovolto {
background-image: url(paintings/images/mezzovolto_440.jpg);
}

#paint-pratofiorito {
background-image: url(paintings/images/pratofiorito_440.jpg);
}

#paint-terradura {
background-image: url(paintings/images/terradura_440.jpg);
}

#paint-kore {
background-image: url(paintings/images/kore_440.jpg);
}

#paint-melpomene {
background-image: url(paintings/images/melpomene_440.jpg);
}

#paint-viaggioversobudapest {
background-image: url(paintings/images/viaggioversobudapest_440.jpg);
}

#paint-casan235 {
background-image: url(paintings/images/casan235_440.jpg);
}

#paint-igea {
background-image: url(paintings/images/igea_440.jpg);
}

#paint-paesaggio {
background-image: url(paintings/images/paesaggio_440.jpg);
}

#paint-donnaimmaginaria {
background-image: url(paintings/images/donnaimmaginaria_440.jpg);
}

#paint-specchioditristezza {
background-image: url(paintings/images/specchioditristezza_440.jpg);
}

#paint-piccolemoltitudini {
background-image: url(paintings/images/piccolemoltitudini_440.jpg);
}

#paint-pescedalcielo {
background-image: url(paintings/images/pescedalcielo_440.jpg);
}

#paint-donnaimmaginariaii {
background-image: url(paintings/images/donnaimmaginariaii_440.jpg);
}

#paint-alltogether {
background-image: url(paintings/images/alltogether_440.jpg);
}

#paint-bimba {
background-image: url(paintings/images/bimba_440.jpg);
}

#paint-bimbachedorme {
background-image: url(paintings/images/bimbachedorme_440.jpg);
}

#paint-damaperelisa {
background-image: url(paintings/images/damaperelisa_440.jpg);
}

#paint-fioripermamma1 {
background-image: url(paintings/images/fioripermamma1_440.jpg);
}

#paint-fioripermamma2 {
background-image: url(paintings/images/fioripermamma2_440.jpg);
}

#paint-penelopeedodisseo {
background-image: url(paintings/images/penelopeedodisseo_440.jpg);
}

#paint-piccolonegromante {
background-image: url(paintings/images/piccolonegromante_440.jpg);
}

#paint-prato {
background-image: url(paintings/images/prato_440.jpg);
}

#paint-selene {
background-image: url(paintings/images/selene_440.jpg);
}

#paint-princessatthemirror {
background-image: url(paintings/images/princessatthemirror_440.jpg);
}

#paint-queue {
background-image: url(paintings/images/queue_440.jpg);
}

/**************/
/* ENGRAVINGS */
/**************/

#engrave-alvarezbravo {
background-image: url(engravings/images/alvarezbravo_440.jpg);
}

#engrave-castelloardvreck {
background-image: url(engravings/images/castelloardvreck_440.jpg);
}

#engrave-fantasieorientali {
background-image: url(engravings/images/fantasieorientali_440.jpg);
}

#engrave-giornoorientale {
background-image: url(engravings/images/giornoorientale_440.jpg);
}

#engrave-lagunaorientale {
background-image: url(engravings/images/lagunaorientale_440.jpg);
}

#engrave-laregina {
background-image: url(engravings/images/laregina_440.jpg);
}

#engrave-marco {
background-image: url(engravings/images/marco_440.jpg);
}

#engrave-sogno-viola {
background-image: url(engravings/images/sogno-viola_440.jpg);
}

#engrave-signoreconcopricapo-rossoverde {
background-image: url(engravings/images/signoreconcopricapo-rossoverde_440.jpg);
}

#engrave-uomoinmaschera-giallo {
background-image: url(engravings/images/uomoinmaschera-giallo_440.jpg);
}

#engrave-kelthiaardvreck {
background-image: url(engravings/images/kelthiaardvreck_440.jpg);
}

#engrave-minotauro {
background-image: url(engravings/images/minotauro_440.jpg);
}

#engrave-macchinacucito {
background-image: url(engravings/images/macchinacucito_440.jpg);
}

#engrave-butterfly {
background-image: url(engravings/images/butterfly_440.jpg);
}

#engrave-dante1 {
background-image: url(engravings/images/dante1_440.jpg);
}

/*****************/
/* ILLUSTRATIONS */
/*****************/

#illustration-aladino {
background-image: url(illustrations/images/aladino_440.jpg);
}

#illustration-alice {
background-image: url(illustrations/images/alice_440.jpg);
}

#illustration-giullari {
background-image: url(illustrations/images/giullari_440.jpg);
}

#illustration-pagliaccio {
background-image: url(illustrations/images/pagliaccio_440.jpg);
}

#illustration-sognonelmare {
background-image: url(illustrations/images/sognonelmare_440.jpg);
}

#illustration-viaggiotan-1 {
background-image: url(illustrations/images/viaggiotan-1_440.jpg);
}

#illustration-viaggiotan-2 {
background-image: url(illustrations/images/viaggiotan-2_440.jpg);
}

#illustration-viaggiotan-3 {
background-image: url(illustrations/images/viaggiotan-3_440.jpg);
}

#illustration-viaggiotan-4 {
background-image: url(illustrations/images/viaggiotan-4_440.jpg);
}

#illustration-viaggiotan-5 {
background-image: url(illustrations/images/viaggiotan-5_440.jpg);
}