html {
 overflow-y: scroll;
}
body {
 background: #71a6d2 url(bg.png) top repeat-x;
}
body {
}
.main-container-wrapper {
 margin: 0 auto 0;
 display: flex;
 justify-content: center;
}
#main {
 width: 738px;
 padding-left: 20px;
 background-color: #FFFFFF;
 box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.25);
}
.top img {
 box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.25);
}
.row {
 width: 743px;
}
#nmain a {
 color: #93C572;
}
#nmain {
 display: block;
 width: 376px;
 border: 1px solid #93C572;
 background: #fff;
 overflow: hidden;
}
#nsub {
 width: 378px;
}
#nlist {
}
#logo {
 color: #ffffff;
 font-size: 42px;
 text-shadow: 0 1px #000000;
 line-height: 60px;
 margin-left: 20px;
 height: 50px;
 display: inline-block;
 overflow: hidden;
}
.chans, .chans li {
 list-style: none;
 margin: 0;
 padding: 0;
}
.chans li {
 float: left;
 margin-right: 5px;
 margin-bottom: 3px;
}
.chans {
 margin-top: -10px;
}
.chans li.header {
 float: none;
 display: block;
 clear: both;
 padding-top: 10px;
}
#starred, #starred li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#starred li {
 float: left;
 margin-right: 5px;
 margin-bottom: 8px;
}
#nmain h2 {
 line-height: 24px;
 margin-bottom: 5px;
}
em { font-style: normal; font-weight: 600; }

#volume, #volume .state {
 width: 140px;
 display: block;
 height: 15px;
}
#volume {
 width: 138px;
 height: 13px;
 border: 1px solid #93C572;
 margin-top: 5px;
 position: relative;
 overflow: hidden;
}
#volume .state {
 position: absolute;
 left: -70px;
 top: 0px;
 background: #93C572;
}
#volume i {
 position: absolute;
 left: 0px;
 top: 0px;
}
#volume {
 cursor: pointer;
}
#logo {
 vertical-align: middle;
}
@keyframes slidein {
 from {
  -ms-transform: translate(0px, -64px) scale(1.25, 3);
  transform: translate(0px, -64px) scale(1.25, 3);
  opacity: 0;
 }
 to { }
}
@-webkit-keyframes slidein {
 from {
  -webkit-transform: translate(0px, -64px) scale(1.25, 3);
  opacity: 0;
 }
 to { }
}
.top-links {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline-block;
 vertical-align: bottom;
 margin-left: 16px;

 -webkit-animation: slidein 500ms;
 animation: slidein 500ms;
}
.top-links li {
 float: left;
 margin-right: 16px;
}
.top-links li a:hover {
 text-decoration: none;
 color: #fff;
}
.top-links li a {
 color: #eee;
 font-size: 18px;
 text-shadow: 0 1px #333;
 line-height: 24px;
}
body {
 padding-bottom: 5em;
}
