body,html {
    font-family:"Helvetica Neue LT", sans-serif;
    margin:0px;
    padding:0px;
    height:100%;
    -webkit-overflow-scrolling:auto;
    -webkit-text-size-adjust: none;
}
body {
    background-color:#DBDCDD;   
}
a {
    font-weight:bold;
    text-decoration:none;   
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
#page {
    width:100%;
    height:100%;
}
#header,#footer{
    height:56px;
    width:100%;
    position:fixed;
    z-index:900;
}
#header {
    background-color:#E65125;
    top:0px;
    left:0px;
}
#footer {
    background-color:#fff;
    bottom:0px;
    left:0px;
}
#sidebar {
    height:100%;
    width:320px;
    
    position:absolute;
    top:0px;
    right:0px;
    overflow-y:scroll;
}
#logo {
    display:inline-block;
    height:44px;
    width:256px;
    padding:6px;
    background-image:url(styles/art/logo-2-header.svg);
    background-repeat:no-repeat;
    background-size:268px 106px;
    background-position:top left;
}
#logo:hover {
    background-position:top left;   
}
#logo:hover, #user:hover, .m-sports:hover {
    color:#fff !important;
    background-color:#D34329 !important;
}
.icon,.navi a {
    font-family: 'rf2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration:none !important;
}
#main {
    height:100%;
    margin-top:56px;
    margin-bottom:56px;
    margin-right:320px;
    background-color:#EDEDED;
    padding:30px;
    color:#E57055;
    font-size:110px;   
}
#main.pane-disp {
    padding:0px   
}
#sidebar .contents {
    margin-top:60px;
    margin-bottom:60px;
    padding:20px;
}
#sidebar h1 {
    font-family:"HelveticaNeueLT-Roman";
    color:#6D6E71;
    font-size:24px;
    font-weight:600;
    margin-top:15px;
    margin-bottom:10px;
    float:left;
    clear:both;
    width:100%;
}
#sidebar h1:first-child {
    margin-top:0px;   
}
.sport,#user,.tab {
    height:40px;
    padding:8px;
    display: inline-block;
    color:#b9b9b9;
    float:left;
}
.sport:hover,.tab:hover {
    color:#6D6E71;
}
.sport.current,.tab.current {
    color:#E65125;
}
.sport.current:hover,#user:hover,.tab.current:hover {
    color:#D34329;   
}
.sport .text,#user .text {
    font-size:18px;
    font-weight:bold;
    padding-left:3px;
    display:inline-block;
    line-height: 48px;
    float:left;
    padding-left:8px;
    font-family: "HelveticaNeueLTStd-Md", sans-serif;
}
.sport .icon,#user .icon {
    font-size:26px;
    line-height:40px;
    float:left;
}
#footer .sport {
    
}
#user {
    float:right;
    color:#fff;
}
.litem {
    display:block;  
    background-color:#fff;
    height:91px;
    width:100%;
    margin-bottom:10px;
    float:left;
}
a.litem:hover {
    background-color:#EDEDED;
}
a.litem:hover .date, a.litem.simple:hover {
    color:#fff;
    background-color:#E65125;
}
a.litem:hover .item {
    color:#000;   
}
.litem .item {
    height:91px;
    font-weight:400;
    color:#3F3E3E;
    padding:10px;
    float:left;
    font-size:16px;
    line-height: 19px;
}
.date {
    display:inline-block;
    float:left;
    font-family:"HelveticaNeueLTStd-UltLt";
    font-weight:100;
    width:64px;
    text-align:center;
    color:#211E1D;
    padding-top:6px;
    padding-bottom:3px;
}
.date, .litem.simple {
    background-color:#EDEDED;
}
.litem.simple {
    color:#3F3E3E;
    line-height:36px;
    height:auto;
}
.litem.simple .icon {
    display:inline-block;
    float:left; 
    line-height:36px;
    padding-left:6px;
    padding-right:6px;
    margin-top:-1px;
}
.litem.simple .text {
    float:left; 
    margin-top:1px;
}
.date .month {
    font-size:24px;   
}
.date .number {
    font-size:46px;
    line-height:40px;
    margin-bottom:-2px;
    letter-spacing:-4px;
    margin-left:-4px;
}
.date .day {
    font-family:"HelveticaNeueLT-Roman";
    font-weight:400;
    font-size:13px;
    margin-left:-1px;
}
.litem .icon {
    font-size:20px;   
}
.tab {
    width:25%;
    text-align:center;
    padding:0px;
    height:56px;
    padding-top:8px;   
}
.tabs {
    float:right;
    width:320px;
}
.tab .icon, .m-sports .icon {
    font-size:24px;   
}
.tab .text, .m-sports .text {
    font-size:13px; 
    font-weight:400;
    padding-top:6px;
}
input[type=text]{
    border:0px;
    background-color:#fff;
    width:260px;
    line-height:16px;
    font-size:16px;
    padding:10px;
    font-weight:600;
    margin-bottom:10px;
    float:left;
}
.m-sports {
    display:none;
    float:right;
}
.m-sports .icon {
    color:#fff;   
}
.m-sports .icon2 {
    color:#f9d3c8;
    font-size:18px;
}

/* override the root element to enable scrolling */
.css-panes {
    height: 100%;
    width: 100%;
    position:relative;
    overflow:hidden;
    clear:both;
    background-color: transparent;
}
/* override single pane */
.css-panes div {
    float:left;
    display:block;
    width:10%;
    background-color: transparent;
    height:100%;
    padding:30px;
}
/* our additional wrapper element for the items */
.css-panes .items {
    width:1000%;
    height:100%;
    position:absolute;
    clear:both;
    margin:0;
    padding:0;
    border:0;
}

.nav-cont {
    position:relative;
    top:-140px;
    left:0px;
    z-index:100;
    text-align:center;
    margin-bottom:-20px;
    width:100%;
}
/* items inside navigator */
.navi a {
    color:#D1D3D4;
    margin:0px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
    display:inline-block;
    font-size:20px;
    cursor:pointer;
}
.navi a:before {
    content: "\e620";
}

/* mouseover state */
.navi a:hover {
    color:#6D6E71;
}

/* active state (current page state) */
.navi a.current {
    color:#e65125;
}


@media screen and (max-width: 640px){
    #main {
        margin-right:0px;
        height:200px;
        font-size:2.5em;
    }
    #sidebar {
        width:100%;
        height:auto;
        position:static;
    }

    .sports {
        display:none;   
    }
    .tabs {
        width:100%;   
    }
    #main {
        margin-bottom:0px;   
    }
    #sidebar .contents {
        margin-top:0px;   
    }
    .sports {
        display:none;   
    }
    .m-sports {
        display:inline-block;   
    }
    .css-panes div {
        padding:20px;   
    }
    .nav-cont { 
        top:-25px;   
    }
}
@media screen and (max-width: 500px){
    #logo {
        width:48px;
    }
}