html {
  background-color: white;
  position: relative;
  height: 100%;
}
body {
  position: relative;
  min-height: 100%;
  color: dimgray;
}
a {
  color: #1bb8ce;
  text-decoration: none;
}
a:hover {
  color: #ed6741;
}
#login {
  padding-bottom: -20px;
}
header {
  background-color: #fdd900;
  position: relative;
  height: 80px;
  /*height: 120px;*/

  /*height: 180px;*/

}
header .inner {
  /*height: 60px;*/
  height: 120px;
  /*top: 50%;*/

  /*-ms-transform: translateY(-50%);*/

  /*transform: translateY(-50%);*/

}
header .outer {
  /*height: 40px;*/
  height: 60px;
  background-color: #5bb7ca;
}
header .outer nav {
  line-height: 40px;
  margin-top: 10px;
}
@media only screen and (min-width: 900px) {
  header .a-login-res {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  header .a-login {
    display: none;
  }
}
header nav {
  line-height: 60px;
}
header nav.open a,
header nav.open #nav-login a {
  color: white;
}
header nav.open a:hover,
header nav.open #nav-login a:hover {
  color: #fece06;
}
header nav a {
  color: #191919;
}
header nav a:hover {
  color: white;
}
@media only screen and (max-width: 740px) {
  header nav a {
    color: white;
  }
  header nav a:hover {
    color: #fdd900;
  }
}
header .social a {
  line-height: 60px;
  color: black;
}
header .social a:hover {
  color: white;
}
.fb-like-container {
  padding-top: 20px;
}
#nav-button {
  color: #191919;
  float: right;
  height: 60px;
}
#nav-button.active {
  background-color: black !important;
  color: white;
}
#nav-button:hover {
  color: white;
}
@media only screen and (max-width: 740px) {
  #nav-button {
    height: 60px;
    line-height: 60px;
  }
}
#nav-login a {
  color: #191919;
}
#nav-login a:hover {
  color: white;
}
#logo {
  position: absolute;
  top: 12px;
  left: 29px;
  display: block;
  width: 90px;
  height: 47px;
  background: url(/cassette.axd/file/site-static/resp/logo_black_x1-68dcecbe609d6d954d627171d3e942208d2cdda6.png) no-repeat;
  -moz-background-size: 90px 47px;
  -o-background-size: 90px 47px;
  -webkit-background-size: 90px 47px;
  background-size: 100% auto;
}
@media only screen and (max-width: 740px) {
  #logo {
    width: 90px;
    height: 47px;
    top: 3px;
    left: 13px;
  }
}
@media only screen and (max-width: 560px) {
  #logo {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #logo {
    background-image: url(/cassette.axd/file/site-static/resp/logo_black_x2-8d28230af62052ce67f132ce5a9b49adf511eb9f.png);
  }
}
#search-box {
  margin: 15px 0;
}
#search {
  height: 60px;
  color: #191919;
  /*line-height: 60px;*/

}
#search:hover {
  /*color: white;*/
  color: yellow;
}
#nav-login {
  position: relative;
  top: 0;
}
#main {
  padding: 0 0 100px 0;
}
@media only screen and (max-width: 512px) {
  #main {
    padding-bottom: 20px;
  }
}
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 512px) {
  footer {
    position: relative;
  }
}
#mainContent {
  min-height: 800px;
  margin-top: 10px;
}
.modal_overflow_scroll {
  display: none;
}
#comments-recent {
  margin: 0 auto;
  width: 972px;
}
#comments-recent img {
  float: left;
  margin: 0 15px 0 0;
  height: 90px;
  width: 90px;
}
#comments-recent li {
  clear: both;
  padding: 5px 0 5px 0;
  min-height: 92px;
  border-top: 1px solid white;
  background: #e8e8e9;
}
#comments-recent h4 {
  display: inline;
  margin-right: 15px;
}
#comments-recent div.text {
  margin-top: 5px;
}
#comments-recent span.delete {
  position: absolute;
  right: 10px;
}