body
{
  /*  COMMENTS IN CASCADING STYLE SHEET WORKS AS IN C  */
  /* font-family: arial, verdana, sans-serif; */
  /* margin-left: 15%; 
  margin-bottom: 5%;
  margin-right: 10%; 
  margin-top: 5%; */
  margin: 5% 10% 5% 15%;
  padding-left: 11em;
  font-family: Georgia, Verdana, "Times New Roman", Times, serif;
  color: purple; 
  /* background-color: #d8da3d; */ /*acid green kind of thing*/
  background-color: #fff;
/*  background-color: #000; */ /* paolot modified 02/01/10 from white to black*/   
 
  /*color: #ff9900;
  background-color: #66ccff;  */
}

/* ---- Paragraph settings ---- */
/*this has been changed after Ruben suggestion to make the column of a prefixed width */
p.FixedWidth
{
  
  max-width: 450px; 	/* paolot modified 02/01/10 to set the width of the paragh as a column */
  text-indent: 2em; 
  /* margin-left: -7%;*/ /* paolot modified 02/01/10 to center the paragraph as a column */
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */
  /*style = width: 20em; margin-left: 2em; margin-bottom: 3em; font-style: italic;" NOTE: as is, this does not work */
}

p.ExpandPar
{
  max-width: 450px; /* paolot modified 02/01/10 to set the width of the paragh as a column */
  font-stretch: ultra-expanded; 
  letter-spacing: 0.3em;
  line-height: 200%;
  /*margin: -0.05em;*/
  margin: 1em 42% 1em -7%; /*paolot modified 20/03/10 to make heading (h1) and paragraph size equal*/

  /* text-align: left; */
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */
}

p.ExpandLink
{
  max-width: 450px; /* paolot modified 02/01/10 to set the width of the paragh as a column */
  /* font-stretch: ultra-expanded; */
  /*letter-spacing: 0.3em;*/
  line-height: 150%;
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */

}

p.first /*this is the specification of the paragraph settings for the first paragraph in the writings section*/
{
  max-width: 450px; /* paolot modified 02/01/10 to set the width of the paragh as a column */
  margin: 5em 0px 0px -7%; 
  text-indent: 2em; 
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */
  padding: 1em 0px 0em 0px; /* paolot modified 03/01/10 negative padding values are an error */
}

p.ParagraphPublications{
  max-width: 450px; /* paolot modified 02/01/10 to set the width of the paragh as a column */
  /*margin-left: -7%; 
  margin-top: 1em;*/
  margin: 1em 0px 0px -7%;
  text-indent: 2em; 
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */
  padding-top: 1em;
  border-top: solid thin;

  /* border-top: thin dotted; */
  /* color could be added as well in principle */
  /* border-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#ff0000; */
}

p.big {
  max-width: 450px; /* paolot modified 02/01/10 to set the width of the paragh as a column */
  line-height: 300%;
  text-indent: 0em; 
  text-align: justify;	/* paolot modified 02/01/10 to justify text within a paragraph   */
}

/* $$$$  $$$$  $$$$  $$$$ */

/* ---- headings settings ---- */
h1 {
  /* top, right, bottom left*/
  /*margin-left: -7%; 
  margin-top: 1em; 
  margin-bottom: 1em; 
  margin-right: 42%;*/
  margin: 1em 42% 1em -7%;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
  font-size: 200%; 
  }

h2,h3,h4,h5,h6 { margin-left: -7%; }

h.OtherPublications{
    margin: -3%;   
    /* margin: 10% 0% 0% -19%;*/
    /* border-bottom: solid thin; */
    font-family: Georgia, sans-serif, "Times New Roman"; 
    font-size: 200%;
    font-weight: 900;
    padding-bottom: 1%;
/*    border-bottom-width:1px;*/ 
/*    border-bottom-color:#ff0000; */
}

h2.Max{
    /* margin-left: -7%; */ /* /* NOTE: if there are 2 margin definitions it follows only the second and leave the first out */
    font-family: "Times New Roman", Georgia, sans-serif; 
    font-size: 200%;
    font-weight: 900;
    margin-top: 2.5em;
  }
/*  ---- end of headings settings ----  */

a.plainhover { 
  text-decoration: none;  /* no underline */
  color: #9fdfff; /*rgb(0, 96, 255); /* changes color when mouse is over the link */
  }

a.blantLink { /* link without highlighting for the text */
  text-decoration: none;/* no underline */
  color: blue; 		/* make it stand out somehow, otherwise it is impossible
to recognize that it is a link*/
  font-weight: 300;
}

