/* FONTS
-------------------------------------------------- */
@font-face{ 
  font-family: 'OpenSans';
  src: url('../fonts/opensans.eot');
  src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans.woff') format('woff'),
       url('../fonts/opensans.ttf') format('truetype'),
       url('../fonts/opensans.svg#OpenSans') format('svg');
     font-style:normal;
     font-weight:normal;   
  }

/* GLOBAL STYLES
-------------------------------------------------- */
body {
  color: #888;
  background-color:#000;
}
.text-mono, .btn, h1 {
  font-family: "Courier New", Courier, monospace;
}
.btn {
  font-size: 1.2em;
  border-radius:0px;
}
.btn:hover {
  font-size: 1.2em;
  background-color: #BE3434;
  color: #fff;
}

h1 a, h2 a, h3 a {
  text-decoration: none !important;
  color: inherit;
}
h1 {
  text-align: center;
  color: #ddd;
  font-weight: bold;
}
h2 {
  color: #ddd;
  margin-bottom: 24px;
}
h3 {
  margin-top: 0px;
}
hr {
    border: none; 
    color: #444;
    background-color: #444; 
    height: 1px;
}
blockquote {
  font-size: 0.9em;
  border-right: 5px solid #444 !important;
}
img.pull-left {
  margin-right: 16px !important;
}
img.pull-right {
  margin-left: 16px !important;
}
.pagination>li>a, .pagination>li>span {
  border-radius: 0px !important;
  background: none !important;
  color: inherit;
  border-color:transparent !important;
}
.pagination>li.active>a {
  border-color: #999;
  background-color: #333 !important;
}
.pagination>li>a:hover {
  color: #BE3434;
  border-color:#333 !important;
}

