/**
 * `style.css`
 * Last modified: 2018-10-12T17:13+0100
 */

/**
 * Election Results
 */

#resultstable {
    display: none;
}

/**
 * Accordion for Guild Council Motions
 */

.accordion {
   width: 100%; 
   clear: both;
}

.accordion > dt:last-of-type, .accordion > dd:last-of-type { 
    border-bottom: 1px solid black; 
}

.accordion > dt {
    cursor: pointer;
    padding: 10px;
    background: #F0F0F0;
    border-top: 2px solid black;
    border-bottom: 0; 
    font-weight: 400;
}

.accordion > dt > a, .accordion > dd > a {
    display: block;
    color: black;
    font-weight: bold;
}

.accordion > dd {
    border-top: 0; 
    font-size: 14px;
    padding: 10px;
    border-bottom: 0;
    margin: 0;
    font-weight: 300;
}

.accordion > dd:last-of-type {
    border-top: 1px solid white;
    position: relative;
    top: -1px;
}

a:hover > .blockheading {
    text-decoration: underline;
    opacity: 0.8;
    transition: opacity 200ms;
}

.motionresults {
    width: 25%;
    text-align: center;
    margin-top: 20px;
    float: left;
}

.councildocs {
    height: 80px;
    text-align: center;
    padding: 10px;
    font-weight: 300;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.previouscouncils {
    padding: 10px 0px;
    border-bottom: 1px solid gray;
}

.previouscouncils > a {
    text-decoration: none;
}

.previouscouncils > a:hover {
    text-decoration: underline;
}

/**
 * Live box
 */

.live {
    background:red;
    padding: 5px 10px;
    box-sizing: border-box;
    font-weight: 700;
    color: white;
    vertical-align: top;
}

.live.lead {
    font-size: 25px;
    line-height: 50px;
    margin-right: 10px; 
}

.live.small {
    font-size: 18px;
    line-height: 30px;
}

.c_top {
    display: none;
}

.scorebar {
    background-color: rgb(63,147,128);
    width: 72.5%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    color:#fff;
    font-weight: 300;
    font-size: 100%;
    margin-top:0px;
    float:right;
    padding-top: 7px;
    padding-bottom: 6px;
}

.game-type {
    float: left;
    background-color: #000000;
    padding-top: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 7px;
    margin-top: 0px;
    width: 27%;
    margin-bottom: 5px;
}

.middleresult {
    text-align: center;
    width: 10%;
}

.game-type > p {
    color:#fff;
    margin-top:0px;
    margin-bottom:0px;
    font-weight: bold;
    font-size: 100%;
    text-align: center;
}

#scores > h2 {
    margin-bottom: 30px;
    font-size: 200%;
    font-weight: bold;
}

.scorebar .result {
    font-weight: bold;
}

.scorebar .result:nth-of-type(1) {
    margin-left: 10px;
}

.scorebar .result:nth-of-type(2) {
    margin-right: 10px;
}

.scorebar .col {
    margin-left: 1%;
    margin-bottom: 0%;
}

.scorebar .span_1_of_12 {
    width: 2.5%;
}

.team-one {
    text-align: right;
    width: 40%;
}

.team-two {
    text-align: left;
    width: 40%;
}

.team-two.col {
    margin-left: 2%;
}

body {
    margin: 0;
    font-family: 'Lato', sans-serif;
    color: #1f1f1f;
    font-size: 14px;
}

.main {
    width: 1000px;
    margin: auto;
}

#footer-column-container {
    display: flex;
}

.main.photo-illustration { 
    max-width: 830px;
    width: 100%;
}

.photo-illustration > h3 > p {
    color: black;
    font-size: 13pt;
}

a {
    color: #1f1f1f;
    text-decoration: underline;
}

a:hover {
    color: #999999;
    text-decoration: underline;
}

a:visited {
    color: #1f1f1f;
    text-decoration: underline;
}

a:active {
    color: #1f1f1f;
    text-decoration: underline; 
}

.leftcolumn {
    width: 66%;
    float: left;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1 {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 400;
}
 
h2 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
}

.leadimage {
    height: 350px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
}

.content {
    margin: auto;
    margin-top: 20px;
    width: 65%;
    padding-right: 60px;
}

.contentwide {
    margin: auto;
    margin-top: 20px;
    width: 1000px;
}

.header {
    width: 100%;
    background-size: cover;
    background-position: center center;
}

/**
 * Header / Navigation bar
 */

.logo {
    position: absolute; 
    margin-left: 32px; 
    margin-top: 6px; 
    opacity: 0.99;
    z-index: 1;
}

.nav {
    width: 100%;
    height: 50px;
    margin: auto;
    color: #c1bebb;
    background-color: rgb(31,31,31);
    background-color: rgba(31, 31, 31, 0.90);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 300;
    color: #cfcfcf;
    font-size: 14px;
    position: fixed;
    z-index: 999;
    padding-left:130px;
}

.nav > ul > li {
    display: block;
    float: left;
    height: 50px;
}

.nav > ul > li > a {
    display: block;
    height: 50px;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 14px;
    color: #cfcfcf;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.nav > ul > li > p {
    color: #515151;
    font-weight: 300;
    padding-left: 4px;
    padding-right: 4px;
}

.news:hover {
    background-color: rgba(240, 0, 0, 0.15);
}

.comment:hover {
    background-color: rgba(125, 67, 163, 0.15);
}

.culture:hover {
    background-color: rgba(255, 204, 0, 0.15);
}

.music:hover {
    background-color: rgba(255, 179, 179, 0.15);
}

.film:hover {
    background-color: rgba(48, 151, 155, 0.15);
}

.tv:hover {
    background-color: rgba(5, 199, 101, 0.15);
}

.gaming:hover {
    background-color: rgba(255, 51, 51, 0.15);
}

.food:hover {
    background-color: rgba(250, 131, 56, 0.15);
}

.travel:hover {
    background-color: rgba(102, 178, 255, 0.15);
}

.lifestyle:hover {
    background-color: rgba(147, 151, 203, 0.15);
}

.tech:hover {
    background-color: rgba(69, 114, 161, 0.15);
}

.sport:hover {
    background-color: rgba(34, 139, 34, 0.15);
}

.features:hover {
    background-color: rgba(200, 200, 200, 0.15);
}

/** UNUSED CODE ***

.arts:hover {
    background-color: rgba(255, 204, 0, 0.15);
}

.careers:hover {
    background-color: rgba(77, 77, 77, 0.15);
}

.photography:hover {
    background-color: rgba(200, 200, 200, 0.15);
}

*** END UNUSED CODE **/

/**
 * Banner
 */

#banner {
    margin-bottom: 10px;
}

/**
 * Content styling
 */

.leadheading {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    color: #333333;
}

.content h1 {
    font-size: 44px;
    font-weight: 700;
    color: #333333;
    margin: 0;
    margin-bottom: 20px;
    margin-top:15px;
}

.contentwide h1 {
    font-size: 44px;
    font-weight: 700;
    color: #333333;
    margin: 0;
    margin-bottom: 25px;
    margin-top:15px;
}

h3 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 14px;
}

.content h3 {
    color: #6d6d6d;
    font-weight: 400;
    font-size: 21px;
    margin-top: 14px;
}

.videoblock h3 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 14px;
}

hr {
    background-color: #dadada;
    height: 1px;
    border:0;
    width: 100%;
}

