/* Puzzle Network Stuff */

/* Containers */
.titlebox .md blockquote ul  {
  position: absolute;
  list-style: none;
  width: 150px;
  top: 15px;
  z-index: 9999;
}
.titlebox .md blockquote ul:nth-child(1) {
  left: 5px;
}
.titlebox .md blockquote ul:nth-child(2) {
 left: 160px;
}

/* Tooltips */
.titlebox .md blockquote ul li a[href="/r/riddles"]:hover:before, .titlebox .md blockquote ul li a[href="/r/puzzles"]:hover:before, .titlebox .md blockquote ul li a[href="/r/rebus"]:hover:before, titlebox .md blockquote ul li a[href="/r/sleuths"]:hover:before, .titlebox .md blockquote ul li a[href="/r/riddlesforredditors"]:hover:before, .titlebox .md blockquote ul li a[href="/r/crosswords"]:hover:before {
  border: solid;
  border-color: transparent #000;
  border-width: 4px 4px 4px 0;
  bottom: 4px;
  content: "";
  display: block;
  left: 150px;
  position: absolute;
  z-index: 99;
}
.titlebox .md blockquote ul li a[href="/r/riddles"]:hover:after, .titlebox .md blockquote ul li a[href="/r/puzzles"]:hover:after, .titlebox .md blockquote ul li a[href="/r/rebus"]:hover:after, .titlebox .md blockquote ul li a[href="/r/sleuths"]:hover:after, .titlebox .md blockquote ul li a[href="/r/riddlesforredditors"]:hover:after, .titlebox .md blockquote ul li a[href="/r/crosswords"]:hover:after {
  background: #000;
  border-radius: 5px;
  bottom: 0;
  color: #FFF;
  width: 250px;
  display: block;
  left: 155px;
  padding: 0 5px;
  position: absolute;
  z-index: 1000;
  font-size: 0.8em;
}

/* Visited Links */
.titlebox .md blockquote ul li a[href="/r/riddles"]:visited, .titlebox .md blockquote ul li a[href="/r/puzzles"]:visited, .titlebox .md blockquote ul li a[href="/r/rebus"]:visited, .titlebox .md blockquote ul li a[href="/r/sleuths"]:visited, .titlebox .md blockquote ul li a[href="/r/riddlesforredditors"]:visited, .titlebox .md blockquote ul li a[href="/r/crosswords"]:visited{
  color: white !important;
  }

/* Tooltip Content */
.titlebox .md blockquote ul li a[href="/r/riddles"]:hover:after {
  content: "Use lateral thinking to solve these!";
}
.titlebox .md blockquote ul li a[href="/r/puzzles"]:hover:after {
  content: "Get your logic on.";
}
.titlebox .md blockquote ul li a[href="/r/rebus"]:hover:after {
  content: "Rebuses are like visual riddles. Come and see!";
}
.titlebox .md blockquote ul li a[href="/r/sleuths"]:hover:after {
  content: "Anything that requires creative thinking and problem solving."
}
.titlebox .md blockquote ul li a[href="/r/riddlesforredditors"]:hover:after {
  content: "Group problem-solving and difficult riddles."
}
.titlebox .md blockquote ul li a[href="/r/crosswords"]:hover:after {
  content: "Cryptic crosswords."
}

/* Main Tab */
.titlebox .md blockquote ul li:first-child {
  display: block;
}
.titlebox .md blockquote ul li:first-child a {
  display: block;
  padding: 5px 0;
  width: 150px;
  background-color: #EEE;
  color: #000 !important;
  text-align: center;
  box-shadow: 0 0 5px #000;
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font: bold 12px/18px sans-serif;
}
.titlebox .md blockquote ul li:first-child:hover a {
  background-color: #FFF;
}

/* List tabs */
.titlebox .md blockquote ul li {
  display: none;
}
.titlebox .md blockquote ul:hover li {
  display: block;
  box-shadow: none;
}
.titlebox .md blockquote ul li:not(:first-child) a {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font: bold 12px/18px sans-serif;
  display: block;
  position: relative;
  background-color: #555;
  color: #FFF;
  text-shadow: 0 -1px 0 #000;
  padding: 6px 0;
  width: 150px;
  text-align: center;
  top: 4px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.titlebox .md blockquote ul li:not(:first-child):hover a {
  background-color: #666;
}

/* Header padding */
#header-bottom-left {
  padding-top: 40px;
}