/* item list styles 
    
    These rules control the styling for all of the various types of lists throughout the site, eg:
    news lists, events lists, video lists etc.
    
    Much like the panels styling there are some core rules which control all of the consistent list 
    styling and then further down the file there are more specific 'namespaced' rules for the 
    individual types of lists.

*/
ul.item_list {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0px 0;
    }
ul.item_list h5 {
    font-size: 1.2em;
    }
ul.item_list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #e1e1e1;
    }
ul.item_list li .entry-summary, 
ul.item_list li .summary {
    margin-bottom: 0.5em;
    }
ul.item_list li .entry-summary a, 
ul.item_list li .summary a {
    color: #E81D25;
    text-decoration: none;
    }
ul.item_list li .entry-summary a:hover, 
ul.item_list li .summary a:hover {
    text-decoration: underline;
    }
ul.item_list li .published, 
ul.item_list li .dtstart {
    
    }
ul.item_list li .thumbnail {
    
    }
ul.item_list li .thumbnail img {
	display: block;
	}
ul.item_list li .date {
    color: #000000;
    }
ul.item_list li .date strong {
    color: #999999;
    }
ul.item_list li a.url, 
ul.item_list li a.bookmark {
    display: block;
    }
ul.item_list li a.pickofweek {
    display: block;
    font-size: 3em;
    font-weight: bold;
    }
ul.item_list li a.url:hover, 
ul.item_list li a.bookmark:hover {
    color: #E81D25;
    text-decoration: none;
    }   
ul.item_list li a.pickofweek:hover {
    color: #E81D25;
    text-decoration: none;
    }     
    
/* video lists */
ul.videos {
    
    }
ul.videos li {
    
    }
ul.videos li .thumbnail {
    width: 134px;
    height: 86px;
    padding: 3px;
    background: transparent url("/media/media,50,en.png") top left no-repeat;
    }
ul.videos li .detail {
    
    }
    
/* event lists */
ul.events {
    
    }
ul.events li {
    
    }
ul.events li .thumbnail {
    
    }
ul.events li .detail {
    
    }
ul.events li .dtstart {
    display: block;
    padding-left: 2px;
    padding-bottom: 5px;
    height: 61px;
    width: 58px;
    background: #c2c3c6 url("/media/media,47,en.png") top left no-repeat;
    text-align: center;
    position: relative;
    z-index: 2;
    }
ul.events li .dtstart .day, 
ul.events li .dtstart .month {
    position: absolute;
    width: 58px;
    display: block;
    font-weight: bold;
    left: 2px;
    }
ul.events li .dtstart .day {
    font-size: 1.5em;
    top: 15px;
    color: #000;    
    }
ul.events li .dtstart .month {
    bottom: 6px;
    color: #fff;
    }
    
/* news lists */
ul.news {
    
    }
ul.news li {
    
    }
ul.news li .thumbnail {
    
    }
ul.news li .detail {
    
    }
ul.news li .published {
    display: block;
    color: #999999;
    font-weight: bold;
    }
    
/* blog lists */
ul.blog {
    
    }
ul.blog li {
    
    }
ul.blog li .thumbnail {
    
    }
ul.blog li .detail {
    
    }
ul.blog li .published {
    display: block;
    color: #E81D25;
    font-weight: bold;
    }

/* courses */
ul.courses {
    
    }
ul.courses li {
    
    }
ul.courses li .details, 
.course {
    margin-bottom: 10px;
    }
ul.courses li .details strong, 
.course .details strong {
    color: #E81D25;
    }
    
/* event filter */
ul.event_filter {
    background: #333333;
    margin-bottom: 20px;
    }
ul.event_filter li {
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #fff;
    }
ul.event_filter li.last {
    border-right: 0;
    }
ul.event_filter li.last a {
    padding: 3px 16px;
    }
ul.event_filter li a {
    color: #fff;
    font-size: 1.2em;
    padding: 3px 17px;
    float: left;
    }
ul.event_filter li a:hover, 
ul.event_filter li a.active {
    background: #e81d25;
    text-decoration: none;
    }

/* graphic signposts */
ul.signposts li {
	border-bottom: 0;
	padding-bottom: 0;
	}