/**
 * Footer
 */

.footer {
    margin: auto;
    width: 100%;
    font-size: 12px;
    background-color: #272727;
    font-weight: 400;
    overflow:hidden;
    margin-bottom: 0;
}

.footer p {
    margin-top:5px;
    margin-bottom: 5px;
}

.footer a:hover {
    text-decoration: underline;
}

.widefooter {
    width: 100%;
    border-top: 1px solid #333333;
    float:right;
}

.widefooter ul {
    list-style: none;
    overflow: hidden;
    padding-top:10px;
    padding-left:0px;
}

.widefooter ul li {
    float:left;
    display: inline-block;
    margin-right:20px;
    margin-bottom:10px;
}

.widefooter ul li a {
    text-decoration: none;
    color: #DDDDDD;
}

/**
 * Article styling
 */

.article {
    margin-top: 10px;
    font-weight: 300;
    min-height: 300px;
    text-align: justify;
    font-size: 12pt;
    line-height: 1.5em;
    color: black;
}

.article a {
    color: #1f1f1f;
    text-decoration: underline;
}

.article a:hover {
    color: #999999;
    text-decoration: underline;
}

.article a:visited {
    color: #1f1f1f;
    text-decoration: underline;
}

.article a:active {
    color: #1f1f1f;
    text-decoration: underline; 
}


.authorbox {
    font-size: 12px;
    text-align: right;
    float: left;
    margin-left: 140px;
    margin-top: 40px;
    width: 120px;
}

.authorbox a{
    color: #6d6d6d;
    text-decoration: underline;
}

.leftlink a{
    color: #6d6d6d;
    text-decoration: underline;
}

.authorname {
    font-weight: 700;
    margin-bottom:0px;
}

.authorimage {
    width: 78px;
    height: 78px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 4px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px; 
    float:right;
    margin-bottom: 5px;
}

.authorname a {
    color: #333333;
    text-decoration: none;
    font-size: 15px;
}

.authorbox h3 {
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
}

.imagebox {
    margin-bottom: 10px;
}

.imagebox p {
    padding: 0;
    margin: 0;
    margin-left: 0px;
    margin-top: 2px;
    font-size: 12px;
}

.box {
    background-color: #efefef;
    padding:20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    margin-bottom: 20px;
}
 
.box h2 {
    font-size: 18px;
    margin: 0;
    border-bottom: 1px #dadada solid;
    padding-bottom: 15px;
    margin-bottom: 14px;
}   

.left {
    float:left;
    margin-left: -0px;
    width: 415px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.right {
    float:right;
    margin-right: -0px;
    width: 415px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.fullwidth {
    width: 585px;
    height: auto;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.recommended {
    width: 830px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 20px;
}

.recommended h1 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.recommended .image {
    width: 333px;
    height: 200px;
    float:left;
    overflow:hidden;
    margin-right: 20px;
    background-size: cover;
    background-position: center center;
}

.recommended .text h2 {
    font-size: 28px;
    font-weight: 400;
    margin:0;
    margin-bottom: 10px;
}

.recommended .text a {
    color: #000;
    text-decoration:none;
}


.recommended .text p {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
}

.recommended .text {
    font-size: 14px;
}

.block {
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px;
    width: 80%;
}

.blockheading {
    height: 43px;
    font-size: 15px;
    padding-top: 12px;
    padding-left: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.45);
    border-bottom: rgba(0,0,0,0.18) 1px solid;
}

#showlinks {
    display: none;
}

#links {
    margin-left: 50px; 
    margin-top: 0px; 
    display: block;
}

/**
 * Slider styling
 */

.featuredblock {
    background-size: cover; 
    background-position: center center; 
    border-right: 1px solid #d2c7bf; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 0px;
    margin:0px;
    height: 450px;
    white-space:normal;
    width: 25%;
}

.featuredblock p a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.coloroverlay {
    display: block; 
    width: 100%; 
    height: 100%; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    position: relative;
    display: inline-block;
}

.coloroverlay p {
    position: absolute; 
    bottom:0; 
    font-size: 32px; 
    color: #fff; 
    line-height: 40px; 
    padding: 25px; margin:0;
    font-weight: 400;
}

.featuredblock:hover .coloroverlay > p {
    text-decoration: underline;
}

/**
 * Slider colours
 */

.overlayother {
    background-color: rgba(8, 37, 94, 0.35);
}

.overlaynews {
    background-color: rgba(204, 0, 0, 0.35);
}

.overlaycomment {
    background-color: rgba(125, 67, 163, 0.35);
}

.overlayculture {
    background-color: rgba(255, 204, 0, 0.20);
}

.overlaymusic {
    background-color: rgba(255, 179, 179, 0.35);
}

.overlayfilm {
    background-color: rgba(48, 151, 155, 0.35);
}

.overlaytv {
    background-color: rgba(5, 199, 101, 0.35);
}

.overlaygaming {
    background-color: rgba(255, 51, 51, 0.35);
}

.overlayfood {
    background-color: rgba(250, 131, 56, 0.35);
}

.overlaytravel {
    background-color: rgba(102, 178, 255, 0.35);
}

.overlaylifestyle {
    background-color: rgba(147, 151, 203, 0.35);
}

.overlaytech {
    background-color: rgba(69, 114, 161, 0.35);
}

.overlaysports {
    background-color: rgba(34, 139, 34, 0.35);
}

.overlayfeatures {
    background-color: rgba(200, 200, 200, 0.35);
}

/** UNUSED CODE ? ***

.overlayarts {
    background-color: rgba(255, 204, 0, 0.35);
}

.overlaycareers {
    background-color: rgba(77, 77, 77, 0.35);
}

.overlayphotography {
    background-color: rgba(200, 200, 200, 0.35);
}

*** END UNUSED CODE ***/

/**
 * Slider colours on hover
 */

.overlayother:hover {
    background-color: rgba(8, 37, 94, 0.45);
}

.overlaynews:hover {
    background-color: rgba(204, 0, 0, 0.45);
}

.overlaycomment:hover {
    background-color: rgba(125, 67, 163, 0.45);
}

.overlayculture:hover {
    background-color: rgba(255, 204, 0, 0.30);
}

.overlaymusic:hover {
    background-color: rgba(255, 179, 179, 0.45);
}

.overlayfilm:hover {
    background-color: rgba(48, 151, 155, 0.45);
}

.overlaytv:hover {
    background-color: rgba(5, 199, 101, 0.45);
}

.overlaygaming:hover {
    background-color: rgba(255, 51, 51, 0.45);
}

.overlayfood:hover { 
    background-color: rgba(250, 131, 56, 0.45);
}

.overlaytravel:hover {
    background-color: rgba(102, 178, 255, 0.45);
}

.overlaylifestyle:hover {
    background-color: rgba(147, 151, 203, 0.45);
}

.overlaytech:hover {
    background-color: rgba(69, 114, 161, 0.45);
}

.overlaysports:hover {
    background-color: rgba(34, 139, 34, 0.45);
}

.overlayfeatures:hover {
    background-color: rgba(200, 200, 200, 0.45);
}

/** UNUSED CODE?  ***

.overlayarts:hover {
    background-color: rgba(255, 204, 0, 0.45);
}

.overlaycareers:hover {
    background-color: rgba(77, 77, 77, 0.45);
}

.overlayphotography:hover {
    background-color: rgba(200, 200, 200, 0.45);
}

*** END UNUSED CODE **/

