/* COMMON */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Bootstrap overrides */


.modal-dialog {
    width: 430px;
}

/* PetTube Style */

.small-ad {
    display: none;

}

.pettube .main-view .container {
    margin-top:65px;
}

.pettube .frame {
    padding:1px;
   /* border: 1px solid #808080; */
}

.pettube .comment {
  border:  1px solid #eaeaea;
    padding:15px;
    margin-bottom: -1px;
}

.pettube #searchForm .input-group {
    margin-top: 58px;
    margin-right: 15px;
    width: 50%;
    float: right;
}

.pettube-main-links a {
    font-size: 1.2em;
    color: #0099FF;
}

.pettube-main-links a.black {
    color: #000000;
}

.pettube-main-links a.red {
    color: #FF3333;
}

.pettube-main-links a:hover {
    color: #EEE;
}

.pettube-main-links li > a:hover {
    color: #EEE;
    background: none;
}

.pettube-nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.pettube-nav.col-lg-8 {
    margin-top: 20px;
}

.pettube-bottom-links {
    border-top: 1px solid #555;
}

.pettube-frame {
    padding:1px;
    border: 1px solid #000000;
    width:140px;
    height:78px;
    overflow:hidden;
    text-align:center;
}
.pettube #signOut {
    display:none;
}
.pettube #signIn,
.pettube #signOut {
    right:25px;
    top: 15px;
    position:absolute;;
}

.pettube .thumb-shell {
    max-height:93px;
    overflow:hidden;
}
.category-nav {
    padding-left: 15px;
    padding-right: 15px;
}

.category-header {
    width: 50%;
    float:left;
}

.page-nav {
    float:right;
}

.thumbnail-div {
    margin-bottom:10px;
    line-height: 1.0em;
}

.embed-responsive-ad {
    padding-bottom: 10.25%;
}



a:link .title,
a:visited .title,
a:link .by,
a:visited .by,
a:link .sm,
a:visited .sm {
    color:#000000;
}

.sm,
.by {
    font-size:0.75em;
}
.title {
    font-weight:bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.right-column .title {
    font-size: 0.8em;
    padding-bottom: 10px;
}

.right-column .description {
   display:none;
}

H4.title {
    margin-bottom:2px;
}

.padding-top-10 {
    padding-top: 10px;
}


.main-stage {
    padding-left: 0;
    padding-right: 0;
}

a.video-link:Link {
   color: black;
}

.video-list {
    min-height: 400px;
}

.video-list .image {
    width: 640px;
    height: 360px;
    float:left;
}

.video-list .title {

}

.video-list .description {
    padding: 0 0;
}

.max-thumb-height {
    max-height: 117px;
}

UL.social-links {
    padding-left: 0;
    list-style: none;
    overflow: visible;
}

.follow-us {
    width: 56%;
}

.social-links li {
    padding: .60%;
    display: inline;
}

.right-ad {
    zoom:.9;
}

/* COMMON */
.center {
    text-align: center;
}
.h100 {
    height:100%;
}
.no-pad {
    padding:0;
}

.overflow-visible {
    overflow: visible;
}

.no-right-pad {
    padding-right:0;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-15 {
    margin-bottom:15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-6 {
    padding-bottom: 6px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.grey {
    color: #CCCCCC;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w100 {
    width:100%;
}

.w50 {
    width: 50%;
}

.italic {
    font-style:italic;
}

.smaller-text {
    font-size: 0.9em;
}

.red-border-bottom {
    border-bottom: 1px solid #FF3333;
}

ul.bottom-nav {
    padding-left: 0;
    font-size: 0.9em;
}

.bottom-nav a {
    padding: 5px 5px;
}

.bottom-nav li {
    display: inline;
}

.bottom-nav li.copyright {
    padding-right: 40px;
}

#bs-example-navbar-collapse-1.col-lg-6 {
    padding-left: 0;
}

#videoUploadForm input,
#videoUploadForm label,
#videoUploadForm textarea {
    width: 100%;
}

#videoUploadForm label {
    padding-top:5px;
}

#chooseFileForm {
    display: block;;
}
#videoUploadForm {
    display:none;
}

/* Mobile */
@media (max-width: 800px) {
    .hide-div  {
        display:none;
    }

    .navbar-nav>li {
        float: none;
    }
}



@media (min-width: 320px) and (max-width: 414px)
    {

    .pettube #signIn,
    .pettube #signOut {
        right: 65px;
        top: 20px;
    }
    .no-pad {
        padding:5px;
    }
    .hide-div  {
        display:none;
    }

    .small-ad {
        display: block;
    }

    .large-ad {
        display: none;
    }

    .embed-responsive-ad {
        padding-bottom: 28.25%;
    }

    .category-header {
        width: 100%;
        text-align: center;
    }
    .pettube #searchForm .input-group {
        width:100%;
        margin-top: auto;
        margin-right: auto;
        float:left;
    }
     .video-list {
        margin-top: 50px;
    }

/* NAV */

    .modal-dialog {
         width: auto;
    }
    .navbar-toggle {
        margin-right: 2px;
    }
    .pettube .navbar-collapse {
        clear: both;
    }
    .pettube-nav .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-brand {
        width: 62px;
        height: 54px;
        overflow: hidden;
        padding: 3px 2px;
    }

    .navbar-header .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }


}