body
{
  background-image:url("../images/ForkandSpoon.jpg");
}

#dining_header_frame
{  
  background-image:url("../images/Glass _Banner.jpg");
  height: 170px ;
  width: 100% ;
}

#dining_page_frame
{
  width: 1100px ;
  margin: auto ;
}

@media only screen and (max-width: 1100px)
{
  #dining_page_frame
  {
    width: 100% ;
  }
}

#dining_header_text
{
  font-family: Handlee;
  font-size: 2em ;
  font-weight: 900 ;
  text-align: center ;
  margin-left: auto ;
  margin-right: auto ;
}

@media only screen and (max-width: 360px)
{
  #dining_header_text
  {
    font-size: 1.6em;
  }
}

#upper_dining_block
{
  font-family: Overlock ;
  font-weight: 900 ;
  margin-right: 0px ;
  padding-bottom: 40px ;
}

#dining_map_frame
{
  width: 500px ;
  float: right ;
  margin: auto ;
  padding-left: 20px ;
}

#dining_map
{
    width: 100%;
    height: 100%;
}

#dining_text_block
{
  width: 48% ;
  min-width: 330px ;
  padding-left: 10px ;
}

.resaurant_blocks
{
  width: 48% ;
  padding-left: 10px ;
  display: inline-block ;
  vertical-align: top ;
}

.resaurant_text
{
  padding-top: 4px ;
  padding-bottom: 14px ;
  margin: 0px ;
}

.restaurant_list_heading
{
  font-size: 1.4em ;
  background-color: #fefb80 ;
}

@media only screen and (max-width: 1000px)
{
  #dining_map_frame
  {
    float: right ;
    width: 50% ;
    padding-left: 20px ;
  }
}

@media only screen and (max-width: 680px)
{
  #dining_map_frame
  {
    float: none ;
    width: 500px ;
    padding-left: 0px ;
  }

  #dining_text_block
  {
    width: 100% ;
    min-width: 330px ;
    margin-left: 10px ;
    margin-right: 10px ;
  }

  .resaurant_blocks
  {
    width: 90% ;
    display: inline-block ;
    margin-left: 10px ;
    margin-right: 10px ;
 }

  #upper_dining_block
  {
    margin-left: 0px ;
  }
}

@media only screen and (max-width: 500px)
{
  #dining_map_frame
  {
    float: none ;
    width: 100% ;
    padding-left: 0px ;
  }
}

.restaurant_list
{
  background-color: none ;
}

.restaurant_name
{
  font-size: 1.2em ;
  margin-top: 0px ;
  margin-bottom: 0px ;
}

#lower_dining_block
{
  font-family: Overlock ;
  margin-right: 0px ;
  font-weight: 900 ;
}

.spacer
{
  height: 30px;
}