/*
 * *****************************************************************************
 * Stephanie Kayne Website
 *
 * /style/books.css - Collections (bookmark) Styles
 *
 * Assumes: site.css
 * *****************************************************************************
 */


div.collection {
  /* border: 1px solid red; */
  background: none none;
  padding: 2px;
}

div.collection ul {
  /* border: 1px solid blue; */
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div.collection li {
  /* border: 1px solid green; */
  background: none none;
  position: relative;
  padding: 2px;
  margin: 20px;
}

div.collection a { /* 600/150 = 1:4 */
  background: white none;
  border: 2px outset white;
  border-radius: 15px;
  box-shadow: 4px 6px 20px SaddleBrown;
  color: White;
  display: block;
  font-size: 200%;
  height: 150px;
  line-height: 1.5em;
  margin: 0px auto;
  padding-top: 0em; /* Needed to keep image aligned in box. */
  text-align: center;
  text-decoration: none;
  width: 600px;
}

div.collection a p {
  font-size: 60%;
  line-height: normal;
  padding-top: 2.6em;
}

div.collection a q::before {
  content: "~ ";
}
div.collection a q::after {
  content: " ~";
}

div.collection a#collection-shadow-earth {
  background: grey url("/image/shadow/San Francisco/Shadow Earth Bookmark 2.jpg") no-repeat;
  background-position: center;
  text-shadow: 0px 0px 1px Black, 0px 0px 12px Black;
}
div.collection a#collection-shadow-earth q {
  text-shadow: 0px 0px 6px Black;
}

div.collection a#collection-nebulous-space {
  background: black url("/image/nebulous/a1star_starfield1.gif");
  text-shadow: 0px 0px 1px Violet, -6px 0px 10px Violet, 6px 0px 15px Violet;
}
div.collection a#collection-nebulous-space q {
  text-shadow: -4px 0px 10px Violet, 4px 0px 15px Violet;
}

div.collection a#collection-other {
  background: sienna url("/image/open_book.jpg") no-repeat;
  background-position: center bottom;
  text-shadow: 0px 0px 1px SaddleBrown, -6px 0px 10px Yellow, 6px 0px 10px Yellow;
}
div.collection a#collection-other q {
  text-shadow: -3px 0px 10px Yellow, 3px 0px 10px Yellow;
}