/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  font-family: Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
  background: #2a353b /*url('/img/4.jpg')*/;
  color: #ffb400;
}
input,
button,
select,
textarea {
  font-family: Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------NAVBAR------------*/
.navbar-search .search-query {
  font-family: Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
}


.navbar-inverse .navbar-inner {
  color: #00FFFF;
  background-color: #bfbf00;
  background-image: -moz-linear-gradient(top,  #bfbf00 0%, #7f7f00 43%, #3f3f00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbf00), color-stop(43%,#7f7f00), color-stop(100%,#3f3f00));
  background-image: -webkit-linear-gradient(top,  #bfbf00 0%,#7f7f00 43%,#3f3f00 100%);
  background-image: -o-linear-gradient(top,  #bfbf00 0%,#7f7f00 43%,#3f3f00 100%);
  background-image: -ms-linear-gradient(top,  #bfbf00 0%,#7f7f00 43%,#3f3f00 100%);
  background-image: linear-gradient(to bottom,  #bfbf00 0%,#7f7f00 43%,#3f3f00 100%);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbf00', endColorstr='#3f3f00',GradientType=0 );
}

.navbar-inverse .brand {
  color: #ffffff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
}
.navbar-inverse .nav > li > a {
  color: #ffb400;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand .lrg-yellow {
  color: #FFFF00;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
}

.navbar-inverse .nav > a {
  color: #ffb400;
  background-color: #999900;
  background-image: -moz-linear-gradient(top,  #999900 0%, #666600 43%, #3f3f00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999900), color-stop(43%,#666600), color-stop(100%,#3f3f00));
  background-image: -webkit-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -o-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -ms-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: linear-gradient(to bottom,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#3f3f00',GradientType=0 );
}
.navbar-inverse .nav > a:hover,
.navbar-inverse .nav > a:focus {
  color: #ffffff;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #999900;
  background-image: -moz-linear-gradient(top,  #999900 0%, #666600 43%, #3f3f00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999900), color-stop(43%,#666600), color-stop(100%,#3f3f00));
  background-image: -webkit-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -o-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -ms-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: linear-gradient(to bottom,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#3f3f00',GradientType=0 );
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;/*   ffffff  */
  background-color: transparent;
}

.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
  color: #ffffff;
  background-color: #999900;
  background-image: -moz-linear-gradient(top,  #999900 0%, #666600 43%, #3f3f00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999900), color-stop(43%,#666600), color-stop(100%,#3f3f00));
  background-image: -webkit-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -o-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -ms-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: linear-gradient(to bottom,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#3f3f00',GradientType=0 );
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  background-color: #999900;
  background-image: -moz-linear-gradient(top,  #999900 0%, #666600 43%, #3f3f00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999900), color-stop(43%,#666600), color-stop(100%,#3f3f00));
  background-image: -webkit-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -o-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: -ms-linear-gradient(top,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-image: linear-gradient(to bottom,  #999900 0%,#666600 43%,#3f3f00 100%);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#3f3f00',GradientType=0 );
}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
  color: #ffb400;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
}

.text-red {
  color: red;
}
.text-green {
  color: green;
}
.text-yellow {
  color: yellow;
}
.text-orange {
  color: orange;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------HERO-UNIT------------*/


.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: rgba(182, 196, 202, 0.15);
  border: 1px solid rgba(255, 180, 0, 0.50);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.hero-header {
  padding: 6px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  text-align: center;
  background: #2a353b url(../img/testBackground5.jpg) 0 center;
  /*background-color: rgba(182, 196, 202, 0.15);*/
  border: 1px solid rgba(255, 180, 0, 0.30);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.hero-unit h1 {
margin-bottom: 15px;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
color: inherit;
text-shadow: 3px 3px 0px #00323a; 
z-index: 5;
position: relative;
}
.hero-unit div.mobile-two p {
/*margin-bottom: -15px;*/
margin-top: 5px;
margin-bottom: 15px;
line-height: 1;
letter-spacing: -1px;
color: inherit;
/*text-shadow: 1px 1px 0px rgba(140, 2, 32, 1.0); */
}

.hero-unit h3 {
margin-bottom: 0px;
margin-top: 0px;
/*line-height: 1;
letter-spacing: -1px;
color: inherit;*/
text-shadow: 2px 2px 0px #00323a; 
}
.hero-unit h2 {
margin-bottom: 0px;
margin-top: 0px;
/*line-height: 1;
letter-spacing: -1px;
color: inherit;*/
text-shadow: 2px 2px 0px #00323a; 
}
h3 small {
  font-size: 85%;
  font-style: italic;
  color: inherit;
}
img.poster {
  background: #fff;
  max-width: 100%;
  /*padding: 3%;*/
  -webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.6);
     -moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.6);
          box-shadow:0px 0px 5px 1px rgba(0,0,0,0.6);
}

.row-fluid div.mobile-two.now-showing-full {
  text-align: inherit;
} 
.row-fluid div.mobile-two.now-showing-full h3 {
  /*color: lime;*/
  line-height: 1;
  margin-top: 0px;
} 
.hero-unit div.mobile-two.now-showing-full p {
/*margin-bottom: -15px;*/
/*margin-top: 5px;*/
margin-bottom: 15px;
line-height: 1;
letter-spacing: normal;
color: inherit;
text-shadow: none;/* 1px 1px 0px rgba(140, 2, 32, 1.0); */
}


hr {
  margin: 20px 0;
  border: 0;
  height: 1px;
  background-color: #ffb400;
  /*border-top: 2px solid #ffb400;*/
  /*border-bottom: 1px solid rgba(140, 2, 32, 1.0);*/
  -webkit-box-shadow:1px 1px rgba(140, 2, 32, 1.0);
     -moz-box-shadow:1px 1px rgba(140, 2, 32, 1.0);
          box-shadow:1px 1px rgba(140, 2, 32, 1.0);
}

.accordion {
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

.accordion-group {
  border: 0;
}

.accordion-inner {
  border: 0;
  margin-top: 0px;
  padding: 0px;
  padding-left: 5px;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
.well {
  background-color: transparent;
}
.well-synop {
  background-color: #F5F5DC;
  color:#444444;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.well-synop p {
  margin: 0;
}
.span3 div.well {
  /*margin-left: -5px !important;*/
  margin-top: 15px;
}

.well-synop hr {
  margin: 10px 0;
  border: 0;
  height: 1px;
  background-color: #999;
  /*border-top: 2px solid #ffb400;*/
  /*border-bottom: 1px solid rgba(140, 2, 32, 1.0);*/
  -webkit-box-shadow:1px 1px rgba(256, 256, 256, 1.0);
     -moz-box-shadow:1px 1px rgba(256, 256, 256, 1.0);
          box-shadow:1px 1px rgba(256, 256, 256, 1.0);
}

.well-showtimes {
  color: #ffffff;

  background: #2a353b;
  background: -moz-linear-gradient(top,  #2a353b 0%, #3e4a50 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a353b), color-stop(100%,#3e4a50));
  background: -webkit-linear-gradient(top,  #2a353b 0%,#3e4a50 100%);
  background: -o-linear-gradient(top,  #2a353b 0%,#3e4a50 100%);
  background: -ms-linear-gradient(top,  #2a353b 0%,#3e4a50 100%);
  background: linear-gradient(to bottom,  #2a353b 0%,#3e4a50 100%);

  background-repeat: repeat-x;
  border-color: #252525;  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a353b', endColorstr='#3e4a50',GradientType=0 );


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



.kitBox {
  border:1px red solid;
}
.kitBox p {
  margin:5px;
}
.kitHead {
  border:1px blue solid;
  text-align:center;
  margin:5px;
}
.kitCol {
  border:1px blue solid;
}
.kitColLeft {
  width:358px;
  float:left;
  margin:0 0 5px 5px;
}
.kitColBlack {
  width:40%;
  background:black;
  float:right;
  color:white;
  text-align:center;
  margin-left:5px
}
.kitColBlack {
  width:40%;
  background:black;
  float:right;
  text-align:center;
  margin-left:5px;
}
.kitColBlack p {
  color:black;
  margin:5px
}
.p {
  color: black;
}





/*-------------------------------------------------------------------------------------------------           @media 480px -            ------*/
@media (max-width: 480px) {
  .hero-unit {
    padding: 0px 12px;
  }
  .hero-unit h1, h1 {
    font-size: 35px;
  }
  .hero-unit h2, h2 {
    font-size: 28px;
  }
  .hero-unit h3, h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .hero-unit h4, h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .hero-unit h5, .hero-unit h6, h5, h6 {
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
  }
  .hero-unit p, p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px;
  }
  img {
    text-align: center;
    margin: auto;
  }
}
/*-------------------------------------------------------------------------------------------------           @media 767px -            ------*/
@media (max-width: 767px) {
  .hero-unit {
    padding: 0px 12px;
  }
  .hero-unit h1, h1 {
    font-size: 35px;
  }
  .hero-unit h2, h2 {
    font-size: 28px;
  }
  .hero-unit h3, h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .hero-unit h4, h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .hero-unit h5, .hero-unit h6, h5, h6 {
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
  }
  .hero-unit p, p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 18px;
  }
  img {
    text-align: center;
    margin: auto;
  }

  .row-fluid .mobile-one {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }

  .row-fluid .mobile-three {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }

  .row-fluid .mobile-two {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }

  .row-fluid .mobile-one,
  .row-fluid .mobile-two,
  .row-fluid .mobile-three {
    float:left;
    margin-left: 2.7624309392265194%;/*   2.7624309392265194   */
    *margin-left: 2.7624309392265194%;
  }
  .row-fluid .mobile-two:nth-child(odd) {
    float:left;
    clear: left;
    margin-left: 0%;
    *margin-left: 0%;
  }
  .row-fluid .mobile-two:nth-last-child(1):nth-child(odd) {
    float:left;
    margin-left: 0%;
    *margin-left: 0%;
    width: 100%;
    *width: 99.94680851063829%;
  }
  .hero-unit div.mobile-two p {
    /*margin-bottom: -15px;*/
    margin-top: 5px;
    line-height: 1;
    letter-spacing: 0px;
    color: inherit;
    text-shadow: none;
  }
  .span12 div.poster-holder {
    /*padding-right: 6%;*/
  }
}

@media (max-width: 979px) {
  .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #333333;
    background-image: -moz-linear-gradient(top,  #333333 0%, #333333 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333));
    background-image: -webkit-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -o-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -ms-linear-gradient(top,  #8c0220 0%,#333333 100%);
    background-image: linear-gradient(to bottom,  #333333 0%,#333333 100%);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0220', endColorstr='#3f000d',GradientType=0 );
  }

  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    color: #ffffff;
    background-color: #333333;
    background-image: -moz-linear-gradient(top,  #333333, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333));
    background-image: -webkit-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -o-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -ms-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: linear-gradient(to bottom,  #333333 0%,#333333 100%);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );
  }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus,
  .dropdown-submenu:hover > a,
  .dropdown-submenu:focus > a {
    color: #ffffff;
    background-color: #333333;
    background-image: -moz-linear-gradient(top,  #333333 0%, #333333 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333));
    background-image: -webkit-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -o-linear-gradient(top,  #333333 0%,#333333 100%);
    background-image: -ms-linear-gradient(top,  #8c0220 0%,#333333 100%);
    background-image: linear-gradient(to bottom,  #333333 0%,#333333 100%);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );
  }
  .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffb400;
    border-bottom-color: #ffb400;
  }
}






/*-------------------------------------------------------------------------------------------------           @media 768px to 979px     ------*/
@media (min-width: 768px) and (max-width: 979px) {
  .hero-unit {
    padding: 10px 30px;
  }



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------HERE----------------------*/




}

/*-------------------------------------------------------------------------------------------------           @media 768px +            ------*/
@media (min-width: 768px) {

  /*.row-fluid .mobile-two:nth-child(4n+1) {
    float:left;
    margin-left: 0%;
    *margin-left: 0%;
  }*/


}

/*-------------------------------------------------------------------------------------------------           @media 980px +            ------*/
@media (min-width: 980px) {
  body {
    /*background: #2a353b;*/
  }
  .hero-unit {
    padding: 10px 30px;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.65);/*----------------------------------------------------------------------change this to transparency same as hero*/
    border: 1px solid #ffb400;
    border: 1px solid rgba(255, 180, 0, 0.75);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
  }
  .navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }

  .navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffb400;
    border-left: 6px solid transparent;
    content: '';
  }
  .navbar-inverse .nav li.dropdown > a:hover .caret,
  .navbar-inverse .nav li.dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffb400;
    border-bottom-color: #ffb400;
  }
  .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
  .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
  .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }

  .row-fluid .non-mobile-six:nth-child(odd) {
    float:left;
    clear: left;
    margin-left: 0%;
    *margin-left: 0%;
  }  


}
/*-------------------------------------------------------------------------------------------------           @media 1200px +           ------*/
@media (min-width: 1200px) {
}