/**
 * Main page content styling and positioning
 */

.rightimage {
    width: 100%;
    height: 180px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
}

.rightcolumn h1 {
    font-size: 26px;
    margin-bottom: 0px;
}

.rightcolumn h2 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 5px;
}

.leftimage {
    width: 230px;
    height: 160px;
    background-size: cover;
    background-position: center center;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.leftblock {
    width: 100%;
    margin-top: 15px;
}

.leftblock h1 {
    font-size: 26px;
}

.lefttext {
    height: 168px;
}

.latestbox {
    width: 25%; 
    float:left; 
    border-right: 1px solid #dadada; 
    height: 70px; 
    padding-top: 10px; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    padding-left: 20px; 
    padding-right: 20px;
    margin-bottom: 40px;
}

.latestedition {
    height: 56px; 
    margin-top: 1px;  
    background-color: #f0f0f0; 
    border-bottom: 1px solid #dadada; 
    margin-bottom: 20px; 
    color: #333;
    padding-top: 8px;
}

.header {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center center;
}

.catcolumn {
    float:right;
    width: 330px;
}

.catblock {
    width: 650px;
    margin-bottom: 10px;
    float: left;
}

.catblock .textright {
    width: 550px;
    float:right;
    border-bottom: 1px #dadada solid;
}

.catblock .image {
    height: 240px;
    background-size: cover;
    background-position: center center;
}

.catauthorbox {
    width: 87px;
    margin-left: -100px;
    float: left;
    padding-right: 5px;
    font-size: 12px;
}

.catblock h1 {
    font-size: 26px;
    margin-top: 10px;
}

.catblock h3 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 6px;
}

.catname {
    background-color: #f3f3f3;
    font-size: 14px;
    margin-right: 2px;
    float: left;
    margin-bottom: 2px;
    font-weight: 400;
}

.catname a {
    display: inline-block;
    padding: 10px;
    padding-left: 14px;
    padding-right: 14px;
    color: #1f1f1f;
    text-decoration: none;
}

.catname a:hover {
    background-color: rgba(0,0,0,0.05);
}

.columnblock {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px #dadada solid;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
}

.columnblock h1 {
    font-size: 20px;
    margin-top: 14px;
}

.columnblock h3 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 8px;
}

/**
 * Colours
 */

.news { 
    color: #CC0000;
}

.comment {
    color: #7D43A3;
}
 
.sports {
    color: #228B22;
}

.arts {
    color: #FFCC00;
}

.culture {
    color: #FFCC00;
}

.music {
    color: #FFB3B3;
}

.tech {
    color: #4572A1;
}

.gaming {
    color: #FF3333;
}

.careers {
    color: #4D4D4D;
}

.travel {
    color: #66B2FF;
}

.film {
    color: #30979B;
}

.tv {
    color: #05C765;
}

.lifestyle {
    color: rgb(147, 151, 203);
}

.food {
    color: #FA8338;
}

.news a {
    color: #CC0000;
}

.comment a {
    color: #7D43A3;
}
 
.sports a {
    color: #228B22;
}

.arts a {
    color: #FFCC00;
}

.culture a {
    color: #FFCC00;
}

.music a {
    color: #FFB3B3;
}

.tech a {
    color: #4572A1;
}

.gaming a {
    color: #FF3333;
}

.careers a {
    color: #4D4D4D;
}

.travel a {
    color: #66B2FF;
}

.film a {
    color: #30979B;
}

.tv a {
    color: #05C765;
}

.lifestyle a {
    color: rgb(147, 151, 203);
}

.food a {
    color: #FA8338;
}

.item {
    border-bottom: 1px solid #dadada; 
    height: 450px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.itemimage {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
}

#itembox:hover .itemimage > .itemoverlay,
#itembox:hover .homeimage > .itemoverlay {
    width: 100%;
    height: 100%;
    position: relative;
    transition: background 400ms;
}

#itembox:hover h1 > a,
#itembox:hover h2 > a,
#itembox:hover .reviewtext > span {
    text-decoration: underline;
    transition: color 400ms;
}

#itembox:hover .homeimage > .itemoverlay.item-home {
    background: rgba(1,1,1,0.4);
}

#itembox:hover .itemimage > .itemoverlay.item-news,
#itembox:hover .itemimage > .itemoverlay.item-ge2015,
#itembox:hover .homeimage > .itemoverlay.item-news {
    background: rgba(204,0,0,0.4);
}

#itembox:hover h1.item-news > a,
#itembox:hover h2.item-news > a,
#itembox:hover h1.item-ge2015 > a,
#itembox:hover h2.item-ge2015 > a {
    color: rgb(204,0,0);
}

#itembox:hover .itemimage > .itemoverlay.item-comment,
#itembox:hover .homeimage > .itemoverlay.item-comment {
    background: rgba(125,67,163,0.4);
}

#itembox:hover h1.item-comment > a,
#itembox:hover h2.item-comment > a {
    color: rgb(125,67,163);
}

#itembox:hover .itemimage > .itemoverlay.item-sports,
#itembox:hover .homeimage > .itemoverlay.item-sports {
    background: rgba(34,139,34,0.4);
}

#itembox:hover h1.item-sports > a,
#itembox:hover h2.item-sports > a {
    color: rgb(34,139,34);
}

#itembox:hover .itemimage > .itemoverlay.item-culture {
    background: rgba(255, 204, 0, 0.4);
}

#itembox:hover h1.item-culture > a,
#itembox:hover h2.item-culture > a {
    color: rgb(255,204,0);
}

#itembox:hover .itemimage > .itemoverlay.item-music {
    background: rgba(255,179,179, 0.4);
}

#itembox:hover h1.item-music > a,
#itembox:hover h2.item-music > a {
    color: rgb(255,179,179);
}

#itembox:hover .itemimage > .itemoverlay.item-lifestyle {
    background: rgba(147, 151, 203, 0.4);
}

#itembox:hover h1.item-lifestyle > a,
#itembox:hover h2.item-lifestyle > a {
    color: rgb(147, 151, 203);
}

#itembox:hover .itemimage > .itemoverlay.item-food {
    background: rgba(250,131,56, 0.4);
}

#itembox:hover h1.item-food > a,
#itembox:hover h2.item-food > a {
    color: rgb(250,131,56);
}

#itembox:hover .itemimage > .itemoverlay.item-film {
    background: rgba(48,151,155, 0.4);
}

#itembox:hover h1.item-film > a,
#itembox:hover h2.item-film > a {
    color: rgb(48,151,155);
}

#itembox:hover .itemimage > .itemoverlay.item-tv {
    background: rgba(5,199,101,0.4);
}

#itembox:hover h1.item-tv > a,
#itembox:hover h2.item-tv > a {
    color: rgb(5,199,101);
}

#itembox:hover .itemimage > .itemoverlay.item-travel {
    background: rgba(102,178,255,0.4);
}

#itembox:hover h1.item-travel > a,
#itembox:hover h2.item-travel > a  {
    color: rgb(102,178,255);
}

#itembox:hover .itemimage > .itemoverlay.item-tech {
    background: rgba(0,0,0,0.4);
}

#itembox:hover h1.item-tech > a,
#itembox:hover h2.item-tech > a {
    color: rgb(41,99,178);
}

