@charset "UTF-8";
/* CSS Document */
body {padding:0;margin:0;}

#top-bar {background:#000066;height:25px;width:100%;position:absolute;z-index:98;top:0;}

#top-wrap {width:900px;margin:auto;}

#menu-bar {width:890px;height:40px;margin:auto;background:#000066;position:absolute;z-index:99;-moz-box-shadow: 0px 0px 8px #000;color:#fff;font-weight:bold;padding:0 5px 0px 5px;}
#menu-bar, #music-drop, #about-drop {
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#666666')";
	/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#666666');}
	
#menu-bar p {float:left;}
#menu-bar ul {float:right;}
#menu-bar li {float:left;padding:0 5px 0 5px;list-style:none;}
#menu-bar a, #menu-bar li a {color:#fff;text-decoration:none;display:block;}


#music-drop, #about-drop {width:900px;top:-230px;margin:auto;background:#fff;position:absolute;z-index:98;overflow:hidden;}

#music-drop .col a {width:170px;margin:10px 5px 10px 5px;float:left;display:block;text-decoration:none;color:#000;font-size:18px;}
#music-drop .col a:hover {background:#ddd;}
#music-drop .col img {width:50px;height:50px;padding:5px;float:left;}

#about-drop .col a {width:170px;height:90px;padding:10px 5px 10px 5px;float:left;display:block;text-decoration:none;color:#000;font-size:20px;} 
#menu-bar a:hover, #menu-bar li a:hover, #about-drop .col a:hover, .music:hover, .about:hover {background:#fff;color:#000066;}

.music, .about {cursor:pointer;}

@media only screen and (max-width: 767px) {
#wrap {width: 320px;}
#top-wrap, #music-drop, #about-drop { width: 300px;}
#music-drop .col img {display:none;}
#about-drop .col a, #music-drop .col a {height:30px;width:290px;} 
#menu-bar { width: 290px; margin:auto;}
#menu-bar li {padding:0 4px 0 4px;}
.homelink {width:1px;display:none;}

}

/* Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrap {width: 420px;}
#top-wrap, #music-drop, #about-drop { width: 420px;}
#menu-bar { width: 410px;margin:auto;}
#menu-bar li {padding:0 4px 0 4px;}

#about-drop .col a, #music-drop .col a {height:30px;width:215px;} 
.homelink {display:block;}

}