/*
.header-menu-wrapper{
	
   background-color: #27427e;  
   background-image: url('../images/header-primary-menu-gradient.jpg'); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2142a6), to(#27427e)); 
   background-image: -webkit-linear-gradient(top, #2142a6, #27427e); 
   background-image: -moz-linear-gradient(top, #2142a6, #27427e);  
   background-image: -ms-linear-gradient(top, #2142a6, #27427e);
   background-image: -o-linear-gradient(top, #2142a6, #27427e);
   width:100%;
   min-height:125px;
}
*/

div.admin_menu {
	color:;
	text-align: center;
	margin-top: 8px;
	border: px solid #000;
}

div.admin_menu a {
	color: #005099;
	padding: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 5px 20px;
}

div.admin_menu a.active {
	background: url('../images/menu-bg.png') no-repeat top center;
}

div.admin_menu a:hover {
	background: url('../images/menu-bg.png') no-repeat top center;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 847px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.bg-paper {
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 673px;
	margin-top: -673px;
}

.vids {
	width: 860px;
}

.vid-frame {
	width: 100%;
	max-width: 244px;
	height: auto/*290px*/;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.vid-frame p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #aaa; margin: 0; padding:0; }

.vid-frame br { padding:0; }
.vid-frame br { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; }

.vid {
	width: 100%;
	max-width: 244px;
	height: auto;
	margin-bottom: 10px;
}

.video-js {position: initial !important;}
                    	
.song-title {
	color: #000000;
	font-size: 20px;
	margin-top: 15px;
}

.song-title a {
	color: #0669c3;
}
.song-title a:hover {
	color: #000000;
}

.song-entrant {
	font-weight: bold;
}

.song-entrant {
	color: #000000;
	font-size: 15px;
	line-height: 22px;
}


h1, h2, h3, h4,
h1 a, h2 a, h3 a, h4 a{
   color:#005099;
}
.top-bar{

    background-color:transparent;
  

}
.top-bar ul {
   background-color:#00a2ff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   

}
.top-bar ul > li.name,
.top-bar ul >  li{
   background-color:transparent;
 


}

.top-bar ul >  li a:hover,
.top-bar ul >  li:hover{
  background-color:transparent;
 

}

.top-bar ul > li a:not(.button){
 font-size:120%;
 font-weight:normal;
 

}


.header-menu{
   margin-top:16px;
}

.header-background{
	background: center top url('../images/header-background2.jpg');
	width:100%;
	min-height:333px;

}


.leaderboard-ad{
	margin-top:2%;
}

.hover-link:hover{
   text-decoration:underline;
} 


/* sidebar */

.sidebar-ads{
	
}
.sidebar-ads ul{
	list-style:none;
}

.footer{
	width:100%;
	min-height:210px;
	background:#005099;
}

.footer-title{
   font-size:135%;
   color:#000;
}

.footer ul{
    list-style:none;
	color: #0066FF;
}

.footer ul li a{
    color:#ffffff;
    font-size:120%;
}

#copyright {color: #fff; padding-bottom: 10px;}


/*    *************             */



@media only screen and (max-width: 942px) and (min-width: 768px) { 


      /* custom menu style */
      .show-for-small-down{
         display:block;
      } 

}



@media only screen and (min-width: 943px) { 


       /* custom menu style */   
      .show-for-small-down{
         display:none;
      }
}


@media only screen and (max-width: 767px) { 


       /* custom menu style */
      .show-for-small-down{
         display:show;
      }
       

}


@media only screen and (max-width: 767px) { 


       /* custom menu style */
      .header-background{
            
            min-height:263px;

      }

       

}


@media only screen and (max-width: 465px) { 

	  
	  .vid-frame {
	  		max-width: 100%;
	  }
	  
	  .vid {
	  	max-width: 100%;
	  }
	  
	  

       

}

/* styling for the height of the header section */
@media only screen and (max-width: 365px) { 


       /* custom menu style */
      .header-background{
            
            min-height:223px;

      }
	  
	  .vid-frame {
	  		max-width: 100%;
	  }
	  
	  .vid {
	  	max-width: 100%;
	  }
}

/* 
Generic Styling, for Desktops/Laptops 
*/
thead, th { 
		color: #fff;
	}
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #005099; 
  color: #fff; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}