#itembox:hover .itemimage > .itemoverlay.item-gaming {
    background: rgba(255,51,51,0.4);
}

#itembox:hover h1.item-gaming > a,
#itembox:hover h2.item-gaming > a {
    color: rgb(255,51,51);
}

#itembox:hover .itemimage > .itemoverlay.item-careers {
    background: rgba(77,77,77,0.4);
}

#itembox:hover h1.item-careers > a,
#itembox:hover h2.item-careers > a {
    color: rgb(77,77,77);
}

.item h1 a {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #333333;
    text-decoration: none;
}

.item h1 {
    line-height: 24px;
    margin-top:5px;
    margin-bottom: 10px;
}

.item h2 a {
    font-weight: 700;
    font-size: 12px;
    margin:0;
    text-decoration: none;
}

.item h2 {
    padding:0;
}

.item h3 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 14px;
}

.item .author {
    position: absolute;
    bottom: 10px;
    font-size: 12px;
}

.catnav {
    background-color: #f0f0f0; 
    border-bottom: 1px solid #dadada; 
    margin-top: 1px; 
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.catnav li a {
    display: inline-block;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 14px;
    font-size: 15px;
    -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; 
    text-decoration: none;
    color: #1f1f1f;
    float: left;
}

.catnav a:hover {
    background-color: rgba(0,0,0,0.03);
}

.current-cat {
    background-color: rgba(0,0,0,0.03);
}

.current-cat a {
    background-color: rgba(0,0,0,0.03);
}

.children {
    display:none;
}

.loadmorediv {
    background-color: #f0f0f0; 
    border-bottom: 1px solid #dadada;
    margin: auto;
    width: 1000px;
    text-align: center;
    margin-bottom: 20px;
}

.loadmorediv a {
    font-size: 24px;
    color: #1f1f1f;
    text-decoration: none;
    display: inline-block;
    padding-top: 14px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 14px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.loadmorediv a:hover {
    background-color: rgba(0,0,0,0.03);
}

h1 a {
    color:#1f1f1f;
    text-decoration: none;
}

.pullquote {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    margin-bottom: 10px;
    text-align: left;
    font-size: 30px;
    line-height: normal;
    font-weight:400;
    color: #000;
}

.pullquote.size-smallest,
.pullquote.size-20px {
    font-size: 20px;
}

.pullquote.size-small,
.pullquote.size-25px {
    font-size: 25px;
}

.pullquote.size-normal,
.pullquote.size-30px {
    font-size: 30px;
}

.pullquote.section-news {
    color: #cc0000;
}

.pullquote.section-comment {
    color: #7d43a3;
}

.pullquote.section-fooddrink {
    color: #fa8338;
}

.pullquote.section-gaming {
    color: #ff3333;
}

.pullquote.section-sport {
    color: #228b22;
}

.pullquote.section-culture {
    color: #ffcc00;
}

.pullquote.section-music {
    color: #ffb3b3;
}

.pullquote.section-tech {
    color: #4572a1;
}

.pullquote.section-travel {
    color: #66b2ff;
}

.pullquote.section-film {
    color: #30979b;
}

.pullquote.section-tv {
    color: #05c765;
}

.pullquote.section-lifestyle {
    color: #9397cb;
}

.quotemark { 
    color: #dadada;
    margin-top: -30px;
    margin-bottom: -80px;
    font-size: 130px;
    font-family: arial;
    margin-left: -3px;
}

.youtubeleft {
    height: 270px;
}

.youtuberight {
    height: 270px;
}

.youtubefullwidth {
    height: 329px;
}

.authorleft {
    float: left;
    width: 140px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.authorleft a {
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #00abec;
    color: #00abec;
}

.authorright {
    float:right;
    width: 860px;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.authorblockimage { 
    width: 240px;
    height: 170px;
    background-size: cover;
    background-position: center center;
    float: left;
}

.authorblock {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #dadada solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.authorblocktext {
    width: 580px;
    float: right;
}

.authorblocktext h1 {
    font-size: 28px;
}

.authorblocktext h2 {
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    bottom: 5px;
}

#searchform {
    margin-bottom: 2px;
}
#search {
    width: 90%;
    color:#a5a5a5;
    font-size: 14px;
    font-weight: 400;
    border:1px solid #dadada;
    border-right: 0;
    height: 46px;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

#go {
    width: 8%;
    border:1px solid #dadada;
    border-left: 0;
    height: 46px;
    background-color: #cc333f;
    margin-left: -3px;
    color: #fff;
    font-size: 14px;
    margin-top: 1px;
    font-weight: 400;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.45);
    cursor: pointer;
}


.latestposts {
    margin-left: 10px !important;
    color:#a5a5a5;
    font-size: 14px;
    font-weight: 400;
    border:1px solid #dadada;
    background-color: #fff;
    height: 46px;
    float:left;
    margin-top:1px;
    padding: 10px;
    z-index:100;
    position: relative;
    list-style: none;
    padding-bottom: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.timestamp {
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    height: 18px;
    margin-right: 10px;
    width: 65px;
    color: #fff;
    font-size: 12px;
    background-color: #415166;
    display: inline-block;
    float: left;
    text-align: center;
}

.timestamp.news {
    background: #CC0000;
}

.timestamp.election {
    background: #b53477;
}

.timestamp.comment {
    background: #7D43A3;
}
 
.timestamp.sports {
    background: #228B22;
}

.timestamp.arts {
    background: #FFCC00;
}

.timestamp.culture {
    background: #FFCC00;
}

.timestamp.music {
    background: #FFB3B3;
}

.timestamp.tech {
    background: #2963b2;
}

.timestamp.gaming {
    background: #FF3333;
}

.timestamp.careers {
    background: #4D4D4D;
}

.timestamp.travel {
    background: #66B2FF;
}

.timestamp.film {
    background: #30979B;
}

.timestamp.tv {
    background: #05C765;
}

.timestamp.lifestyle {
    background: rgb(147, 151, 203);
}

.timestamp.food {
    background: #FA8338;
}

.latestposts .text {
    padding-top: 3px;
    float:left;
}

.latestposts li {
    list-style: none;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 13px;
    border-bottom: 1px ;
}

.heightauto {
    height:auto;
}

.latestposts a {
    text-decoration: none;
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 400;
}

.rightcolumn h3 a {
    font-weight: 700;
    font-size: 12px;
    margin:0;
    text-decoration: none;
    color: #6d6d6d;
}

.rightcolumn h3 {
    margin-bottom: 3px;
}

.videobox {
    width: 1000px;
    height: 563px;
    margin: auto;
}

.photobox {
    text-align: center;
}

.photobox img.landscape {
    max-width: 100%;
    height: auto;
    width: 830px;
    border: 4px solid black;
    box-sizing: border-box;
}

.photobox img.portrait {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 80vh;
    border: 4px solid black;
}

div[id^="attachment_"] {
    max-width: 100%;
    text-align: center;
    background: #f0f0f0;
    padding: 20px 10px 0px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 700;
}

.photographer { 
    font-weight: 300;
}

.photographer a {
    font-weight: 400;
    color: #fff;
}

.photographer-home a {
    color: #B3B3B3;
}

.videoleft img {
    width: 100%;
}

.reviewheader.photo {
    color: black;
}

.morevids.photo {
    background: #B3B3B3;
}

.commentsvideo {
    padding: 0px;
    margin-bottom: 20px;
}

.reviewblock {
    width: 100%; 
    background-color: #f0f0f0;
    padding-top: 30px;
    padding-bottom: 35px;
    
    margin-top: 20px;
    margin-bottom: 20px;
}

.reviewimage {
    width: 242px;
    height: 380px;
    background-position: center center;
    float: left; 
    margin-right: 10px;
    background-color: green;
    position: relative;
    background-size: cover;
}

.reviewheader {
    font-size: 25px;
    margin-bottom: 10px;
}

.reviewtext {
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 24px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.reviewtext a {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.reviewtext a:hover {
    color: #fff;
    font-size: 17px;
    text-decoration: underline;
}

.reviewtext a:active {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}

.reviewtext a:visited {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}

.reviewauthor {
    font-size: 11px;
    color: #cc333f;
}

.threerow .item {
    width: 32.6%;
    margin-right: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

.threerow .image {
    width: 100%;
    background-size: cover;
    background-position: center center;
}

h2 {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 14px;
    margin-top: 5px;
}

h3 a {
    font-weight: 700;
    font-size: 12px;
    margin:0;
    text-decoration: none;
    color: #6d6d6d;
}

.threerow h3 {
    margin-bottom: 3px;
}

.videoblock {
    width: 100%; 
    background-color: #1a1a1a;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.photoblock {
    width: 100%; 
    background-color: #F0F0F0;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 35px;
    margin-top: 20px;
}

.photo-text {
    color: black;
    font-weight: 300;
}

.photo-text > a {
    font-weight: 400;
    color: black !important;
}

.videoleft {
    width: 650px;
    float:left;
    color: #fff;
}

.videoleft h1 {
    color: #fff;
    margin-top: 20px;
}

.morevids {
    width: 100%;
    background-color: #CC333F;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    margin-bottom: 30px;
    text-align: center;
}

.videoright h1 {
    font-size: 25px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 12px;
}

.videoleft h1 a {
    color: #fff;
}

.videoright h3 {
    color: #1a1a1a;
}

.videoauthor a,
.morevids .videoauthor a {
    color: #CC333F;
}

.morevids h1 a {
    color: white;
    font-size: 26px;
}

.twittershare {
    width: 100%; 
    background-color: #4099FF; 
    font-size: 12px;
    text-align: center;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    margin-bottom:1px;
}

.twittershare a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 7px;
}

.twittershare a:active {
    color: #fff;
    text-decoration: none;
    display: block;
}

.twittershare a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
}

.twittershare a:hover {
    color: #fff;
    display: block;
    text-decoration: none;
    background-color: rgba(0,0,0,0.05);
}

.fbshare {
    width: 100%; 
    background-color: #3b5998;  
    font-size: 12px;
    text-align: center;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.fbshare a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 7px;
}

.fbshare a:active {
    color: #fff;
    text-decoration: none;
    display: block;
}

.fbshare a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
}

.fbshare a:hover {
    color: #fff;
    display: block;
    text-decoration: none;
    background-color: rgba(0,0,0,0.05);
}

#contenttut {
    background-color: white;
}

.authorimagebox {
    width: 100%;
    text-align: right;
    overflow: hidden;
}

.sidebar {
    float:right;
    width:330px;
    text-align:right;
    padding-bottom: 10px;
}

div.featbox{
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center top;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

@media only screen and (min-width: 750px){
    div.featbox.half{
        width: 48%;
        margin: 0 1%;
        float: left;
    }
}

@media only screen and (max-width: 750px){
    div.featbox.half{
        width:100%;
    }
}

div.featbox div.text{
    position: absolute;
    padding: 20px 20px 15px 20px;
    font-size: 14px;
    line-height: 1.4em;
    width: 100%;
    overflow:  hidden;
}

div.featbox div.top{
    top:  0;
    width:100%;
}

div.featbox div.left{
    top: 10%;
    left: 0px;
    width: 50%;
}

div.featbox div.right{
    top: 10%;
    right: 0px;
    width: 50%;
}

div.featbox div.bottom{
    bottom: 0;
    width: 100%;
}

div.featbox.half div.left, div.featbox.half div.left{
    width: 100%;
}

div.featbox div.solid.black{
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

div.featbox div.solid.white{
    background-color: rgba(255, 255, 255, 0.8);
    color: #000000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; 
}

div.featbox div.clear.black{
    color: #000000;
}

div.featbox div.clear.white{
    color: #FFFFFF;
}

img {
    max-width: 100%;
    height: auto;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right;
    margin-left: 20px;
}

.alignleft {
    float: left;
    margin-right: 20px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/**
 * Navigation Submenu
 */

.submenu {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 0px;
    left:0;
    overflow: hidden;
    transition: height 400ms ease;
    -webkit-transition: height 400ms ease;
    -moz-transition: height 400ms ease;
    margin-top: -5px;
    visibility: hidden;
}

#links .submenu {
    height: 0px;
}

.submenu-article-container {
    background: rgba(255,255,255,0.95);
    height: 100%;
}

.submenu-item {
    padding-top: 5px !important;
    width: 20%;
    padding: 0px 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    height: auto;
}

.submenu-item > ul {
    -webkit-padding-start: 0px;
    list-style-type: none;
}

#links:hover .submenu {
    height: 175px;
    transition: height 400ms ease;
    -webkit-transition: height 400ms ease;
    -moz-transition: height 400ms ease;
}

.submenu-item > ul > a > li {
    height: auto;
    color: black;
    padding: 3px 10px 3px 0px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12pt;
    color: white;
    text-align: right;
    list-style-type: none;
}

.submenu-item > ul > a {
    text-decoration: none;
}

.submenu-item > h1 {
    font-size: 13pt;
    font-weight: 300;
    margin: 0;
    color: black;
    line-height: 13pt;
}

.submenu > .threerow {
    height: 100%;
}

.submenu-main {
    height: 100%;
    width: 100%;
}

.submenu-img {
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
}

/**
 * Submenu reveals
 */

/** News **/

#news:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(204, 0, 0, 0.9);
}

.submenu-item.first-news{
    padding: 0px;
    height: 100%;
    background: rgba(204, 0, 0, 0.9);
    width: 200px;
}

.submenu-item.first-news > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(204, 0, 0, 1);
    font-weight: 700;
}

