ul.letter {padding: 0; margin: 0; list-style-type: none;}
ul.letter li {width: 20px; margin: 2px 3px; float: left; text-align: center; }
ul.letter li a {padding: 2px 0 2px 0; margin: 0; font-weight: bold;}
ul.letter li a:hover, ul.letter li a.active {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}

.channel-thumb {margin: 0 10px 10px 0; float: left; display: block; width: 200px;}
.channel-description {padding: 10px 0;}

#channel {margin-right: 10px;}

h2 {margin-top: 0; margin-left: 5px; padding-top: 0;}
.channel-heading {padding-top: 10px;}
.content {margin-bottom: 5px; padding: 5px;}
.content-channel {
    display: block;
    padding: 0 4px 2px 4px;
    margin-bottom: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out;
}

.ads-channel {display: none;}

@media (max-width: 767px) {
	.channel-heading {}
}

@media (min-width: 990px) {
	.ads-channel {width: 300px; height: 250px; padding: 0 0 0 10px; display: block; float: right;}
}
