/*
    The initial/default theme is Midnight Blue, (.theme-midnight,) which should not
    have any styling here, since the default styling, without applying any specific
    theme styles, is Midnight Blue.

    The only entries here should be for anything that differs from the default theme.
*/
.theme-library #overlay {
  background: #111111 url(/images/themes/peabody-library.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.theme-library #overlay .glass {
  padding: 8px 15px 1px 10px;
}
.theme-library #overlay .glass::after {
  /*background: rgba(26, 24, 17, 0.5);  - lighter alternative with touch of cream */
  background: rgba(0, 0, 0, 0.5);
}
.theme-library .overlay-list-title {
  color: #fff;
  text-shadow: 2px 2px #000;
}
.theme-library #listWelcome p,
.theme-library .overlay-list-note {
  color: #bbb;
  text-shadow: 2px 2px #000;
}
.theme-library .overlay-list-note.glass {
  margin-top: 5px;
}
.theme-library #overlay .triangle-in-circle,
.theme-library #listWelcome a,
.theme-library #listWelcome a:hover,
.theme-library #listWelcome a:visited {
  border-color: #e2d99c;
  color: #e2d99c;
  text-shadow: 1px 1px 20px #111;
}
.theme-library .overlay-tile {
  opacity: 1;
}
.theme-library .overlay-tile:hover {
  border-color: #b28f65;
  -webkit-box-shadow: 3px 3px 10px #dedea2;
  -moz-box-shadow: 3px 3px 10px #dedea2;
  box-shadow: 3px 3px 10px #dedea2;
}
.theme-library #themePicker {
  background: #b28f65;
  color: #000;
  opacity: 0.6;
}
.theme-library footer {
  background-color: #353023;
  border-color: #2a2519;
}
.theme-linen #overlay {
  background: #d1bfa7 url(/images/themes/linen.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.theme-linen .overlay-list-title {
  color: #684b45;
  text-shadow: 1px 1px 1px #907975;
  border-bottom-color: #907975;
}
.theme-linen .overlay-list-note,
.theme-linen .overlay-list-note.small {
  color: #543737;
}
.theme-linen #listWelcome p {
  font-size: 16px;
  line-height: 20px;
  color: #270d0f;
}
.theme-linen #listWelcome a {
  margin-bottom: 0.5em;
  letter-spacing: 1px;
}
.theme-linen #overlay .triangle-in-circle {
  position: relative;
  top: 0.15em;
  margin: 0 0.15em 0 0.15em;
  box-shadow: -1px 1px 1px #4f3831;
  background-color: #e8cd9e;
}
.theme-linen #overlay .triangle-in-circle:hover {
  background-color: #fce4ba;
}
.theme-linen #overlay .triangle-in-circle,
.theme-linen #listWelcome a,
.theme-linen #listWelcome a:hover,
.theme-linen #listWelcome a:visited {
  border-color: #a52600;
  color: #a52600;
  color: #ca360a;
  text-shadow: 1px 1px 1px #93373a;
}
.theme-linen #themePicker {
  background: #d1bfa7;
  color: #684b45;
  opacity: 0.8;
}
.theme-linen #themePicker select {
  background-color: #4f3135;
}
.theme-linen footer {
  background-color: #2d1d20;
  border-color: #1f1617;
}
.theme-parchment #overlay {
  background: #c7b283 url(/images/themes/parchment.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.theme-parchment .overlay-list-title {
  color: #684b45;
  border-bottom-color: #684b45;
}
.theme-parchment .overlay-list-note,
.theme-parchment .overlay-list-note.small {
  color: #543737;
}
.theme-parchment #listWelcome p {
  font-family: 'Arizonia', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', sans-serif;
  font-size: 1.4em;
  line-height: 0.9em;
  margin-bottom: 0.5em;
  padding-top: 0.2em;
  color: #270d0f;
  text-align: left;
}
.theme-parchment #listWelcome p:first-letter {
  font-family: 'Edwardian Script ITC', 'Brush Script MT', 'Arizonia', cursive;
  font-size: 2em;
  font-weight: bold;
  margin: 0 0.15em 0 -0.15em;
}
.theme-parchment #listWelcome p:first-line {
  line-height: 100%;
}
.theme-parchment #listWelcome a {
  margin-bottom: 0.5em;
  letter-spacing: 1px;
}
.theme-parchment #overlay .triangle-in-circle {
  position: relative;
  top: 0.15em;
  margin: 0 0.15em 0 0.15em;
  box-shadow: -1px 1px 1px #4f3831;
  background-color: #cfb072;
}
.theme-parchment #overlay .triangle-in-circle:hover {
  background-color: ##efcb82;
}
.theme-parchment #overlay .triangle-in-circle,
.theme-parchment #listWelcome a,
.theme-parchment #listWelcome a:hover,
.theme-parchment #listWelcome a:visited {
  border-color: #a52600;
  color: #a52600;
  text-shadow: 1px 1px 1px #93373a;
}
.theme-parchment #themePicker {
  background: #c7b283;
  color: #684b45;
  opacity: 0.8;
}
.theme-parchment #themePicker select {
  background-color: #4f3135;
}
.theme-parchment footer {
  background-color: #2d1d20;
  border-color: #1f1617;
}
.theme-rosette #overlay {
  background: #120305 url(/images/themes/rosette-nebula.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.theme-rosette .overlay-list-note {
  color: #ddd;
  text-shadow: 2px 2px #000;
}
.theme-rosette .overlay-list-note.glass {
  margin-top: 5px;
  padding: 8px 15px 1px 10px;
  color: #bbb;
}
.theme-rosette .overlay-list-note.glass::after {
  background: rgba(32, 12, 15, 0.8);
}
.theme-rosette #overlay .triangle-in-circle,
.theme-rosette #listWelcome a,
.theme-rosette #listWelcome a:hover,
.theme-rosette #listWelcome a:visited {
  border-color: #f80;
  color: #f80;
  text-shadow: 1px 1px 20px #f90;
}
.theme-rosette #themePicker {
  background: #3a1218;
  opacity: 0.8;
}
.theme-rosette #themePicker select {
  background-color: #4f3135;
}
.theme-rosette footer {
  background-color: #200c0f;
  border-color: #170306;
}
