/* правый контейнер */
aside {
   width: 33%;/*ширина блока*/
   float: right;/*элемент выравнивается по правой стороне*/
}
/* блок для виджетов */
.widget {
   padding: 20px 15px;/* значение полей вокруг содержимого*/
   background: #dcdcdc;/* цвет блока для виджетов */
   font-size: 13px;/* размер шрифта элемента */
   margin-bottom: 30px;/*отступ от нижнего края элемента*/
   box-shadow: 4px 4px 2px rgba(0, 0, 0, .05);/* тень рамки блоков */
}
.widget-title {
   font-size: 15px;/* размер шрифта элемента */
   padding: 10px;/* значение полей вокруг содержимого*/
   margin-bottom: 10px;/* отступ от рамки блоков */
   text-align: center;/*горизонтальное выравнивание текста в пределах элемента*/
   border: 2px solid #2f4f4f;/* цвет рамки категорий */
   box-shadow: 3px 3px 0 0 #c0c0c0;/* цвет тени блока категорий */
}
.widget-category-list li {
   border-bottom: 1.5px solid #2f4f4f;/* цвет и размер полос разделителей блока категорий */
   padding: 8px 0;/* значение полей вокруг содержимого*/
   color: 	#2f4f4f;/* цвет текста количества постов в категории*/
   font-style: arial; /* шрифт текста наименования постов в категории*/
}
.widget-category-list li:last-child {
   border-bottom: none;/*толщина, стиль и цвет границы внизу элемента отсутствует*/
}
.widget-category-list li a {
   color: 	#2f4f4f;/* цвет текста наименований категорий постов*/
   margin-right: 20px;/* отступ от текста наименований категорий постов */
   font-style: normal;/*обычное начертание текста*/
}
.widget-category-list li a:before {
   content: "\f105"; /* стрелки перед текстом наименований категорий постов*/
   display: inline-block;/*элемент обтекает другими  элементами страницы*/
   font-family: 'FontAwesome';/*шрифты колекции иконок FontAwesome*/
   margin-right: 10px;/*отступа от правого края элемента*/
   color: #2f4f4f;/* цвет стрелки перед текстом наименований категорий постов*/
}
.widget-posts-list li {
   border-top: 1.5px solid 	#2f4f4f;/* цвет и размер полос разделителей блока постов */
   padding: 8px 0;/* значение полей вокруг содержимого*/
}
.widget-posts-list li:nth-child(1) {
   border-top: none;/* цвет и размер полос разделителей блока постов отсутствует*/
}
.post-image-small {
   width: 60%; /*размер - ширина картинки*/
   float: left;/*положение картинки -элемент выравнивается по левой стороне*/
   margin-right: 15px;/*отступ от правого края картинки*/
   box-shadow: 3px 3px 0 0 #c0c0c0;/* цвет тени картинки */
}
.widget-post-title {
   float: left;/*элемент выравнивается по левой стороне*/
}