/** Comment **/

#comment:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(125, 67, 163, 0.95);
}

.submenu-item.first-comment{
    padding: 0px;
    height: 100%;
    background: rgba(125, 67, 163,0.95);
    width: 200px;
}

.submenu-item.first-comment > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(125, 67, 163,0.75);
    font-weight: 700;
}

/** Culture **/

#culture:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(255, 204, 0, 0.95);
}

.submenu-item.first-culture{
    padding: 0px;
    height: 100%;
    background: rgba(255, 204, 0, 0.95);
    color: black;
    width: 200px;
}

.submenu-item.first-culture > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(255, 204, 0, 0.75);
    font-weight: 700;
}

/** Music **/

#music:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(255, 179, 179, 0.95);
}

.submenu-item.first-music {
    padding: 0px;
    height: 100%;
    background: rgba(255, 179, 179, 0.95);
    color: black;
    width: 200px;
}

.submenu-item.first-music > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(255, 179, 179, 1);
    font-weight: 700;
}

/** Film **/

#film:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(48, 151, 155, 0.9);
}

.submenu-item.first-film {
    padding: 0px;
    height: 100%;
    background: rgba(48, 151, 155, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-film > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(48, 151, 155, 1);
    font-weight: 700;
}

/** TV **/

#tv:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(5, 199, 101, 0.9);
}

