/*
   Author: Raul Parolari
     thanks to: "Cascading Style Sheets", Lie & Bos
*/

body {
  font-family:  serif;
  font-size: 1.1em;
  background-color: #f6f6f6;  /* f6f6f6*/
}
       
#title_image_caption {
  position: absolute;
  top:   20px;
  left:  200px;
  width: 400px;
}
#title {
  /* need to compensate fact that image is shifted right
     by 10 px (for unknow reasons)
  */
  height: 60px;
  margin-left: 15px;
  text-align: center;
  font-style: italic;
  border: 0px solid gray; 
}
#title_subject {
  font-size: 1.1em;
}
#title_author {
  display: block;
}
#image {
  height: 428px;
  width:  400px;
  border: 1px solid gray;
}
#caption {
  position: relative;
  top: -40px;
  font-size: 0.9em;
  text-align: center; 
}

a {
  color: #6633ff;     /* # cc6600 c33 5000ee  c60; */ 
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 10px 12px;
}
a:hover {color:#0000ff;}

#colleen_home  {
   position: absolute;
   width: 190px;
   height: 60px;
   top:  85px;
   left: 10px;
}
#colleen_home a {
   font-family: serif ;
   font-style: italic;
   margin-top: 5px;
   background-color: #ccccff;
}

#audio_navigation  {
   position: absolute;
   width: 190px;
   height: 60px;
   top:  270px;
   left: 10px;
}
#audio_header {
   padding-left: 12px;
   font-style: italic;
   font-size: 11pt;
   /* padding-bottom: 10px; It is not working: find why */
}
#audio_navigation a {
   font-family: serif ;
   font-style: italic;
   margin-top: 5px;
   text-align: center;
   background-color: #ccccff;
}

#dedica_navigation  {
   position: absolute;
   top:  90px;
   left: 640px;
   width: 160px;
   height: 90px;
   background-color: #ccccff;
}
#dedica_navigation a {
   font-family: serif ;
   font-style: italic;
}
#recipe_navigation {
  position: absolute;
  top:   200px;
  left:  640px;
  width: 160px; 
  background-color: #ccccff; 
  border-style: solid;
  border-width: 0px;
}