/*
 * Colors:
 * #06266F - Dark, headers and borders
 * #4671D5 - Light-medium - overlays, hovers
 * #6C8CD5 - Light - Panel backgrounds
 * #1240AB - Links
 */
html,
body {
  padding: 0;
  margin: 0;
  font-family: 'Lato', helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a,
a:visited {
  color: #1240AB;
  text-decoration: none;
}
a:hover {
  color: #0b2666;
}
.header {
  font-size: 200%;
  background-color: #0b2666;
  color: white;
  padding: 0.5em;
}
.linkbar {
  background-color: #0b2666;
  color: white;
  height: 4ex;
  line-height: 4ex;
  box-shadow: 3px 3px 3px #888888;
}
.linkbarleft {
  float: left;
  height: 100%;
}
.linkbarright {
  float: right;
  height: 100%;
}
.linkbarleft > div,
.linkbarright > div {
  float: left;
  height: 100%;
}
.linkbarleft > div {
  margin-left: 2em;
}
.linkbarright > div {
  margin-right: 2em;
}
.linkbar a,
.linkbar a:visited {
  color: white;
}
.linkbar a:hover {
  color: #6790ef;
}
.message {
  font-size: 125%;
  text-align: center;
  padding: 0.5em 0;
}
.infomessage {
  font-size: 125%;
  text-align: center;
  padding: 0.5em 0;
  background-color: #2D2;
}
.errormessage {
  font-size: 125%;
  text-align: center;
  padding: 0.5em 0;
  background-color: #D22;
}
.content {
  width: 960px;
  margin: 0 auto;
}
.mainarea {
  margin-top: 1em;
}
.leftbar {
  width: 700px;
  float: left;
}
.rightbar {
  width: 250px;
  float: right;
  margin-left: 10px;
}
@media (max-width: 960px) {
  .content {
    width: auto;
    margin: 0 5px;
  }
  .leftbar {
    width: auto;
    float: none;
    margin: auto;
  }
  .rightbar {
    width: auto;
    float: none;
    margin: 10px auto;
  }
  .linkbar {
    height: auto;
  }
}
.bodyerror {
  margin: 2em;
  font-size: 110%;
}
.bubble {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
}
.followonbubble {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 60%;
  vertical-align: 0.5ex;
  margin-left: 0.5em;
}
.standalonebubble {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 87%;
  margin-right: 0.5em;
}
a.tag,
a.tag:visited {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 87%;
  margin-right: 0.5em;
  background-color: #7495e2;
  text-decoration: none;
}
a.tag:hover {
  background-color: #225de8;
}
.queuedbubble {
  background-color: #466cc3;
}
.queued {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 60%;
  vertical-align: 0.5ex;
  margin-left: 0.5em;
  background-color: #466cc3;
}
.queuedrecipe {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 87%;
  margin-right: 0.5em;
  background-color: #466cc3;
}
.deletedbubble {
  background-color: #d92626;
}
.deleted {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 60%;
  vertical-align: 0.5ex;
  margin-left: 0.5em;
  background-color: #d92626;
}
.deletedrecipe {
  border-radius: 10px;
  color: white;
  padding: 0.1em 0.75em;
  font-size: 87%;
  margin-right: 0.5em;
  background-color: #d92626;
}
.editlink {
  font-size: 10pt;
  margin-left: 0.5em;
}
.propertyprompt {
  display: inline-block;
  width: 6em;
}
.longtext {
  font-family: 'Merriweather', helvetica, sans-serif;
  margin-left: 2em;
}
.recipelistitem {
  margin: 0.5em 0.5em 1em 0.5em;
  padding: 0.5em 1.5em;
}
.recipelistitemtitle {
  font-size: 125%;
}
.recipelistitemtags {
  margin-top: 0.5em;
}
.menuindicator {
  font-size: 75%;
}
.menutop {
  position: relative;
}
.menutop li {
  list-style-type: none;
}
.menu {
  background-color: #0b2666;
  display: none;
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  width: 8em;
}
.menutop:hover .menu,
.menutop:focus .menu,
.menutop:active .menu {
  display: block;
}
.linkbar .menu {
  box-shadow: 3px 3px 3px 0 #888888;
}