.submenu-item.first-tv {
    padding: 0px;
    height: 100%;
    background: rgba(5, 199, 101, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-tv > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(5, 199, 101, 1);
    font-weight: 700;
}

/** Gaming **/

#gaming:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(255, 51, 51, 0.9);
}

.submenu-item.first-gaming {
    padding: 0px;
    height: 100%;
    background: rgba(255, 51, 51, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-gaming > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(255, 51, 51, 1);
    font-weight: 700;
}

/** Food&Drink **/

#food:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(250, 131, 56, 0.9);
}

.submenu-item.first-food {
    padding: 0px;
    height: 100%;
    background: rgba(250, 131, 56, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-food > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(250, 131, 56, 1);
    font-weight: 700;
}

/** Travel **/

#travel:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(102, 178, 255, 0.9);
}

.submenu-item.first-travel {
    padding: 0px;
    height: 100%;
    background: rgba(102, 178, 255, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-travel > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(102, 178, 255, 1);
    font-weight: 700;
}

/** Life&Style **/

#lifestyle:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(147, 151, 203, 0.95);
}

.submenu-item.first-lifestyle {
    padding: 0px;
    height: 100%;
    background: rgba(147, 151, 203, 0.95);
    color: black;
    width: 200px;
}

.submenu-item.first-lifestyle > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(147, 151, 203, 0.75);
    font-weight: 700;
}

/** Sci&Tech **/

#tech:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(69, 114, 161, 0.9);
}

.submenu-item.first-tech {
    padding: 0px;
    height: 100%;
    background: rgba(69, 114, 161, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-tech > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(69, 114, 161, 1);
    font-weight: 700;
}

/** Sport **/

#sport:hover .submenu {
    visibility: visible;
    transition: height 400ms;
    -webkit-transition: height 400ms;
    -moz-transition: height 400ms;
    height: 175px;
    border-bottom: 5px solid rgba(34, 139, 34, 0.95);
}

.submenu-item.first-sport {
    padding: 0px;
    height: 100%;
    background: rgba(34, 139, 34, 0.95);
    width: 200px;
}

.submenu-item.first-sport > ul > a > li:hover {
    background: #f0f0f0;
    color: rgb(34, 139, 34);
    font-weight: 700;
}

/** Features **/

#features:hover .submenu {
    visibility: visible;
    transition: height 400ms;
    -webkit-transition: height 400ms;
    -moz-transition: height 400ms;
    height: 175px;
    border-bottom: 5px solid rgba(200, 200, 200, 0.95);
}

.submenu-item.first-features {
    padding: 0px;
    height: 100%;
    background: rgba(200, 200, 200, 0.95);
    width: 200px;
}

.submenu-item.first-features > ul > a > li:hover {
    background: #f0f0f0;
    color: rgb(200, 200, 200);
    font-weight: 700;
}

/** UNUSED CODE ***

** Careers **

#careers:hover .submenu {
    visibility: visible;
    height: 175px;
    border-bottom: 5px solid rgba(77, 77, 77, 0.9);
}

.submenu-item.first-careers {
    padding: 0px;
    height: 100%;
    background: rgba(77, 77, 77, 0.9);
    color: black;
    width: 200px;
}

.submenu-item.first-careers > ul > a > li:hover {
    background: #f0f0f0;
    color: rgba(77, 77, 77, 1);
    font-weight: 700;
}

*** END UNUSED CODE **/

/** END Submenu reveals **/

.submenu-article-container {
    width: calc(100% - 200px);
    margin: 0 auto;
    float: right;
}

.submenu-img > #overlay-news,
.submenu-img > #overlay-comment,
.submenu-img > #overlay-sport,
.submenu-img > #overlay-culture,
.submenu-img > #overlay-music,
.submenu-img > #overlay-lifestyle,
.submenu-img > #overlay-food,
.submenu-img > #overlay-film,
.submenu-img > #overlay-tv,
.submenu-img > #overlay-travel,
.submenu-img > #overlay-tech,
.submenu-img > #overlay-careers,
.submenu-img > #overlay-gaming {
    height: 100%;
    position: relative;
    width: 100%;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
}

/**
 * Submenu colours
 */

/** News **/

.submenu-item:hover #overlay-news {
    background: rgba(204, 0, 0,0.4);
}

.submenu-item:hover .a-news {
color: rgb(204, 0, 0);
}

/** Comment **/

.submenu-item:hover #overlay-comment {
    background: rgba(125, 67, 163, 0.4);
}

.submenu-item:hover .a-comment {
    color: rgb(125, 67, 163);
}

/** Sport **/

.submenu-item:hover #overlay-sport {
    background: rgba(34, 139, 34, 0.4);
}

.submenu-item:hover .a-sport {
    color: rgb(34, 139, 34);
}

/** Culture **/

.submenu-item:hover #overlay-culture {
    background: rgba(255, 204, 0, 0.4);
}

.submenu-item:hover .a-culture {
    color: rgb(255, 204, 0);
}

/** Music **/

.submenu-item:hover #overlay-music {
    background: rgba(255, 179, 179, 0.4);
}

.submenu-item:hover .a-music {
    color: rgb(255, 179, 179);
}

/** Life&Style **/

.submenu-item:hover #overlay-lifestyle {
    background: rgba(147, 151, 203, 0.4);
}

.submenu-item:hover .a-lifestyle {
    color: rgb(147, 151, 203);
}

/** Food&Drink **/

.submenu-item:hover #overlay-food {
    background: rgba(250, 131, 56, 0.4);
}

.submenu-item:hover .a-food {
    color: rgb(250, 131, 56);
}

/** Film **/

.submenu-item:hover #overlay-film {
    background: rgba(48, 151, 155, 0.4);
}

.submenu-item:hover .a-film {
    color: rgb(48, 151, 155);
}

/** TV **/

.submenu-item:hover #overlay-tv {
    background: rgba(5, 199, 101, 0.4);
}

.submenu-item:hover .a-tv {
    color: rgb(5, 199, 101);
}

/** Travel **/

.submenu-item:hover #overlay-travel {
    background: rgba(102, 178, 255, 0.4);
}

.submenu-item:hover .a-travel {
    color: rgb(102, 178, 255);
}

/** Sci&Tech **/

.submenu-item:hover #overlay-tech {
    background: rgba(69, 114, 161, 0.4);
}

.submenu-item:hover .a-tech {
    color: rgb(69, 114, 161);
}

/** Gaming **/

.submenu-item:hover #overlay-gaming {
    background: rgba(255, 51, 51, 0.4);
}

.submenu-item:hover .a-gaming {
    color: rgb(255, 51, 51);
}

/** Careers **/

.submenu-item:hover #overlay-careers {
    background: rgba(77, 77, 77, 0.4);
}

.submenu-item:hover .a-careers {
    color: rgb(77, 77, 77);
}

/** END Submenu colours **/

.submenu-item:hover h1 > a {
    transition: color 0.4s;
    text-decoration: underline;
}

/**
 * Colour of navbar's bottom border
 */

.nav.nav-news {
    border-bottom: 5px solid #CC0000;
}