a.blantLinkFigures { /* link without highlighting for the figure */
  text-decoration: none;/* no underline */
  /* color: blue; */		/* make it stand out somehow, otherwise it is
impossible to recognize that it is a link*/
  font-weight: 300;
  margin: 1em 0.5em;  /* 0.2em 2em; */ /* top right bottom left*/
}

a.blantLinkValidator { /* link without highlighting for the figure */
  text-decoration: none;/* no underline */
  /* color: blue; */		/* make it stand out somehow, otherwise it is
impossible
to recognize that it is a link*/
  font-weight: 300;
  margin-top: 1em;
  margin-left: 45%;  /* 0.2em 2em; */ /* top right bottom left*/
}

/*  ---- address settings ---- */

updatedDate {
  /*align: "right"; */
  margin-left: -9%;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: thin dotted;
  font-size:x-small;
  font-style:italic;
}


address {
  /*align: "right"; */
  margin-left: -9%;
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }
/*  ---- end of address settings ----  */

/* this is the div that specifies where the link for the CSS is standing */
div.boxcss { 
  position: relative; 	/* paolot modified 02/01/10 change position bottom line */
  bottom: 1%;   	/* paolot modified 02/01/10 change position bottom line */
  margin-left: -7%; 
  margin-top: 5%;
}

div.boxflier{
  position: absolute; 
  bottom: 1%;
  right: 20%;
  margin-right: 2%; 
  margin-top: 2%;
}

div.figureMail {
  float: left;
  width: 380px;
  /* border: thin silver solid;*/ 
  margin: -1em; 
  padding: 0.01em;
}

img.scaled {
  width: 100%;
}

img.validators {
  border:0;
  width:88px;
  height:31px;
}

/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

*/
/* ----- EMULATE BOTTON LISTS ----- */
  #navcontainerVert /* this is the div container */
  {
    /* background: #fff; */  /* white || background of the containing object, in the original idea this matches the background of the webpage */
    /* background: #d8da3d; */
    background: transparent;
    width: 20%;	/* width of the whole object*/
    margin: auto 0;
    padding: 0.5em 0.2em;
    font: bold 13px Verdana, sans-serif;
    text-align: center;
    position: absolute;
    top: 3%;
    left: 1%;

  }

  ul#navlistVert
  {
    text-align: left;
    list-style: none;
    padding: 0.5em 0.5em;
    margin: 0 auto;
    width: 80%;
  }

  ul#navlistVert li
  {
    display: block;
    margin: 0;
    padding: 0; /*distance between bottons*/
  }

  ul#navlistVert li a
  {
    display: block;
    width: 100%;
    padding: 0.5em 0 0.5em 2em; 		/* width and height of the buttons */
    border-width: 0.3em 0.25em 0.25em 0.25em;	/* distance between buttons */
    border-color: #ffe #aaab9c #ccc #fff;  	/*changes color of the borders*/
    border-style: solid;
    color: #0000ff; 				/* this is the color of the text */ 
    text-decoration: none; 			/* remove the line under the text which defines the links */
    background: #eeeeee; 			/* this the background of the navigation list */
    outline: #B0B0B0 solid thin;		/* add an outline line so that the bottuns appear more distinct */
  }

  #navcontainerVert>ul#navlistVert li a { width: auto; }

  /* define the first active object */
  ul#navlistVert li#active a
  {
    background: #C0C0C0; 	/* set the color of the background to silver */
    color: #ff0000; 	/* make the color of the first active object red*/
  }
  
  ul#navlistVert li#Marli a
  {
    font-variant: small-caps; 
    font-stretch: expanded; 	/* this do not appear to work */
    font-weight: 600;		/* this do not appear to work */
    color: green; 
    }

  ul#navlistVert li#tests a
  {
    font-stretch: expanded; 	/* this do not appear to work */
    font-weight: 600;		/* this do not appear to work */
    background: #000CCC;		/* this is to make the impression that the object is being pressed */
    color: #00FF33; 
    }

  /* this piece changes the objects that are activated */
  ul#navlistVert li a:hover, ul#navlistVert li#active a:hover, ul#navlistVert li#Marli a:hover
  {
    color: #ff0000;			/* color of active objects change to red */
    /* background: transparent;	*/	/* this is to make the impression that the object is being pressed */
    background: #C0C0C0;		/* this is to make the impression that the object is being pressed */
    border-color: #aaab9c #fff #fff #ccc; /* this changes the border of activated links */
  /*  outline: black solid thin;*/ 
  }
