h1 {font-size: 20px; font-weight: normal; padding: 0 0 15px 0;}

h1 span{color: #cb2930; font-weight: bold;}



ul.list {list-style: none; width: 100%; counter-reset: my-count;}

ul.list li{padding: 17px 15px 17px 75px; position: relative; border-radius: 5px; background-color: #ecf3fc}

ul.list li:nth-child(even){background-color: #f5f8fc;}

ul.list li {margin: 2px 0;}

ul.list li:before {content: counter(my-count); counter-increment: my-count; position: absolute; left: 0; top: 50%; margin: -25px 0 0 0; font-size: 22px; font-weight: bold; line-height: 50px; text-align: right; width: 52px; color: rgba(56, 120, 187, 0.75);}

ul.list li h2{position: relative; display: block; font-weight: bold; margin: 0 110px 0 0;}

ul.list li h2 a{text-decoration: none; color: #3878bb; border-bottom: 1px dotted #3878bb;}

ul.list li h2 a:hover{color: #cb2930; border-color: #cb2930;}

ul.list li p{display: block; position: absolute; top: 50%; margin: -7px 0 0 0; right: 30px; height: 15px; line-height: 15px;}



.left .ad {margin: 5px 0; height: 310px;}



ul.songs{list-style: none; width: 100%; counter-reset: my-count;}

ul.songs li{padding: 17px 15px 17px 75px; position: relative; border-radius: 5px; background-color: #ecf3fc}

ul.songs li:nth-child(even){background-color: #f5f8fc;}

ul.songs li:hover{}

ul.songs li + li{margin: 2px 0;}

ul.songs li:before {content: counter(my-count); counter-increment: my-count; position: absolute; left: 0; top: 50%; margin: -25px 0 0 0; font-size: 22px; font-weight: bold; line-height: 50px; text-align: right; width: 52px; color: rgba(56, 120, 187, 0.75);}

ul.songs li .about{margin: 0 240px 0 0;}

ul.songs li .about h3{display: inline; font-weight: bold;}

ul.songs li .about h3 a{text-decoration: none; color: #3878bb; border-bottom: 1px dotted #3878bb;}

ul.songs li .about h3 a:hover{color: #cb2930; border-color: #cb2930;}

ul.songs li .about p.author{display: inline; font-size: 13px;}

ul.songs li .about p.author a{font-weight: bold;}

ul.songs li .about p.text{display: block; padding: 2px 0 0 0; font-size: 14px; line-height: 1.4; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis;}

ul.songs li .type{display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 112px;}

ul.songs li .type p{padding: 2px 0 2px 30px; width: 80px; background: url('../images/guitar_icon.svg') left center no-repeat; font-size: 14px; line-height: 1.2;}

ul.songs li .rating{display: block; position: absolute; top: 50%; margin: -7px 0 0 0; right: 30px;}

ul.songs li .rating p {display: block; width: 77px; background: url('../images/stars_grey.svg') 0 0 no-repeat; overflow: hidden;}

ul.songs li .rating p span {display: block; height: 14px; background: url('../images/stars.svg') 0 0 no-repeat; text-indent: -999px; white-space: nowrap; overflow:hidden;}



.noresults {margin: 5px 0 0 0;}



@media screen and (max-width: 580px) {

ul.songs li .about{margin: 0;}

ul.songs li .type{display: inline; position:static;}

ul.songs li .type p{width: auto; margin: 2px 0 0 0; background-size: 16px 16px; padding: 2px 2px 2px 22px;}

ul.songs li .rating{position: static; margin: 5px 0 0 0;}

}

@media screen and (max-width: 480px) {

ul.songs li .about{float: none; margin: 0;}

}