@media screen, projection
{
    .channels.list ul { margin: 0; padding: 0; }
    .channels.list ul li {
        text-align: left;
        list-style: none;
        margin: 0.2em 0.2em 0.8em 0.2em;
        padding: 0.4em;
        overflow: hidden;
        height: 86px; /* tommaso fix: 72px;*/
        background-color: #e1d9cc;
        border: 1px solid #ee6e73;
        border-radius: 10px;
        box-shadow: 4px 4px 8px rgba(192, 192, 192, 1);
        -webkit-box-shadow: 4px 4px 8px rgba(192, 192, 192, 1);
        -moz-box-shadow: 4px 4px 8px rgba(192, 192, 192, 1);
    }
    .channels.list ul li img.logo, .channels.list ul li p.date { float: left; padding: 4px; margin: 0 0.8em 0 0; width: 64px; height: 64px; overflow: hidden; text-align: center; background-color: #fff; }
    .channels.list ul li p { padding: 0 0.4em 0 0; }
    .channels.list ul li p span.place { display: block; font-weight: bold; }
    .channels.list ul li p span.building { display: block; font-size: small; }
    .channels.list ul li p span.address { display: block; font-size: small; }

    .channels.list ul li p.date span.day { display: block; font-size: 3em; margin: 0.2em 0 0.2em; font-weight: bolder; }
    .channels.list ul li p.date span.month { line-height: 1.4em; }
    .channels ul li.past p.date { color: red !important; text-decoration: line-through; }

    #header .page h1 span { color: #444 !important; background: #fff; padding: 0.1em 0.5em 0.2em 0.5em; margin-left: 0px; font-size: 0.9em; }
    #header .page span { color: #fff; background: #444; padding: 0.1em 0.5em 0.2em 0.5em; margin-left: 1.15em; font-size: 1.3em; line-height: 1.1em; }

    #breaking_news { position: relative; overflow: hidden; border-bottom: 1px dashed #ddd; }
    #breaking_news h2 { font-size: 1.6em; font-weight: bold; }
    .contents.list, .contents.list ul { margin: 0; }
    .contents.list > ul { margin-bottom: 0.8em; }
    .contents.list > ul > li { position: relative; overflow: hidden; font-size: 0.9em; margin: 0; border-bottom: 1px dashed #ddd; padding: 0.6em 0 0 0; list-style: none; }
    .contents.list li h2 { font-size: 2em; font-weight: bold; }
    .contents.list li p { margin: 0; padding: 0; }
    .contents.list li p.note { text-align: right; }
    .contents.list li div.news { padding: 4px; }
    .contents.list li div.content.message { padding: 4px; background-repeat: repeat-y; background-position: top left; 
        background: #ECE9E6;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .contents.list li div.content.message div.message { margin-left: 80px; }
    .contents.list li div.blocked p { color: #f00; text-decoration: line-through; }
    .contents.list li div.waiting p { font-weight: bold; }
    .contents.list li span.avatar { display: block; float: left; padding: 4px; margin: 0 8px 4px 0; overflow: hidden; width: 64px; height: 64px; }
    .content { position: relative; overflow: hidden; }
    .content .attachments.gallery { display: block; margin: 0.5em 0 0.5em 0; }
    .content .attachments.gallery a { margin: 0 8px 0 0; }
    .content .attachments.gallery a img {
        padding: 4px; background-color: #fff; overflow: hidden; width: 64px; height: 64px;
        box-shadow: 0px 0px 8px rgba(192, 192, 192, 1);
        -webkit-box-shadow: 0px 0px 8px rgba(192, 192, 192, 1);
        -moz-box-shadow: 0px 0px 8px rgba(192, 192, 192, 1);
    }
    #channel_news { padding: 0 0.2em 0.2em 0; }
    #channel_messages { padding: 0  0 0.2em 0.2em; }

    .sidebar { text-align: center; padding: 1em; background-repeat: repeat-y; background-position: top right; 
        background: #E0EAFC;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to left, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .sidebar span.logo { display: block; padding: 0; margin: 0 auto 1em auto; overflow: hidden; }
    .sidebar ul, .sidebar ul li { list-style: none; margin: 0 0 1em 0; text-align: center; }
    .sidebar a.button { margin-bottom: 1em; }
    
    .channel.box { position: relative; overflow: hidden; }
    
    .actions.panel, .channel.box .actions.panel, #channel_news .actions.panel, #channel_messages .actions.panel { position: absolute; top: 4px; right: 4px; text-align: right; background-color: ghostwhite; border: 1px solid #eee; padding: 8px 4px 2px 4px; }
    .actions.panel li, .channel.box .actions.panel li, #channel_news .actions.panel li, #channel_messages .actions.panel li { margin: 4px; display: inline; list-style: none; text-indent: -9999px; border: 0px none; padding: 0; background-color: transparent; box-shadow: 0 0 0 #fff; -webkit-box-shadow:  0 0 0 #fff; -moz-box-shadow:  0 0 0 #fff; }
    
    .users.list ul { margin-bottom: 0.8em; }
    
    .inline.form { margin: 0.7em 0 0 0; padding: 0; background-color: #f8f8f8; border-bottom: 1px dashed #ddd; }
    .inline.form p { margin: 0; padding: 0.3em; text-align: center; }
    .inline.form form { margin: 0; }
    .inline.form form fieldset { border: 0px none; background-color: transparent; margin: 0; padding: 0; }
}