/* end of the button push emulation */
/* --------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------- */
/* horizontal list */
  #navcontainerHori
  {
    /* position: fixed; */	/* this was an attempt to set the position fixed, so that the list with the links does not move */
    /* position: absolute; */   /* this referes to the absolute position relatively to the screen, AVOID, because then the header slides above the list */
    font-family: Arial,Sans-Serif;
    margin-left: -7%; 		/* this is to get it as the one of the paragraph and headings */
    margin-right: auto;
    width: 100%;		/* this is the width of the whole thing */ 
    border-bottom: 1px solid #ddd;
  }

  #navlistHori
  {
    width: 100%;
    text-align: center;
    margin: auto auto;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
  }

  #navlistHori li
  {
    padding: 0;
    margin: 0;
    text-indent: 0;
    display: inline;
  }

  #navlistHori li a
  {
    letter-spacing: -1px;
    text-decoration: none;
    color: #ccc;
    font-size: 1em;
    padding: 0 0.5em;
    border-top: .5em solid #eee;
  }

  #navlistHori li a:hover,#navlistHori a#current /* these are the specification for the active node */
  {
    color: #333;	/* change the color */
    border-top: none;	/* eliminate the border */
    font-size: 1.5em; 	/* increase the font */
    cursor: pointer;  	/* change the pointer */
    /* border-bottom: 3px solid #f90; */ /* this put an orange border under the item that has been selected */

  }
  /* these are the specification for the active node */
  #navlistHori a#current { 
    color: #fc6; 
    /* font-style: italic; */
    font-size: 2.5em;
    font-family: "Zapf Chancery", cursive, fantasy; 
    /* font-family: "New Century Schoolbook", serif, cursive, fantasy; */
    /* font-variant: small-caps; */
    font-weight: 300;
    font-stretch: expanded; 
  }
  
/* end specifics of the horizontal list */
/* --------------------------------------------------------------------------------------------------------------- */

/* ---------------- ICON LIST code for the publication part ------------------------------------------------------ */
ul.iconlist
{
  list-style: none; 	/* remove the HTML list bullet */
  margin: 0;		/* remove margins */
  padding: 0;		/* remove paddings */
  margin-left: -9em; 	/* add some indent */
  max-width: 550px;	/*modified by paolo 03-01-2010 - fix the width of the items*/	
}

li.pdf /* pdf icon for papers */
{
  background-image: url(bullet_pdf_small.jpeg);/* add the specific background image */
  background-repeat: no-repeat;		/* stop the background image from repeating under the list items */
  background-position: 0 50%;		/* position the images to line up with the text. The units refer to the images position from the "left" and "top". Top position at 50% set the item in the middle of the list */
 /*background-attachment:fixed;	*/	/* this attribute must be set like this to work in mozilla, see teh w3school website, because I don't know why */
 /* padding: 3px 0 3px 20px;	*/	/* move the content away from the background image  */
  padding: 1em 1em 1em 7em;		/* move the content away from the background image - top, right, bottom, left   */
  margin: 1em 0em;			/* add space between each list item */
}

li.doc /* doc file icon for document files */
{
  background-image: url(bullet_doc.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

li.text
{
  background-image: url(bullet_text.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

li.htm /* if the list contains some html file */
{
  background-image: url(bullet_htm.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

li.titti /* if the list contains some html file */
{
  background-image: url(tweetyP4pc.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 1em 1em 1em 7em;
  margin:  1em -1em;
}

li.shower /* if the list contains some html file */
{
  background-image: url(lightShower.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 1em 1em 1em 7em;
  margin: 1em -1em;
}


/* end specifics of the icon list */
/* --------------------------------------------------------------------------------------------------------------- */

/*add div for flier thesis */
  #containerFlier /* this is the div container */
  {
    background: transparent;
    width: 30%;	/* width of the whole object*/
    /* margin: auto auto; */
    /* padding: 0.5em 0.2em;
    font: bold 13px Verdana, sans-serif;
    text-align: center;*/
    position: absolute;
    bottom: -20%;
    left: 2%;

  }

.animatedlist
{
  list-style: none; 	/* remove the HTML list bullet */
  margin: 0;		/* remove margins */
  padding: 0;		/* remove paddings */
  margin-left: -9em; 	/* add some indent */
}

li.gif /* pdf icon for papers */
{
  background-image: url(animThesis.gif);/* add the specific background
image */
  background-repeat: no-repeat;		/* stop the background image from
repeating under the list items */
  background-position: 0 50%;		/* position the images to line up with
the text. The units refer to the images position from the "left" and "top". Top
position at 50% set the item in the middle of the list */
 /*background-attachment:fixed;	*/	/* this attribute must be set like this
to work in mozilla, see teh w3school website, because I don't know why */
 /* padding: 3px 0 3px 20px;	*/	/* move the content away from the
background image  */
  /* padding: 1em 1em 1em 7em;	*/	/* move the content away from the */
  padding: 0em;		/* move the content away from the
background image - top, right, bottom, left   */
  /*margin: 1em 0em; */			/* add space between each list item */
  margin: 0em;			/* add space between each list item */
}