body {
  padding-top: 10px;
  padding-bottom: 10px;
}


/* Custom container */
.container-narrow {
  margin: 0 auto;
  max-width: 1000px;
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  margin: 20px 0;
  text-align: center;
}
.jumbotron h1, .h1 {
  font-size: 30px;
  line-height: 1;
}
.jumbotron h2 {
  font-size: 22px;
  line-height: 22px;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

  .jumbotron .btn2 {
  font-size: 21px;
  padding: 5px 10px;
}
/* Supporting marketing content */
.marketing {
  margin: 60px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

.row-channel {
  float: left;
  margin: 20px 20px 0 0;
  padding: 20px;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}

.row-video {
  float: left;
  margin: 20px 20px 0 0;
  padding: 10px;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}

.captions {
  display: table;
  margin: 0 auto;
  margin-top: 10px;
  padding: 10px;
  #width: 600px;
  #border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  text-align: left;
  font-size: 25px;
}

.captions p {
  padding: 6px;
}

.captions p a {
  text-decoration:none;
  border-bottom: #333 1px dashed;
  color: #333;  
}

.clean {
  clear: both;
}
.error {
  color: red;
  font-weight: bold;
}
.selectBold {
  font-weight: bold;
}

.left {
  text-align: left;
}

#nav {
  list-style: outside none none;
  font-size: 18px;
  font-weight: bold;
}
#nav li {
  display: block;
  float: left;
}
#nav a {
  margin-right: 20px;
  padding: 20px;
}
#nav a:hover,
#nav a:focus,
#nav .active a {
    background-color: #f5f5f5;
}

#playlists {
  text-align: left;
  font-size: 18px;
  margin-top: 20px;
}
#playlists a {
  font-weight: bold;
}

.more {
  font-size: 16px;
  margin: 20px 0 40px 0;
  text-align: right;
}
.mores {
  font-size: 16px;
  margin: 20px 0 40px 0;
  text-align: right;
}
.main_rubric h2 {
  text-align: left;
}

.fontplus, .fontminus {
  margin-right: 6px;
  font-size: 18px !important;
  color: #333;  
}

.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}

#langdiv {
  float: left;
}
#close_video {
  text-align: right;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 14px !important;
}

#close_video .btn {
  padding: 4px 12px !important;
}

#closevideo {
  font-size: 14px !important;
}

#openvideo {
  display: none;
  font-size: 14px !important;
}

#source_video {
  text-align: left;
  font-size: 13px;
  margin-top: 5px;
}

#video {
  background-color: #fff;
  padding-bottom: 10px;
}
.videos {
  background-color: #f5f5f5;
  padding: 10px;
}
#lbuttons {
  margin-top: 10px;
}
.likes {
  font-size: 16px;
  font-weight: normal;
  margin-right: 10px;
}

a.vload {
  margin: 4px 10px;
  font-size: 22px;
}

.filter {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.filter-right {
  text-align: right;
  float: right;
}

.return-top {
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
}


.row-top {
  padding: 10px;
  border: 1px solid #ddd;
  min-height: 90px;
  overflow:hidden;
}
.thumbl {
  float: left;
  margin-right: 20px;
  width: 120px;
}
.titlel {
  float: left;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
  width: 80%;
}

.current_rubric a, a.current_filter {
  color: rgb( 255, 137, 10);
}

.banner {
  background-color: #fff;
}

.abuse-icon {
  width: 16px;
  height: 16px;
  background: url("../img/abuse-icon.png") no-repeat;
  padding-left: 20px;
}
.abuse-icon a {
  font-size: 12px;
  background: #fffde6;
  color: #5e6363;
}
.abuse td {
  padding: 2px 5px;
}
.abuse input[type=text],
.abuse select,
.abuse textarea {
  width: 500px;
}
.abuse-title {
  text-align: left;
}

.footer_link {
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}
.simple {
  text-align: left;
}
.contact {
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}
.contacttable td {
  padding: 5px;
}
.contact_textarea {
  width: 300px;
  height: 100px;
  font-size: 14px;
}

@media only screen and (max-width: 600px) {
  .captions { width: 80%;}

  .abuse input[type=text],
  .abuse select,
  .abuse textarea {
    width: 200px;
  }
}
@media only screen and (max-width: 450px) {
  .captions { width: 90%;}

}
@media only screen and (max-width: 320px) {
  .captions { width: 90%; font-size: 18px;}
}