body {
    background: -webkit-linear-gradient(top right, #103010, #FFF);
    }
.header, .sidebar, .footer {
    color: #CC9933;
    text-align: center
    }
    
    A {
    color: #CC9933;; /* Цвет текста */
    }
    .header, .sidebar, .content, .footer { 
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
    padding: 10px; /* Поля */
    border: solid 1px #000; /* Параметры рамки */
    border-radius: 20px;
    background:#FFF;
    box-shadow: 5px 5px 2px black;
    -moz-box-shadow: 5px 5px 2px black;
    -webkit-box-shadow: 5px 5px 2px black;
    }
    .content{
    float: left;
    width: 60%;
    }
   .header { /* Верхняя часть с заголовком */
    background: -webkit-linear-gradient(top,#103010, #336600); /* Цвет фона */
    font-size: 24px; /* Размер шрифта */
   }
   .layout { /* контент и меню */
    margin: 15px auto;  /*Отступы сверху и снизу */ 
    overflow: hidden; /* Отменяем действие float */
    min-width: 960px; /* Минимальная ширина */
    max-width: 1200px; /* Максимальная ширина */  
    }
   .sidebar { /* Навигация по сайту */
  
    width: 20%; /* Ширина меню */
    float: right; /* Состыковка с другим слоем по горизонтали */
    background: -webkit-linear-gradient(top,#103010, #336600);
   
    }
   .sidebar ul {
    list-style: none; /* Убираем маркеры */
    padding: 0; /* Убираем отступы */
    }
   .content { /* Основное содержание страницы */
    margin-left: 10%; /* Отступ слева */
    }
    .footer{  
    background: -webkit-linear-gradient(top,#103010, #336600);
    }
    h1{
border: 2px solid #d4d4d4;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 0;
  width: 30%;   
    }