html {font-size: 12px;}
/* promo header pushdown
body, .navbar {margin-top: 25px;} */

/* links */
a:hover {text-decoration:none}

/* structure */
#wrapper {width: 989px; margin: auto;}

/* header */
.nav a {margin-top: 2px;}
/*.navbar .nav>li:first-child>a {padding-left: 0px;}*/
.navbar .nav .active {font-weight: bold;}

#header h5 a {
  display: block;
  width: 368px;
  height: 104px;
  background: url('/images/logo.png') no-repeat 0 0;
}
#header h5 a span {
  display: none;
}
#header .pull-left, #header .pull-right {margin: 12px 0 0 15px;}

.info {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 10px;
}

.info ul {
  padding-top: 10px;
  padding-left: 25px;
}

.footer-links {list-style-type: none; margin-left: 0;}
.footer-links li {float: left; margin-left: 6px;}

.footer small, footer .stats {font-size: 10px; color: #aaa;}

/* content */
.plzreg {
  background:#e2f6ff;
  padding: 10px 15px;
  border-radius:10px;
  margin-bottom: 5px;
  text-align:left;
  font-weight: bold;
  font-size: 20px;
}

/* floating caption */
.floatbirch {
  position: absolute;
  margin: 155px 0 0 10px;
  padding: 2px 8px;
  background: #000;
  border-radius: 5px;
  opacity:0.7;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}


.folder-path {line-height: 30px;}

/* dropzone post-formatting */
.dropzone {min-height: 75px; background: url(/images/upload_bg.png) center no-repeat;}
.dropzone .default.message span {display: none; text-align: center;}

iframe.watch {width: 100%; height: 600px;}
iframe.listen {width: 100%; height: 120px;}
iframe.view {width: 600px; height: 400px;}
.tabbable.share {height: 120px;}
.tab-content.share {overflow-x: hidden; overflow-y: hidden;}
.share-code {width: 800px; overflow-x: scroll;}

/* footer */
.footer{
  padding-bottom: 25px;
  padding-top: 20px;
  color: black;
}
.footer .links a {
  display: inline-block;
  font-size: 12px;
  margin: 0 10px;
}
.footer .links a:first-child {
  margin-left: 0;
}
.footer-links {
  list-style-type:none;
  margin-left:-50px
}
.footer-links li {
  float:left;
  margin-left:6px
}
.version {
  text-align: left;
}

.content-video, .content-text {
  width: 800px;
  height: 450px;
}

.content-image {
  max-width: 900px;
  max-height: 600px;
  margin-bottom: 10px;
}

.border {
  margin-top: 15px;
  border: solid;
}

article ul, article li {
  list-style:disc;
}

.blogListEntry {
  background: #E8E8EE !important;
  border-bottom: solid #999;
  padding: 10px;
  margin: 5px;
}

.leader {
  margin: 5px 0 5px 0;
}

.adContent {
  float: right;
}

.navbar-inverse {
  background-color: #222B38;
}

.promo-header-bar, .header-bar {
  line-height: 35px;
}

.promo-header-bar {
  background: #48A85B;
  color: #fff;
  margin: 5px 0;
}

.promo-header-bar, .header-bar .container {
  padding: 0 40px;
}

.promo-header-bar a {
  color: #fff;
}

.header-bar-title {
  color: #333;
}

.login-nav-button, .logout-nav-button {
  padding: 10px 0;
}

.login-nav-button>a, .logout-nav-button>a {
  background: #5cb85c;
  border-radius: 5px;
  color: white;
  display: block;
  line-height: 35px;
  text-align: center;
  width: 90px;
}

.logout-nav-button>a {
  background: #f0ad4e;
}

.yu-navbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 1170px;
}
.yu-navbar-toggle {
  display: none;
  font-size: 1.2em;
  position: absolute;
  right: 15px;
  top: 15px;
}
.yu-navbar ul, .yu-navbar-right ul {
  display: flex;
  list-style-type: none;
  padding: 0;
}
.yu-navbar ul li, .yu-navbar-right ul li {
  display: block;
  font-size: 1.2em;
  margin: 0 10px;
  line-height: 60px;
}
.yu-navbar-right {
  float: right;
}
.yu-navbar .logo {
  display: inline-block;
  line-height: 60px;
}
.yu-navbar .logo img {
  width: 165px;
}
.login-container {
  margin: auto;
  width: 600px;
}
.login-buttons {
  margin: 15px 0;
}
.login-spacer {
  height: 100px;
}
.control-buttons {
  float: right;
  list-style-type: none;
}
.control-buttons li {
  float: left;
  margin: 0 5px;
}
.yu-search input[type=text] {
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 30px;
}
.detail-mini { padding: 20px; }
.detail-mini h1 { margin-top: 0; }
@media (max-width: 1000px) {
  .control-buttons {
    float: left;
    width: 100%;
  }
  .yu-search {
    padding-bottom: 5px;
    width: 100%;
  }
  .yu-search input[type=text] {
    width: 80%;
  }
  .login-container {
    margin: auto;
    width: 100%;
  }
  .yu-navbar {
    display: block;
    width: 100%;
  }
  .yu-navbar-toggle {
    display: block;
  }
  .yu-navbar ul {
    display: none;
  }
  .yu-navbar ul.navbar-open {
    display: block;
  }
  .yu-navbar ul li, .yu-navbar-right ul li {
    width: 100%;
  }
}