body
    {
        background-color:#000;
        margin:0px;
        padding:0px;
    }
p
    {
        font-family:'Overpass';
        color:#bbb;
        font-size:12px;
        font-weight:200;
    }
a
    {
        text-decoration:none;
        color:#aad;
    }
a:hover
    {
        color:#bbbbbb;
        text-decoration:underline;
    }
    
    
.topBarContainer
    {
        width:100%;
        background-color:#222;
      
    }
.topBarImageContainer
    {
        float:left;
        display:inline-block;
    }
.logo
    {
        
        height:28px;
        display:inline;
        float:left;
        padding:5px;
        
    }
.logoTitle
    {
        font-family:'Overpass';
        color:#cccccc;
        font-size:14px;
        padding-top:5px;
        padding-left:5px;
        text-decoration:none;
        text-align:left;
        padding-top:12px;
    }
.logoTitleInvisible
    {
        font-size:1px;
        colour:black;
    }
.linkArea
    {
        display:block;
        background-color:#222;
        border-top:solid 1px #777;
        margin-bottom:5px;
        width:100%;
        height:40px;
        
    }
.topLinks
    {
    color:#ddd;font-family:'Overpass';font-size:12px;color:#ddd;padding:12px;margin-top:3px;margin-bottom:25px;float:left;text-align:left;
    }

    
/*contianers*/
.blockFullWidth
    {
        width:100%;display:block;overflow: auto;
    }
.blockOneFifth
    {
        width:100%;
        float:left;
        display:inline-block;
    }
.blockContainer
    {
        display:block;
        padding:2px;
    }    
/* Videos */    
.videoWrapper 
    {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    }

.videoWrapper iframe 
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0px;
    } 
    
.videoDetailLargeWrapper
    {
        margin:0px;
        width:80%;
        display:table-cell;
        padding:20px;
    }
.videoDetailLargeTitle
    {
        font-family:'Overpass';
        font-size:25px;
        color:#00a3e6;
        text-decoration:none;
        display:inline-block;
    }
.videoDetailSmallTitle
    {
    font-size:16px; 
    font-family:'Overpass';
    color:#00a3e6;
    padding:10px;
    display:table-cell;
    text-decoration:none;
    }
.videoDetailLargeDuration
    {
        font-size:16px;  
        font-family:'Overpass';
        font-weight:200;
        color:#aaa;
    }
.videoDetailSmallDuration
    {
        font-size:15px;  
        font-family:'Overpass';
        color:#aaa;
    }    
.videoDetailLargeExcerpt
    {
    font-size:22px; 
    font-family:'Overpass';
    color:#ccc;
    font-weight:bold;
    line-height:30px;
    margin:0px;
    }
.videoDetailLargeContent
    {
    font-size:18px; 
    font-family:'Overpass';
    line-height:25px;
    display:inline-block;
    margin:0px;
    color:#ccc;
    }
.videoDetailSmallContent
    {
    font-size:12px; 
    font-family:'Overpass';
    font-weight:200;
    margin:0px;
    color:#ccc;
    padding:5px;
    display:inline-block;
    }    
.videoDetailLink
    {
        font-family:'Overpass';
        font-size:15px;
        color:#00a3e6;
        text-decoration:none;
        display:inline-block;
    }    
    
/*tags*/
.tagWrapper
    {
    margin:20px;
    text-align:center;
    }
.tagTitle
    {
    font-size:16px; 
    font-family:'Overpass';
    color:#ccc;
    padding:5px;
    margin:5px;
    text-decoration:none;
    border:solid 1px #888;
    background-color:#444;
    border-radius:6px;
    white-space: nowrap;
    margin-top:20px;
    display:inline-block;
    }    
    
/*General */
.subTitle
    {
        font-family: 'Overpass';
        color:#00a3e6;
        font-size:20px;
        display:block;
        width:100%;
        padding:20px;
    }
.tagImage
    {
        width:100%;
        margin:0px;
        display:block;
        
    }
    
/*General */
.subTitle
    {
        font-family: 'Overpass';
        color:#00a3e6;
        font-size:12px;
        display:block;
        width:100%;
        padding:20px;
    }    
.tagPointer
    {
        font-family:'Overpass';
        font-size:15px;
        color:#00a3e6;
        text-decoration:none;
        float:left;
        border-radius: 5px;
        padding:5px;
        border:solid 1px #555;
    }
.footer
    {
        background-color:#333;
        padding-top:20px;
    }