Блоки для сайта By Creat1ve - Форум

.mainblock {
font-size:12px;
font-family:Tahoma;
font-weight:bold;
width:200px;
color:#ddd;
padding:0px;
margin:0px 0px 10px 0px;
min-height:52px;
border-left:1px solid #557992;
border-right:1px solid #557992;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
text-decoration:none;
}
.main_top {
height:27px;
padding:6px 0 0 10px;
margin-bottom:-6px;
background:url(bg.png) #789AB2;
-webkit-border-radius:2px 2px;
-moz-border-radius:2px 2px;
border-radius:2px 2px;
}
.main_bottom {
height:14px;
border-top:1px solid #557992;
background:url(bg2.png) #65879E;
-webkit-border-radius:0 0 2px 2px;
-moz-border-radius:0 0 2px 2px;
border-radius:0 0 2px 2px;
}
.content {
background:#85A6BC;
padding:5px;
color:#4B6A7F;
word-wrap:break-word;
text-decoration:none;
text-shadow:#487491 1px 1px;
}
.icon {
width:14px;
height:14px;
background:url(icon.png) no-repeat;
float:right;
padding-right:6px;
}
ul {
padding:0px;
margin:0px;
}
li {
display:block;
border:1px solid #7D9FB8;
}
a {
text-decoration:none;
}
a li {
color:#4B6A7F;
font-weight:bold;
}
li:hover {
background:url(a_bg.png) -5px no-repeat;
}

<div class="mainblock">
<div class="main_top">Меню сайта<span class="icon"></span></div>
<div class="content">
<ul>
<a href="#"><li>Главная</li></a>
<a href="#"><li>Форум</li></a>
<a href="#"><li>Статьи</li></a>
<a href="#"><li>Фото</li></a>
<a href="#"><li>Музыка</li></a>
</ul>
</div>
<div class="main_bottom"></div>
</div>

<div class="mainblock">
<div class="main_top">Тест<span class="icon"></span></div>
<div class="content">
Бета версия блоков<br>By Creat1ve
</div>
<div class="main_bottom"></div>
</div>