.nav.nav-comment {
    border-bottom: 5px solid #7D43A3;
}

.nav.nav-culture {
    border-bottom: 5px solid #FFCC00;
}

.nav.nav-music {
    border-bottom: 5px solid #FFB3B3;
}

.nav.nav-film {
    border-bottom: 5px solid #30979B;
}

.nav.nav-television {
    border-bottom: 5px solid #05C765;
}

.nav.nav-gaming {
    border-bottom: 5px solid #FF3333;
}

.nav.nav-food {
    border-bottom: 5px solid #FA8338;
}

.nav.nav-travel {
    border-bottom: 5px solid #66B2FF;
}

.nav.nav-lifestyle {
    border-bottom: 5px solid rgb(147, 151, 203);
}

.nav.nav-tech {
    border-bottom: 5px solid #4572A1;
}

.nav.nav-sports {
    border-bottom: 5px solid #228B22;
}

.nav.nav-paper-features {
    border-bottom: 5px solid rgb(127, 127, 127);
}

/*** UNUSED CODE ***

.nav.nav-careers {
    border-bottom: 5px solid #4D4D4D;
}

*** END UNUSED CODE ***/











.live-box {
    background-color:black; 
    padding-right: 10px; 
    padding-left: 10px; 
    color: #fff !important; 
    float:left; 
    margin-top: 0px !important;   
    margin-bottom: 0px !important;
}

.pollbar.Other, .pollbar {
    background: gray;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.pollbar.Green {
    background: #6AB023;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.pollbar.Conservative {
    background: #0087DC;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.pollbar.Labour {
    background: #DC241F;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.pollbar.Liberal {
    background: #FDBB30;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.pollbar.UKIP {
    background: #70147A;
    border: 0px;
    border-radius: 0px 30px 30px 0px;
}

.awards-intro { 
    padding: 30px 40px 30px 40px;
    background: #303030;
}

.awards-intro h2 {
    color: white;
    font-size: 18px;
}

@media only screen and (max-width: 1170px) {
    .submenu-item{
        width: 25%;
    }

    .submenu-item:last-child {
        display:none;
    }
}

/**
 * Tablet styling
 */

 @media only screen and (max-width: 1023px) {
    body {
        -webkit-text-size-adjust: 100%;
    }

    div {
        box-sizing: border-box;
    }

    .content {
        margin: auto;
        margin-top: 20px;
        width: 100%;
        margin-right: -30px;
    }

    .contentwide {
        margin: auto;
        margin-top: 20px;
        width: 100%;
    }

    .header {
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center center;
    }

    .left {
        float: left;
        margin-left:0px;
        width: 100%;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .right {
        float: left;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
        margin-right: 0px;
    }

    .fullwidth {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .recommended {
        width: 100%;
    }

    .recommended .image {
        height: 150px;
        margin-bottom: 20px;
        margin-right: 10px;
    }

    .footer {
        width: 100%;
    }

    .block {
        padding-bottom: 20px;
        width: 100%;
    }

    .footer .column {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer #column-1 {
        width: 100%;
        float: left;
    }

    .footer #column-2 {
        width: 0%;
        float: left;
        display: none;
    }

    .footer #column-3 {
        width: 100%;
        float: right;
        border-left: 0px;
        border-right: 0px;
    }

    .footer #column-4 {
        width: 0%;
        float: left;
        display: none;
    }

    .authorimage {
        float: left;
        width: 63px;
        height: 63px;
        margin-right: 10px;
    }

    .authorbox {
        width: 100%;
        float: left;
        padding-left: 0px;
        margin: 10px;
        font-size: 12px;
        text-align: left;
        margin-top:35px;
        border-top: solid 1px #dadada;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; 
        padding-top: 30px;
    }

    .content h1 {
        margin-top: 0;
    }

    .authorname {
        font-weight: 700;
    }

    .nav {
        padding-left: 0px;
    }

    .nav > ul > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }

    .logo {
        margin-left: 17px;
    }

    #links {
        margin-left: 26px;
    }

    .leadimage {
        height: 160px;
    }

    .lefttext {
        height: auto;
    }

    .leftblock h1 {
        font-size: 26px;
        margin-top: 15px;
    }

    .main {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    #footer-column-container {
        flex-wrap: wrap;
    }

    .latestedition {
        height: auto;
    }

    .latestedition .col:first-child {
        display: none;
    }

    .catcolumn {
        width: 100%;
        margin-top: 60px;
    }

    .catblock {
        width: 100%;
        margin-bottom: 10px;
        float: left;
    }

    .catblock .textright {
        width: 100%;
        float: right;
        border-bottom: 2px #dadada solid;
    }

    .catauthorbox {
        display: none;
    }

    .catblock .image {
        height: 240px;
        background-size: cover;
        background-position: center center;
    }

    .item .author {
        font-size: 14px;
    }

    .loadmorediv {
        width:100%;
    }

    .authorleft {
        float: left;
        width: 100%;
    }

    .authorright {
        float: left;
        width: 100%;
        padding-left: 0;
    }


    .authorblockimage { 
        width: 100%;
        height: 170px;
        background-size: cover;
        background-position: center center;
        float: left;
        margin-bottom: 10px;
    }

    .authorblock {
        width: 100%;
        overflow: hidden;
        border-bottom: 2px #dadada solid;
        padding-bottom: 0px;
        margin-bottom: 20px;
        position: relative;
    }

    .authorblocktext {
        width: 100%;
        float: left
    }

    .authorblocktext h2 {
        font-size: 14px;
        font-weight: 400;
        position: relative;
    }

    .article {
        overflow: hidden;
    }

    .commentsvideo {
        padding: 10px;
    }

    #search {
        width: 90%;
    }

    #searchform {
        margin-bottom: 2px;
    }

    .featuredblock {
        height: 300px;
    }

    #go {
        width: 8%;
        -webkit-appearance: none;
        border-radius: 0;
    }
    .reviewimage {
        width: 100%;
        height: 280px;
        background-position: center center;
        float: left; 
        margin-right: 0px;
        margin-bottom: 10px;
        background-color: green;
        position: relative;
        background-size: cover;
    }

    .videoleft {
        width: 100%;
        float: left;
        color: #fff;
    }

    .videoright {
        display: none; 
    }

    .twittershare {
        width: 50%;
        float: right;
        border-left: 1px solid white;
    }

    .fbshare {
        width: 50%;
    }

    .authorimagebox {
        text-align:right;
        overflow: hidden;
        float:left;
        width: 100%;
    }

    .item {
        height: 425px;
    }

    .latestedition .col:first-child {
        display: none;
    }

    .recommended .image {
        height: 260px;
    }

    .videobox {
        width: 100%;
        height: 400px;
    }

    #search {
        width: 90%;
    }

    #go {
        width: 8%;
    }

    .footer #column-1 {
        width:58%;
        float:left;
        padding-left:0px;
    }

    .footer #column-1 a {
        color: #DDDDDD;
        text-decoration: none;
    }

    .footer a:hover {
        text-decoration: underline;
    }

    .footer #column-1 a:hover {
        text-decoration: underline;
    }

    .footer #column-3 {
        width: 42%;
        float:right;
        border-right: 0; 
        border-left: 1px solid #333333;
        padding-bottom: 20px; 
        padding-left: 20px;
        min-height: 216px;
    }

    .footer #column-4 {
        display: none;
    }

    .span_1_of_2 {
        width: 100%;
    }

    .item.span_1_of_3 {
        width: 49.2%;
    }

    .three-row .item.span_1_of_3 {
        width: 32%;
    }

    .latestedition {
        padding-top: 8px;
    }

    .footer > .section.group > .main > .col.span_1_of_5 > img {
        width: 100% !important;
        max-width: 200px;
    }

    #sport:hover     .submenu,
    #news:hover      .submenu,
    #comment:hover   .submenu,
    #tv:hover        .submenu,
    #lifestyle:hover .submenu,
    #film:hover      .submenu,
    #tech:hover      .submenu,
    #food:hover      .submenu,
    #travel:hover    .submenu,
    #culture:hover   .submenu,
    #music:hover     .submenu,
    #features:hover  .submenu {
        display: none;
    }
} /* END `@media only screen and (max-width: 1023px)` */