.form-control {
  background-color: transparent;
  color: #999;
  border-radius: 0px;
}
.form-control:active, .form-control:focus {
  border-color:#BE3434;
}
.backlink {
  font-size: 0.8em;
}
.backlink a {
  text-decoration: none !important;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0px !important;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-brand {
  font-weight: bold;
  font-size: 1.8em;
}

.social-link {
  position: absolute;
  right: 16px;
  top: 10px;
}
.social-link li {
  display: inline-block;
}
.social-link>li>a {
  padding: 16px 4px;
  font-size: 1.4em;
  color: #999;
}
.navbar-toggle {
  border-radius: 0px;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
  height: 500px;
  margin-bottom: 60px;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 500px;
  background-color: #000;

}
.carousel-inner > .item > .bgr-pic {
  background-position: center center;
  background-repeat: no-repeat;
  height:500px;
  width:100%;
}
.logo {
  height: 106px;
  width: 192px;
}


/* page
-------------------------------------------------- */
.page {
  margin-top: 20px;
}
.page h1 {
  margin-bottom: 48px;
}
.page a {
  color: #fff;
  text-decoration: underline;
}
.page a:hover {
  color: #BE3434;
}
.page a.btn {
  color: #333;
  text-decoration: none;
}
.page a.btn:hover {
  color: #fff;
}

/* index-news-list
-------------------------------------------------- */
.index-news-list, .news-list {
  margin-bottom: 64px;
}
.index-news-list-item, .news-list-item {
  margin-bottom: 64px;
}
.index-news-list-item .date, .news-list-item .date {
  color: #666;
  font-size: 0.8em;
} 
.index-news-list-item img, .news-list-item img {
  margin-bottom: 24px;
}
.news-list form .btn {
  font-size: 1.2em;
}
.news-list form {
  text-align: center;
  margin-bottom: 64px;
}
.index-news-list-item .col-sm-3 a, .news-list-item .col-sm-3 a {
  display: block;
  height: 180px;
  overflow: hidden;
}
.books .index-news-list-item .col-sm-3 a{
  height: 346px;
}


/* news-item
-------------------------------------------------- */
.news-item .date {
  color: #666;
  font-size: 0.8em;
  text-align: right;
} 
.news-item img {
  margin: 0 auto;
}

/* index-article-list photos-list
-------------------------------------------------- */
.index-article-list, .article-list, .photos-list {
  margin-top: 64px;
}
.index-article-list-item h3, .article-list-item h3, .photos-list-item h3 {
  font-size: 1.4em;
  text-align: center;
  margin-top: 12px;
}
.index-article-list-item p, .article-list-item p, .photos-list-item p {
  text-align: center;
}
.index-article-list-item a, .article-list-item a, .photos-list-item a {
  text-decoration: none;
}
.index-article-list-item, .article-list-item, .photos-list-item {
  background-color: #333;
  padding: 4px 4px 12px 4px;
  min-height: 340px;
  margin-bottom: 36px;
}
.index-article-list-item:hover, .article-list-item:hover, .photos-list-item:hover {
  background-color: #BE3434;
}
.index-article-list-item img, .article-list-item img, .photos-list-item img {
  margin: 0 auto;
}
.index-article-list-item:hover a, .article-list-item:hover a, .photos-list-item:hover a {
  color: #fff;
}
.photos-list-item {
  min-height: 270px;
}
.photos-list-item, .photos-list-item a {
  height: 270px;
  display: block;
}
.article-list-item a {
  height: 340px;
  display: block;
}


/* article
-------------------------------------------------- */
.article img {
  margin: 0 auto;
}

/* gallery
-------------------------------------------------- */
.gallery img {
  height: 200px;
  margin: 6px;
  border: 2px solid #333;
}
.gallery a:hover img {
  opacity: 0.6;
}

/* fight-list-item
-------------------------------------------------- */
.fight-list-item a {
  display: block;
  padding-bottom: 6px;
  padding-top: 6px;
}
.fight-list-item:nth-child(odd) a {
  background-color: #111;
}
.fight-list-item .num {
  display: block;
  text-align: center;
  width: 60px;
  font-size: 3.0em;
  margin: 0 auto;
  color: #222;
}
.fight-list-item .date span {
  display: block;
  text-align: center;
}
.fight-list-item .vs span {
  display: block;
}
.fight-list-item .date span:first-child {
  font-size: 2.0em;
}
.fight-list-item .date span:nth-child(2), .fight-list-item .vs span:nth-child(2) {
  font-size: 0.9em;
  color: #666;
  margin-top: -6px;
}
.fight-list-item .vs span:first-child {
  font-size: 1.6em;
  margin-top: 2px;
  color: #EEE;
}
.fight-list-item .win {
  margin-top: 18px;
  text-align: center;
}
.fight-list-item .links {
  text-align: right;
  padding-right: 18px;
  font-size: 2.0em;
  margin-top: 12px;
}
.fight-list-item .links span {
  margin-left: 12px;
}
.fight-list-item a:hover {
  color: #FFF;
  background-color: #BE3434;
}
.fight-list-item a:hover .date span:nth-child(2), .fight-list-item a:hover .vs span:nth-child(2) {
  color: #FFF;
}

/* fight-item
-------------------------------------------------- */
.fight-item .date {
  color: #666;
  font-size: 0.8em;
  text-align: right;
} 
.fight-item img {
  margin: 0 auto;
}
.fight-item h1 span {
  text-decoration: underline;
  font-size: 0.8em;
}

/* footer
-------------------------------------------------- */
.footer {
  margin-top: 64px;
  padding: 64px;
  background-color: #333;
  min-height: 200px;
  font-size: 0.8em;
  color: #888;
}
.footer a {
  color: #888;
}

/* error-page
-------------------------------------------------- */
.error-page {
  background: url('../img/404.jpg') top right no-repeat;
}
.error-page h1 {
  font-size: 3.2em;
  text-align: left;
}
.error-page h1 span {
  font-size: 2.0em;
}
.error-page p strong {
  font-size: 2.0em;
}
.error-page ul li {
  list-style: none;
}
.error-page ul li a {
  color: #FFF;
  display: block;
  font-size: 1.6em;
  padding: 6px 12px;
  border-bottom: 1px solid #444;
  max-width: 260px;
}
.error-page ul li:first-child a{
  border-top: 1px solid #444;
}
.error-page ul li a:hover {
  background-color: #333;
  text-decoration: none;
}
.error-page ul {
  margin: 0px;
  padding: 0px;
  margin-top: 36px;
  margin-bottom: 36px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (max-width: 1300px) {
  .logo {
    display: none;
  }
  .page {
    margin-top: 100px;
  }  
  .error-page p {
    color: #FFF;
  }  
}

@media (max-width: 992px) {
  .social-link {
    position: absolute;
    right: 16px;
    top: 64px;
  }

}
 
@media (max-width: 320px) {
  .social-link {
    position: absolute;
    right: 16px;
    top: 110px;
  } 
} 
 
@media (max-width: 768px) {
  .news-list form .btn {
    width: 100%;
  }
  .fight-list-item .num {
    width: 30px;
    font-size: 1.8em;
  }  
  .fight-list-item .vs span:first-child {
    font-size: 1.2em;
  }  
  .fight-list-item .vs span:nth-child(2) {
    font-size: 0.9em;
    line-height: 1.0em;
    margin-top:2px;
  }   
  .fight-list-item .date span:first-child {
    font-size: 1.6em;
  }  
  .fight-list-item .date span:nth-child(2) {
    font-size: 0.9em;
  }
  .fight-list-item .links {
    font-size: 1.4em;
  }  
  .fight-list-item .links span {
    margin-left: 6px;
  }   

}