<html>
<head>
<style type="text/css">
body {
background: url(img/bg.png);
padding: 0px;
margin: 0px;}
#mini-notice {
background: url(img/mini-notice.png) repeat;
font-size: 11px;
font-family: Tahoma;
color: #666;
padding: 3px 5px 3px 5px;
height: 13px;
text-shadow: 1px 1px 0px #FFFFFF;}
#top {
background: url(img/menu.png) repeat-x;
height: 42px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.2);}
.menu {
padding: 9px 0px;
width: 800px;
margin: auto;}
.menu a {
float: left;
font-size: 12px;
font-family: Tahoma;
color: #FFF;
text-decoration: none;
padding: 5px;
margin: 0px 5px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 2px rgba(255,255,255,0.1);}
.menu a:hover {
background: rgba(0,0,0,0.1);
border-radius: 2px;}
#search {
padding: 5px;}
.search {
background: #FFF;
border-radius: 4px;
border: #5b8100 1px solid;
box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
height: 20px;
padding: 5px;
color: #CCC;
font-family: Tahoma;
width: 150px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;}
input[type="button"] {
background: url(img/button.png) center;
border: #5b8100 solid 1px;
padding: 5px 10px;
height: 32px;
border-radius: 4px;
color: #FFF;
box-shadow: inset 0px 0px 1px #FFFFFF;
color: #FFF;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-left: none;}
input[type="button"]:active {
background: url(img/button_hover.png);
border: #5b8100 solid 1px;}
#mini-notice {
background: url(img/mini-notice.png) repeat;
font-size: 11px;
font-family: Tahoma;
color: #666;
padding: 3px 5px 3px 5px;
height: 13px;}
</style>
</head>
<body>
<div id="mini-notice"><b>06.10.2012</b> - Skrillex & Damian "Jr. Gong" Marley - Make It Bun Dem</div>
<div id="top">
<div class="menu">
<a href="#">Главная страница</a>
<a href="#">Сообщество</a>
<a href="#">Альбомы</a>
<a href="#">Концерты</a>
<a href="#">О проекте</a>
</div><div id="search"><input type="search" class="search" value="Поиск..."><input type="button" value="Искать"></div>
</div>
</body>
</html>
