body {
    padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: #2F0000;
    color: #FFFFFF;
}
h3 {font-size: 1em; margin: 0;}

img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
footer {
    margin: 50px 0;
}
a {
    color:#FF9900;
}
a:active, a:hover, a:focus{
    color:#FFFF33;
}
h1, p{
    color:#FFFFCC;
}
small {
    float: right !important;
    margin-right: 15px !important;
    color: #FFFFCC !important;
}
p  > a {
    color:#FF9900;

}
p  > a:focus, p  > a:hover, p  > a:active {
    color:#FFFF33;

}
hr {
    border-top: 1px solid #FFFFCC
}
.page-header {
    border-bottom: 1px solid #FFFFCC
}
.page-footer {
    border-top: 1px solid #FFFFCC
}
.navbar{
background: url(/img/hat_bg.jpg);
}
.navbar-inverse {
    border-color: transparent;
}
.navbar-inverse .navbar-brand {
    color:#FFFFFF;
    font-weight: bolder;
}
.navbar-inverse .navbar-nav > li > a {
    color: #AAFF00
}
.navbar-inverse .navbar-header a:focus, .navbar-inverse .navbar-header a:hover{
    color:#FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #FF9900;
    background-color: transparent
}
.navbar-brand{
/*    padding-right: 45px;
    display: block;
    width: 250px;*/
    color:#FF9900;
}
.img-thumbnail{
    background-color: transparent;
    border-color: #D89D5F;
}
.pagination{
       font: bold 20px Verdana;
}
.pagination > li > a, .pagination > li > span {
    color:#FF9900;
    border: none;
    background-color: transparent;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus,
.pagination > li > span:hover {
    color: #FFFF33;
    border: none;
    background-color: transparent;

}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #FFFF33;
    border: none;
    background-color: transparent;
}
.thumbs > [class*='col-'] {
    padding-right:2px;
    padding-left:2px;
    padding-bottom:2px;
}
.thumbs {
    padding-top:0px;
    text-align:center;
}
.thumbs h3 {
    width:95%;
    text-align:left; 
    overflow:hidden;
    height:17px;
}
.thumbs a {
    display: block;
    text-align:center;
}
.thumbs img {
    max-width: 300px;
    padding:1px;
}
.thumbs a img  {
    margin:0 auto;
    text-align:center;
}
.thumbs img:hover {
    -moz-box-shadow: 0 0 10px #909090;
    -webkit-box-shadow: 0 0 10px #909090;
    box-shadow: 0 0 10px #909090;
}
.my_search {
    padding-right: 150px;
}
#columns {
    list-style:none;
    list-style-type:none;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}
#columns ul li a {
    display: block;
    width: 70%;
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    padding: 3px;
}

 #columns_txt {
    list-style:none;
    list-style-type:none;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
#columns_txt ul li a {
    white-space: nowrap;
    display: block;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    padding: 3px;
}
.no-bullets {
    list-style-type: none;
}
.btn-success {
    color: #fff;
    background-color: #efb925;
    border-color: #ec971f;
}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #a5001c;
    border-color: #a5001c;
}
.btn-success:hover {
    color: #fff;
    background-color: #a5001c;
    border-color: #a5001c;
}
.ban img{
    max-width: 1000px;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    margin: 0 auto;
}
#video{
    max-width: 1000px;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    margin: 0 auto;
}
@media (min-width : 320px) and (max-width: 767px) {
    .multiple-columns li {
width:50%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .multiple-columns li {
width:33.333%;
    }
    .my_search {
padding-right: 0px;
    }
}
@media (min-width: 992px) and (max-width: 1281px) {
    .multiple-columns li {
width:25%;
    }
}
@media (min-width : 1282px) {
    .multiple-columns li {
width:25%;
    }
    .container {
width: 1300px;
    }
    .col-lg-2 {
    width: 20%
    }
}