@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans);

   .ondemand-outer-container {
           position: relative;
           padding-bottom: 56.25%;
		   padding-top: 1%;
		   *position: inherit;
		   *width:480px;
		   *height: 320px;
		   *padding-bottom:0px;
         }
		 
	.ondemand-outer-container-jw {
position: relative;
padding-top: 1%;
}	 
		 
         .BrightcoveExperience {
           position: absolute;
		   *width:480px;
		   *height: 320px;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
         }
		 
	.OnDemandShareBox {
		padding-bottom: 10px;
		margin-top: 10px;
	}
	#daystar_blockheader {

    margin: 1em 0 0.5em 0;
    position: relative;
    background: #055D96;
    border: 1px solid #fff;
    padding: 5px 0px 5px 5px;
    color: white !important;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;

}

body {
  padding-top: 50px;
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-image:url('https://assets.daystar.com/ondemand/bootstrap/img/earth-bg.jpg');
  background-repeat:no-repeat;
  background-position:top;
  background-color:#000;	
  font-family: 'Open Sans', sans-serif;

}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

html {
  position: relative;
  min-height: 100%;
}

.navbar-brand {
    max-width: 50% !important;
	padding-top:0px !important;
}

/* navbar customizations */
.navbar {
  background-color: #005888 !important;
  border-color: #004367!important;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0079bb), to(#005888))!important;
  background-image: -webkit-linear-gradient(top, #0079bb, 0%, #005888, 100%)!important;
  background-image: -moz-linear-gradient(top, #0079bb 0%, #005888 100%)!important;
  background-image: linear-gradient(to bottom, #0079bb 0%, #005888 100%)!important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0079bb', endColorstr='#ff005888', GradientType=0)!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0) !important;
}

.navbar-default .navbar-nav>li>a {
color: #fff !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: #2CA8D2 !important;
color: #555;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
text-decoration: none;
color: #fff !important;
background-color: #0079bb !important;
}

.navbar-default .navbar-toggle {
border-color: rgba(255, 255, 255, 0) !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: rgba(255, 255, 255, 0) !important;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF !important;
}

.dropdown-menu {
background-color: #636262 !important;

}

.dropdown-menu>li>a {
color: #fff !important;
white-space:normal !important;

}

.dropdown-header {
color: #fff !important;
}

*/ IE 7,8,9 Fixes */

.container
{
    display:table;
    width: 100%;
}
.row
{
    height: 100%;
    display: table-row;
}
.col-sm-4
{
    display: table-cell;
}

.col-sm-offset-1 {
* display:none;
}

.blog-sidebar {
background-color: #f5f5f5;
margin-top: 40px;
}

.container {
background-color:#fff;	
}

.container-navbar {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-navbar {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-navbar {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-navbar {
    width: 1170px;
  }
}
.container-navbar {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

#likebox-wrapper * {
   width: 100% !important;
}



<!-- This is the sidebar header-->
/* vendor prefixes removed for clarity */
.ribbon {
    width: 345px;
    margin: 10px auto;
    padding: 0 10px 0;
    position: relative;
    color: #444;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ribbon h3 {
    display: block;
    line-height: 1.3;
	width: 115%;
    margin: 0;
    padding: 1px 3%;
    position: relative;
    left: -7%;
    top: 8px;
    color: #fff;
    text-shadow: 0 1px 1px #111;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #202020;
    background: #0068A1;
    background: linear-gradient(top, #383838 0%, #262626 100%);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.ribbon h3::before,
.ribbon h3::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -11px;
    z-index: -10;
    border: 5px solid;
    border-color: #242424 transparent transparent transparent;    
}
.ribbon h3::before {left: 0;}
.ribbon h3::after {right: 0;}



<!--End of Sidebar Header-->

pre {
          tab-size: 8;
      }
      
      @media screen and (max-width: 768px) {
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:50px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }
		  
		  .navbar-collapse {
		  width: 225px;
		  }
      }
	  
@media screen and (min-width: 768px) {	 
.navbar-collapse { 
	  background-color: #005888 !important;
border-color: #004367!important;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0079bb), to(#005888))!important;
background-image: -webkit-linear-gradient(top, #0079bb, 0%, #005888, 100%)!important;
background-image: -moz-linear-gradient(top, #0079bb 0%, #005888 100%)!important;
background-image: linear-gradient(to bottom, #0079bb 0%, #005888 100%)!important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0079bb', endColorstr='#ff005888', GradientType=0)!important;
}
}

.wp_sidebar_ondemand{
padding-top: 7%;	
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table!important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

.navbar-nav>li>.dropdown-menu {
/* height: 250px; */
overflow: auto !important;
}

/* Sidebar Image Header*/
.ondemand-sidebar-header-img {
width: 112%;
margin-left: -6%;	
}

/* Sidebar Header Text*/

h4, .h4 {
font-size: 18px;
font-family: 'Open Sans', sans-serif;
display: inline-block;
border-bottom: 2px solid #169fe6;
margin-bottom: -2px;
padding-bottom: 6px;
}