/* stylesheet for index.php */

div.places
{
  margin: 0 auto;
  text-align: center;
}

div.placeimg
{
  display: inline-block;
  vertical-align: top;
  background: white;

}

img.places { max-width: 100%; }

div.captions
{
  width: 100%;
  max-width: 500px;
  margin: 0 auto 10px;
  padding: 5px;
  background: #edb;
  border-radius: 5px;
  color: #630;
  text-align: center;
}

div.cap1, div.cap2
{
  display: inline-block;
  width: 48%;
  margin-bottom: 10px;
  vertical-align: top;
  text-align: left;
}

div.cap2
{
  border-left: 1px solid #633;
  padding-left: 5px;
}

form.closebutton, form.imgbutton
{ 
  text-align: center; 
  font-size: 80%;
  padding: 1px;
  color: #030;
}


div.oldandnew
{
  margin: 10px auto;
  text-align: center;
}

/* 3 blocks in a row, across if space permits */
div.block3
{ 
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 10px;
  max-width: 700px;
  margin: 10px auto;
}

div.block3 div img
{
  max-width: 100%;
}

div.block3 div.text
{
  background: white;
  padding: 10px;
}



@media screen and (max-width: 500px)
{
  div.block3 { max-width: 300px; }
  div.block3 div.text 
  { 
    grid-row: 2; 
    grid-column-start: 1;
    grid-column-end: 3; 
  }
}