/**
 * Mobile styling
 */

 @media only screen and (max-width: 768px) {
    body {
        webkit-text-size-adjust: 100%;
    }

    div {
        box-sizing: border-box;
    }

    .scorebar {
        width: 200px;
        float:none;
        margin-left: auto;
        margin-right: auto;
        height: 100px;
        height: 90px;
    }

    .game-type {
        float:none;
        width:200px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        
    }

    .game-type > p {
        font-size: 100%;
        text-align: center;
        font-weight: bold;
    }

    .middleresult {
        text-align: center;
        width: 100%;
    }

    .team-one {
        text-align: center;
    }

    .team-two {
            text-align: center;
    }

    .scorebar .col {
        margin-left: 0%;
    }

    .scorebar .result:nth-of-type(1) {
        margin-left: 0px;
    }

    .hidemobile {
        display:none;
    }

    .rightcolumn.col {
        margin-left: 0px !important;
    }

    .footer .col {
        padding-left: 0px;
        border-left: 0px;
        margin: 0%;
    }

    .videobox {
        height: 300px;
    }

    .latestedition .col {
        width: 100%;
        margin-right: 1%;
    }

    .latestedition {
        padding-top: 0px;
    }

    .header {
        height: 300px;
    }

    header {
        width: 93.75%; /* 450px / 480px */
    }

    #maincontent{
        width: 93.75%; /* 450px / 480px */
    }

    .maincontent{
        width: 93.75%; /* 450px / 480px */
    }

    footer {
        width: 93.75%; /* 450px / 480px */
    }

    .span_1_of_4 {
        width: 100%;
        left: 0%; 
        margin-left: 0px; 
        z-index: 999;
        padding-left: 0px;
    }

    .results-content {
        display: none;
    }

    #resultstable {
        display: block;
        cursor: pointer;
    }

    .logo {
        margin-left: 0px;
    }

    .span_1_of_3 {
        width: 100% !important;
        margin-left: 0px;
    }

    .span_1_of_2 {
        margin-bottom: 8px;
        margin-top: 0px;
    }

    .item {
        height: auto;
    }

    .threerow .item {
        width: 100%;
        margin-right: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; 
        padding-top: 30px;
    }

    .item .author {
        position: relative;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .content h1 {
        margin-top:0px;
    }

    .authorname {
        font-weight: 700;
    }

    .reviewimage {
        margin-left: 0px;
    }

    .latestedition {
        padding-top: 8px;
    }

    #go {
        width: 20%;
    }

    #search {
        width: 80%;
    }

    .leftimage {
        width: 100%;
    }

    .recommended .image {
        width: 100%;
    }

    /*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

    .span_8_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    .span_7_of_8 {
        width: 100%;
        margin-left: 0;
    }

    .span_6_of_8 {
        width: 100%;
        margin-left: 0;
    }

    .span_5_of_8 {
        width: 100%;
        margin-left: 0;
    }

    .span_4_of_8 {
        width: 100%;
        margin-left: 0;
    }

    .span_3_of_8 {
        width: 74.2%;
        margin: 1% 0 1% 3.2%;
    }

    .span_2_of_8 {
        width: 48.4%;
        margin: 1% 0 1% 3.2%; 
    }

    .span_1_of_8 {
        width: 22.6%;
        margin: 1% 0 1% 3.2%; 
    }

    .span_1_of_8:nth-child(4n+1) { 
        clear: both;
        margin-left: 0;
    }
            
    /*  Except in the Example */

    #example .maincontent .span_8_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    #example .maincontent .span_7_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    #example .maincontent .span_6_of_8 {
        width: 100%;
        margin-left: 0; 
    }

    #example .maincontent .span_5_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    #example .maincontent .span_4_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    #example .maincontent .span_3_of_8 {
        width: 100%;
        margin-left: 0; 
    }

    #example .maincontent .span_2_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    #example .maincontent .span_1_of_8 {
        width: 100%; 
        margin-left: 0;
    }

    .twittershare {
        width: 50%;
        float:right;
        border-left: 1px solid white;
    }

    .fbshare {
        width: 50%;
    }

    .authorimagebox {
        text-align: right;
        overflow: hidden;
        float: left;
        width: 100%;
    }

    #sport:hover     .submenu,
    #news:hover      .submenu,
    #comment:hover   .submenu,
    #tv:hover        .submenu,
    #lifestyle:hover .submenu,
    #film:hover      .submenu,
    #tech:hover      .submenu,
    #food:hover      .submenu,
    #travel:hover    .submenu,
    #culture:hover   .submenu, 
    #music:hover     .submenu,
    #gaming:hover    .submenu,
    #features:hover  .submenu {
        display: none;
    }

    #links {
        background-color: rgba(31, 31, 31, 1);
        width: 0px;
        margin-left: 0px;
        border-top:1px solid #333;
        position: fixed;
        -webkit-transition: width 200ms;
        -moz-transition: width 200ms;
        transition: width 200ms;
        height: 1000px;
        max-height: calc(100% - 60px);
        overflow-y: scroll;
        padding: 0px;
        top: 50px;
        left: 0;
        padding-top: 10px;
    }

    #links.clicked,
    .slidemenu-container.clicked {
        width: 60%;
    }

    #showlinks {
        display: block;
        margin-left: 50px;
        height: 50px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    } 

    .nav {
        width: 100%;
        left: 0%; 
        margin-left: 0px; 
        z-index: 999;
    }

    .logo {
        margin-left: 10px;
    }

    .nav ul li {
        display: block;
        float: left;
        width: 100%;
        clear: both;
        height: 30px;
    }

    #links{
        margin-left: 0px;
    }

    .nav ul li a {
        display: block;
        height: 30px;
        text-decoration: none;
        padding-left: 20px;
        padding-right: 13px;
        color: #cfcfcf;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 12pt;
        text-transform: uppercase;
        line-height: 30px;
        padding-top: 0px;
    }

    .nav ul li p {
        display:none;
    }

    #showlinks {
        margin-left: 50px;
    }

    #showlinks a {
        display:block;
        color: #cfcfcf;
        text-decoration: none;
        height: 50px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 70px;
    }

    #showlinks a:hover {
        display:block;
        background-color: rgba(200, 200, 200, 0.15);
        text-decoration: none;
        height: 50px;
    }
} /* END `@media only screen and (max-width: 768px)` */

@media only screen and (max-width: 600px) {
    .nav.loggedin {
        top: 0%;
    }

    .nav-under {
        position: absolute;
        top: 0;
    }
}