JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrapper">
<div id="header"></div>
<ul id="menu_wrap" class="Blue">
<li class="button"><a href="#">Главная</a></li>
<li class="button"><a href="#">Форум</a></li>
<li class="button"><a href="#">Видео</a></li>
<li class="button"><a href="#">Картинки</a></li>
<li class="button"><a href="#">Гильдия</a></li>
</ul>
<div id="content_wrapper">
<div id="sidebar_left"></div>
<div id="content"><p>CONTENT</p></div>
<div id="sidebar_right"></div>
<div id="footer"></div>
</div>
</div>
CSS
body{
background: #4682B4;
cursor: url(../img/cursor.cur), auto;
}
#wrapper {
width: 1000px;
position: relative;
left: 50%;
margin-left: -500px;
}
p {
font-size: 14px;
color: #000;
font-family: "Tahoma";
padding: 10px;
margin: 0;
}
#header {
height: 217px;
background-image: url(http://s57.radikal.ru/i155/1411/57/89d75a35f014.jpg);
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 20px;
}
#menu_wrap{
margin: 0 auto;
position: relative;
padding: 0;
width: 1000px;
height: 40px;
list-style-type:none;
}
.button a{
text-align: center;
font: 13px/100% Arial, Helvetica, sans-serif;
font-weight: bold;
position: relative;
min-width: 50px;
height: 20px;
float: left;
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3)}
.Blue,.Blue .button a{
color:#d9eef7;
background: #00adee;
border-right:solid 1px #0078a5;
background: -moz-linear-gradient(top, #00adee 0%, #0078a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5));
background: -webkit-linear-gradient(top, #00adee 0%,#0078a5 100%);
background: -o-linear-gradient(top, #00adee 0%,#0078a5 100%);
background: -ms-linear-gradient(top, #00adee 0%,#0078a5 100%);
}
.Blue .button a:hover,.Blue .button a:focus{
background: #0095cc;
background: -moz-linear-gradient(top, #0095cc 0%, #00678e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e));
background: -webkit-linear-gradient(top, #0095cc 0%,#00678e 100%);
background: -o-linear-gradient(top, #0095cc 0%,#00678e 100%);
background: -ms-linear-gradient(top, #0095cc 0%,#00678e 100%);
}
.Blue .button a:active{
background: #0078a5;
background: -moz-linear-gradient(top, #0078a5 0%,...