CodePen

HTML

            
              <header>
<div class="head-wrap">
    <div class="logo"></div>
    <div class="menu">    
  	<ul>
			<li class="active"><a href="index.html">home</a></li>			
			<li><a href="http://www.x2-radio.com/amember/signup.php">subscribe</a></li>
            <li><a href="listen.html">listen</a></li>
            <li><a href="watch.html">watch</a></li>
			<li><a href="interviews.html">interviews</a></li>                           <li><a href="archives.html">archives</a></li>				           						
		</ul>
        </div>     
</header>
            
          
!
via HTML Inspector

CSS

            
              header {  
	height: 98px;
	background:url(images/menu_bg.png) ;	
}

.head-wrap {
	margin:0 auto;
	width: 823px;
}

.logo {
	float: left;
	height: 79px;
	width: 160px;
	background-image:url(images/x2_radio_logo.png);		
	margin-top: 6px;			
}

.menu {
	float: left;
	width: 650px;
	height: 90px;
	margin-left: 13px; 
}

header li {
	display: inline;
	text-align: center;
}

header a {
	display: block;
	float: left;
	height: 55px;	
	padding: 35px 35px 0px 0px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;	
}

header a:hover, header .active a {	
	color: #999999;
	text-shadow: 2px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=0); 
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................