/* info.css: the Info page (loaded after site.css). */

/* Layout differences from the other pages */

#menubox a:hover {
  color: #222;
}

#paintingbox {
  margin-top: 0px;
}

#sidebar {
  margin-top: 0px;
  margin-bottom: 0px;
}

#sidebarEntry1 {
  margin-top: 0px;
}

#infobox {
  width: 361px;
}

/* Headings ("Contact", "Featured") and the lines below them */

#titleentry {
  width: auto;
  margin-bottom: 45px;
  margin-top: 0px;
  font-size: 22px;
  height: auto;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
}

#titleentry2 {
  width: auto;
  margin-bottom: 20px;
  margin-top: 70px;
  font-size: 22px;
  height: auto;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
}

#subentry {
  width: auto;
  height: auto;
  margin-top: 15px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666;
}

#subentry a:link,
#subentry a:visited {
  color: #777;
  text-decoration: none;
}

#subentry a:hover {
  color: #222;
}

/* Phones and tablets: headings sit closer to the lines they introduce */
@media (max-width: 979px) {
  #paintingbox {
    margin-top: 40px;
  }

  #titleentry {
    margin-bottom: 16px;
  }

  #titleentry2 {
    margin-top: 48px;
    margin-bottom: 16px;
  }
}
