/* --------------------------------------------------------------
/* Recipy container (all recipy containers A-B-C are defined in home.css)
-------------------------------------------------------------- */
.homeA, .homeB, .homeC{
  margin-left: 10px;
}
.recipyContainer, .recipyContainerHover{
  position: absolute;
  left: 10px;
  width: 752px; 
  height: 230px;
  border: solid 1px #F0BB50; 
  cursor: pointer;  
}
.homeA .recipyContainer, .homeA .recipyContainerHover{
  top: 613px; 
}
.homeB .recipyContainer, .homeB .recipyContainerHover{
  top: 625px; 
}
.homeC .recipyContainer, .homeC .recipyContainerHover{
  top: 625px; 
}
.homeA .recipyContainer{
  background-color: #F0BB50;
}
.homeA .recipyContainerHover{
  background-color: #FAEBCA;
}
.homeB .recipyContainer, 
.homeC .recipyContainer{
  background-color: #FAEACA;
}
.homeB .recipyContainerHover, 
.homeC .recipyContainerHover{
  background-color: white;
}
.recipyContainer .containerTitle, .recipyContainerHover .containerTitle{
  position: absolute;  
  left: 255px; 
  top: -22px;
}
.recipyContainer .articleImageContainer, .recipyContainerHover .articleImageContainer{
  
}
.recipyContainer .articleTextsContainer, .recipyContainerHover .articleTextsContainer{
  height: 220px;
  overflow: hidden;
}
.recipyContainer .articleTitle, .recipyContainerHover .articleTitle{
  font-family: Georgia; 
  font-size: 16px; 
  font-weight: bold; 
  height: 30px;
  border-bottom: dotted 1px black; 
  text-transform: uppercase;
  margin: 10px 8px 0px 8px;
  text-align: center;
}
.homeA .recipyContainer .articleTitle, .homeA .recipyContainerHover .articleTitle{
  color: #666666;
}
.homeB .recipyContainer .articleTitle, .homeB .recipyContainerHover .articleTitle, 
.homeC .recipyContainer .articleTitle, .homeC .recipyContainerHover .articleTitle{
  color: #CC6716;
}
.recipyContainer .articleDescription, .recipyContainerHover .articleDescription{
  font-family: Verdana; 
  font-size: 12px; 
  color: #5E5E5E;
  text-align: left;
  margin: 15px 10px 0px 10px;
}
.recipyContainer .articleImage, .recipyContainerHover .articleImage{
  /*width: 235px;
  height: 210px;*/
  margin: 10px 0px 10px 10px; 
}