html, body {
    height : 100%;
    }
.outer {
    position : relative;
    margin   : 0 auto;
    width    : 1100px;
    }
body {
    margin      : 0 !important;
    background  : #301212 url(images/bg.jpg) no-repeat top center;
    color       : white;
    font-size   : 100%;
    font-family : 'Open Sans', sans-serif;
    }
.clear {
    clear : both;
    }
fieldset {
    padding       : 4px !important;
    border        : 1px solid #333 !important;
    border-radius : 2px !important;
    }
fieldset > legend {
    margin-left : 5px;
    font-size   : 13px;
    }
input, select {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    font-family     : 'Open Sans', sans-serif;
    }
textarea {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    font-family     : 'Open Sans', sans-serif;
    resize          : vertical;
    cursor          : text;
    }
input[type=radio] {
    display        : inline-block;
    margin-top     : -2px;
    width          : 16px;
    height         : 16px;
    vertical-align : middle;
    cursor         : pointer;
    }
input[type=checkbox] {
    width  : 16px;
    height : 16px;
    cursor : pointer;
    }
input[type=submit], input[type=button], button, a.button {
    padding     : 8px 15px 8px 15px;
    outline     : 0;
    border      : 0;
    background  : #222222;
    color       : #ffffff !important;
    font-weight : normal !important;
    font-family : 'Open Sans', sans-serif;
    cursor      : pointer;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active {
    background : #803131;
    }
button.active {
    background : #803131;
    }
a:active, a:link, a:visited {
    color           : #fff;
    text-decoration : none;
    transition      : all 0.3s linear;
    }
a:hover {
    color           : #803131;
    text-decoration : none;
    }
#headlineback {
    position   : absolute;
    z-index    : -1;
    width      : 100%;
    height     : 74px;
    background : url(images/headline_repeat.png);
    }
#headline {
    margin      : 0 auto;
    width       : 1920px;
    height      : 74px;
    background  : url(images/headline.png);
    line-height : 64px;
    }
#welcome {
    position    : absolute;
    left        : 70px;
    text-shadow : 0 1px 1px black;
    font-size   : 14px;
    }
#logo {
    cursor : pointer;
    }
nav {
    position : absolute;
    right    : 0;
    }
nav > ul {
    margin    : 0;
    padding   : 0;
    font-size : 14px;
    }
nav > ul > li {
    display     : inline;
    margin      : 0 10px 0 10px;
    text-shadow : 0 1px 1px black;
    }
nav > ul > li a {
    color           : white;
    text-decoration : none;
    }
header {
    position : relative;
    width    : 100%;
    height   : 200px;
    }
#startstream {
    width         : 100%;
    height        : 324px;
    border        : 4px solid #3c1111;
    border-radius : 10px;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
#content {
    margin        : 60px 0 20px 0;
    border        : 4px solid #121111;
    border-radius : 10px;
    background    : #121111;
    box-shadow    : 0 8px 12px rgba(0, 0, 0, 0.6);
    }
#main {
    display : flex;
    width   : 100%;
    }
#leftside {
    position       : relative;
    float          : left;
    margin         : 0 10px 10px 10px;
    padding-bottom : 10px;
    width          : 694px;
    }
#leftside.forum {
    float : none;
    width : 100%;
    }
#rightside {
    position       : relative;
    float          : right;
    margin-bottom  : 10px;
    padding-bottom : 10px;
    width          : 386px;
    }
#leftside:after, #rightside:after {
    position   : absolute;
    bottom     : 0;
    width      : 100%;
    height     : 1px;
    background : #222;
    content    : '';
    }
.sidehead {
    height        : 60px;
    border-bottom : 1px solid red;
    text-indent   : 5px;
    line-height   : 60px;
    }
.sidehead > span {
    margin-left    : 5px;
    color          : #803131;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 17px;
    }
.sidehead > span a {
    color           : #803131;
    text-decoration : none;
    }
#explode {
    margin-top : 10px;
    }
.newscontainer {
    position   : relative;
    margin     : 0 0 15px 0;
    padding    : 15px;
    background : white;
    color      : #000;
    }
.newscontainer:last-child {
    margin-bottom : 0;
    }
.newscontainer .nleft {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : top;
    }
.newscontainer .nleft img {
    box-shadow : 8px 8px 0 rgba(0, 0, 0, 0.9);
    }
.newscontainer .nright {
    display        : inline-block;
    width          : 435px;
    vertical-align : top;
    }
.newscontainer .nright h2 {
    margin    : 0 0 5px 0;
    font-size : 17px;
    }
.newscontainer .nright h2 a {
    color      : #000;
    transition : all 0.3s linear;
    }
.newscontainer .nright h2 a:hover {
    color : #803131;
    }
.nreadmore {
    float      : right;
    margin-top : 15px;
    }
.nreadmore span {
    position       : relative;
    z-index        : 11;
    display        : inline-block;
    width          : 35px;
    height         : 35px;
    background     : red;
    color          : white;
    vertical-align : middle;
    text-align     : center;
    font-weight    : bold;
    line-height    : 35px;
    transition     : all 0.3s linear;
    transform      : skew(10deg);
    }
.nreadmore:hover span:nth-child(1) {
    transform : skew(0);
    }
.nreadmore:hover span:nth-child(1):before {
    transform : skew(0deg);
    }
.nreadmore:hover span:nth-child(1) i {
    transform : skew(0deg);
    }
.nreadmore span:nth-child(1):before {
    position   : absolute;
    left       : -3px;
    width      : 7px;
    height     : 100%;
    background : red;
    content    : '';
    transition : all 0.3s linear;
    transform  : skew(-10deg);
    }
.nreadmore span i {
    position    : absolute;
    top         : 8px;
    left        : 13px;
    font-weight : bold;
    font-size   : 18px;
    transition  : all 0.3s linear;
    transform   : skew(-10deg);
    }
.nreadmore span + span {
    position       : relative;
    z-index        : 10;
    display        : inline-block;
    margin-left    : -5px;
    padding        : 0 10px 0 15px;
    width          : auto;
    background     : none;
    background     : #f6f6f6;
    color          : black;
    vertical-align : middle;
    font-size      : 13px;
    transform      : skew(0);
    }
.nreadmore:hover span:nth-child(2) {
    background : #ddd;
    }
.nback {
    position : relative;
    float    : none;
    margin   : 60px 0 0 25px;
    }
#esportul {
    margin     : 10px 0 0 0;
    padding    : 0;
    background : white;
    list-style : none;
    }
#esportul > li {
    position      : relative;
    padding       : 10px;
    border-bottom : 1px solid #ddd;
    color         : #000;
    transition    : all 0.3s linear;
    }
#esportul > li:hover {
    background : #ededed;
    }
#esportul > li:last-child {
    border-bottom : 0;
    }
#esportul > li .logo {
    display        : inline-block;
    margin-right   : 0;
    vertical-align : middle;
    }
#esportul > li .logo img {
    max-width : 60px;
    }
#esportul > li .dets {
    display        : inline-block;
    width          : 300px;
    vertical-align : middle;
    font-size      : 14px;
    }
#esportul > li .dets div:nth-child(1) {
    margin-bottom : 5px;
    }
#esportul > li .dets div:nth-child(2) {
    padding       : 5px 10px 5px 10px;
    border-radius : 4px;
    background    : #ededed;
    font-size     : 14px;
    }
#esportul > li .dets div span {
    position    : absolute;
    right       : 25px;
    font-weight : bold;
    font-size   : 14px;
    }
#esportul > li .dets div:nth-child(2) span {
    bottom : 24px;
    }
.forumbghead {
    position        : relative;
    height          : 128px;
    background      : url(images/forumbanner.jpg);
    background-size : cover;
    }
.forumbghead span {
    position   : absolute;
    top        : 45px;
    padding    : 10px;
    background : rgba(0, 0, 0, 0.8);
    }
.forumbesch {
    color     : red;
    font-size : 14px;
    }
.fbubble {
    font-size : 32px !important;
    }
.ford {
    color : grey;
    }
.fnord {
    color : red;
    }
footer {
    margin-top : 5px;
    }
footer .fleft {
    float  : left;
    margin : 0 0 10px 10px;
    width  : 600px;
    }
footer .fline:nth-child(1) {
    margin-bottom : 50px;
    }
footer .fline:nth-child(1) img {
    padding-bottom : 5px;
    width          : 360px;
    height         : 200px;
    border-bottom  : 1px solid #444;
    border-radius  : 4px;
    box-shadow     : 40px 0 80px rgba(255, 0, 0, 0.2);
    opacity        : .5;
    transition     : all 0.3s linear;
    }
footer .fright .fline:nth-child(1) img {
    box-shadow : -40px 0 100px rgba(255, 0, 0, 0.2);
    }
footer .fline:nth-child(1) img:hover {
    opacity   : 1;
    transform : scale(0.99)
    }
footer .fright {
    float        : right;
    margin-right : 10px;
    width        : 370px;
    }
footer .ftitle {
    margin-bottom : 10px;
    }
footer .ftitle span {
    color : red;
    }
footer .fin {
    font-size   : 13px;
    line-height : 30px;
    }
footer .fright .fin {
    text-align : center;
    }
footer .fright .ftitle {
    text-align : center;
    }
.footerend {
    position    : relative;
    margin-top  : 20px;
    height      : 30px;
    font-size   : 13px;
    line-height : 30px;
    }
#cop {
    position : absolute;
    left     : 10px;
    }
.fnavi {
    position   : absolute;
    right      : 10px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.fnavi li {
    display : inline;
    }
.socialnav {
    margin     : 20px 0 0 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.socialnav li {
    display       : inline-block;
    margin        : 0 10px 0 10px;
    width         : 50px;
    height        : 50px;
    border-radius : 100px;
    background    : white;
    color         : black;
    text-align    : center;
    font-size     : 30px;
    line-height   : 50px;
    transition    : all 0.3s linear;
    }
.socialnav li:hover {
    background : #ce1919;
    }
.socialnav li a {
    display : block;
    color   : black;
    }
.box {
    margin-top : 10px;
    }
.bfhead {
    width       : 386px;
    height      : 74px;
    background  : url(images/forumbox_head.jpg);
    text-indent : 20px;
    line-height : 74px;
    }
.bfhead span {
    color : red;
    }
#logtable {
    text-align : center;
    }
#logtable input[type=text], input[type=password] {
    width      : 90%;
    outline    : 0;
    border     : 1px solid #803131;
    background : #222;
    color      : white;
    }
#logtable input[type=submit] {
    font-weight : normal;
    font-size   : 16px;
    }
#logintable {
    text-align : center;
    }
.boxline {
    margin     : 0;
    padding    : 0;
    background : white;
    color      : black;
    list-style : none;
    }
.boxline.evs {
    margin-top : 10px;
    }
.boxline li a {
    position : relative;
    color    : black;
    }
.boxline li a:before {
    position   : absolute;
    left       : 10px;
    content    : '[';
    opacity    : 0;
    transition : all 0.3s linear;
    }
.boxline li a:after {
    position   : absolute;
    right      : 10px;
    content    : ']';
    opacity    : 0;
    transition : all 0.3s linear;
    }
.boxline li a:hover:before {
    left    : -10px;
    opacity : 1;
    }
.boxline li a:hover:after {
    right   : -10px;
    opacity : 1;
    }
.boxline li {
    padding       : 10px;
    border-bottom : 1px solid #ddd;
    }
.boxline li:last-child {
    border-bottom : 0;
    }
.boxline li div {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : middle;
    }
.boxline li div + div span {
    display   : block;
    font-size : 13px;
    }
.boxline li div + div {
    margin-right : 0;
    width        : 305px;
    }
.boxline.evs li div {
    margin-right : 0;
    width        : 150px;
    font-size    : 13px;
    }
.boxline.evs li div + div {
    margin-right : 0;
    width        : 210px;
    color        : #ce1919;
    font-size    : 14px;
    }
#totop:before {
    position      : absolute;
    top           : 14px;
    left          : 14px;
    width         : 0;
    height        : 0;
    border-top    : 10px solid transparent;
    border-right  : 10px solid transparent;
    border-bottom : 15px solid rgba(255, 255, 255, 0.2);
    border-left   : 10px solid transparent;
    content       : '';
    transition    : all 0.3s linear;
    }
#totop:hover:before {
    border-bottom : 15px solid rgba(255, 255, 255, 0.5);
    }
#totop {
    position      : fixed;
    bottom        : 150px;
    left          : -60px;
    width         : 50px;
    height        : 60px;
    border-right  : 3px solid #ff0000;
    border-radius : 0 8px 8px 0;
    background    : rgba(0, 0, 0, 0.50);
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
#totop:hover {
    background : rgba(0, 0, 0, 1);
    }
#startstream {
    position : relative;
    }
#startstream a {
    position      : absolute;
    bottom        : 20px;
    left          : 20px;
    display       : block;
    padding       : 10px;
    border        : 1px solid #eee;
    border-radius : 4px;
    transition    : all 0.3s linear;
    }
#startstream a:hover {
    border : 1px solid #803131;
    }
#timetable {
    width         : 100%;
    border-radius : 6px;
    background    : white;
    color         : black;
    table-layout  : fixed;
    text-align    : center;
    }
#timetable td, th {
    padding : 20px;
    }
.getsmon {
    cursor : pointer;
    }
#timetable .calday {
    color       : #666;
    font-weight : bold;
    font-size   : 18px;
    }
.eventcal {
    cursor : pointer;
    }
.eventcal span {
    display       : inline-block;
    width         : 40px;
    height        : 40px;
    border-radius : 100px;
    background    : #ce1919;
    color         : white;
    text-align    : center;
    font-weight   : bold;
    line-height   : 40px;
    }
html, body {
    height : 100%;
    }
.outer {
    position : relative;
    margin   : 0 auto;
    width    : 1100px;
    }
body {
    margin      : 0 !important;
    background  : #301212 url(images/bg.jpg) no-repeat top center;
    color       : white;
    font-size   : 100%;
    font-family : 'Open Sans', sans-serif;
    }
.clear {
    clear : both;
    }
fieldset {
    padding       : 4px !important;
    border        : 1px solid #333 !important;
    border-radius : 2px !important;
    }
fieldset > legend {
    margin-left : 5px;
    font-size   : 13px;
    }
input, select {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    font-family     : 'Open Sans', sans-serif;
    }
textarea {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    font-family     : 'Open Sans', sans-serif;
    resize          : vertical;
    cursor          : text;
    }
input[type=radio] {
    display        : inline-block;
    margin-top     : -2px;
    width          : 16px;
    height         : 16px;
    vertical-align : middle;
    cursor         : pointer;
    }
input[type=checkbox] {
    width  : 16px;
    height : 16px;
    cursor : pointer;
    }
input[type=submit], input[type=button], button, a.button {
    padding     : 8px 15px 8px 15px;
    outline     : 0;
    border      : 0;
    background  : #222222;
    color       : #ffffff !important;
    font-weight : normal !important;
    font-family : 'Open Sans', sans-serif;
    cursor      : pointer;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active {
    background : #803131;
    }
button.active {
    background : #803131;
    }
a:active, a:link, a:visited {
    color           : #fff;
    text-decoration : none;
    transition      : all 0.3s linear;
    }
a:hover {
    color           : #803131;
    text-decoration : none;
    }
#headlineback {
    position   : absolute;
    z-index    : -1;
    width      : 100%;
    height     : 74px;
    background : url(images/headline_repeat.png);
    }
#headline {
    margin      : 0 auto;
    width       : 1920px;
    height      : 74px;
    background  : url(images/headline.png);
    line-height : 64px;
    }
#welcome {
    position    : absolute;
    left        : 70px;
    text-shadow : 0 1px 1px black;
    font-size   : 14px;
    }
#logo {
    cursor : pointer;
    }
nav {
    position : absolute;
    right    : 0;
    }
nav > ul {
    margin    : 0;
    padding   : 0;
    font-size : 14px;
    }
nav > ul > li {
    display     : inline;
    margin      : 0 10px 0 10px;
    text-shadow : 0 1px 1px black;
    }
nav > ul > li a {
    color           : white;
    text-decoration : none;
    }
header {
    position : relative;
    width    : 100%;
    height   : 200px;
    }
#startstream {
    width         : 100%;
    height        : 324px;
    border        : 4px solid #3c1111;
    border-radius : 10px;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
#content {
    margin        : 60px 0 20px 0;
    border        : 4px solid #121111;
    border-radius : 10px;
    background    : #121111;
    box-shadow    : 0 8px 12px rgba(0, 0, 0, 0.6);
    }
#main {
    display : flex;
    width   : 100%;
    }
#leftside {
    position       : relative;
    float          : left;
    margin         : 0 10px 10px 10px;
    padding-bottom : 10px;
    width          : 694px;
    }
#leftside.forum {
    float : none;
    width : 100%;
    }
#rightside {
    position       : relative;
    float          : right;
    margin-bottom  : 10px;
    padding-bottom : 10px;
    width          : 386px;
    }
#leftside:after, #rightside:after {
    position   : absolute;
    bottom     : 0;
    width      : 100%;
    height     : 1px;
    background : #222;
    content    : '';
    }
.sidehead {
    height        : 60px;
    border-bottom : 1px solid red;
    text-indent   : 5px;
    line-height   : 60px;
    }
.sidehead > span {
    margin-left    : 5px;
    color          : #803131;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 17px;
    }
.sidehead > span a {
    color           : #803131;
    text-decoration : none;
    }
#explode {
    margin-top : 10px;
    }
.newscontainer {
    position   : relative;
    margin     : 0 0 15px 0;
    padding    : 15px;
    background : white;
    color      : #000;
    }
.newscontainer:last-child {
    margin-bottom : 0;
    }
.newscontainer .nleft {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : top;
    }
.newscontainer .nleft img {
    box-shadow : 8px 8px 0 rgba(0, 0, 0, 0.9);
    }
.newscontainer .nright {
    display        : inline-block;
    width          : 435px;
    vertical-align : top;
    }
.newscontainer .nright h2 {
    margin    : 0 0 5px 0;
    font-size : 17px;
    }
.newscontainer .nright h2 a {
    color      : #000;
    transition : all 0.3s linear;
    }
.newscontainer .nright h2 a:hover {
    color : #803131;
    }
.nreadmore {
    float      : right;
    margin-top : 15px;
    }
.nreadmore span {
    position       : relative;
    z-index        : 11;
    display        : inline-block;
    width          : 35px;
    height         : 35px;
    background     : red;
    color          : white;
    vertical-align : middle;
    text-align     : center;
    font-weight    : bold;
    line-height    : 35px;
    transition     : all 0.3s linear;
    transform      : skew(10deg);
    }
.nreadmore:hover span:nth-child(1) {
    transform : skew(0);
    }
.nreadmore:hover span:nth-child(1):before {
    transform : skew(0deg);
    }
.nreadmore:hover span:nth-child(1) i {
    transform : skew(0deg);
    }
.nreadmore span:nth-child(1):before {
    position   : absolute;
    left       : -3px;
    width      : 7px;
    height     : 100%;
    background : red;
    content    : '';
    transition : all 0.3s linear;
    transform  : skew(-10deg);
    }
.nreadmore span i {
    position    : absolute;
    top         : 8px;
    left        : 13px;
    font-weight : bold;
    font-size   : 18px;
    transition  : all 0.3s linear;
    transform   : skew(-10deg);
    }
.nreadmore span + span {
    position       : relative;
    z-index        : 10;
    display        : inline-block;
    margin-left    : -5px;
    padding        : 0 10px 0 15px;
    width          : auto;
    background     : none;
    background     : #f6f6f6;
    color          : black;
    vertical-align : middle;
    font-size      : 13px;
    transform      : skew(0);
    }
.nreadmore:hover span:nth-child(2) {
    background : #ddd;
    }
.nback {
    position : relative;
    float    : none;
    margin   : 60px 0 0 25px;
    }
#esportul {
    margin     : 10px 0 0 0;
    padding    : 0;
    background : white;
    list-style : none;
    }
#esportul > li {
    position      : relative;
    padding       : 10px;
    border-bottom : 1px solid #ddd;
    color         : #000;
    transition    : all 0.3s linear;
    }
#esportul > li:hover {
    background : #ededed;
    }
#esportul > li:last-child {
    border-bottom : 0;
    }
#esportul > li .logo {
    display        : inline-block;
    margin-right   : 0;
    vertical-align : middle;
    }
#esportul > li .logo img {
    max-width : 60px;
    }
#esportul > li .dets {
    display        : inline-block;
    width          : 300px;
    vertical-align : middle;
    font-size      : 14px;
    }
#esportul > li .dets div:nth-child(1) {
    margin-bottom : 5px;
    }
#esportul > li .dets div:nth-child(2) {
    padding       : 5px 10px 5px 10px;
    border-radius : 4px;
    background    : #ededed;
    font-size     : 14px;
    }
#esportul > li .dets div span {
    position    : absolute;
    right       : 25px;
    font-weight : bold;
    font-size   : 14px;
    }
#esportul > li .dets div:nth-child(2) span {
    bottom : 24px;
    }
.forumbghead {
    position        : relative;
    height          : 128px;
    background      : url(images/forumbanner.jpg);
    background-size : cover;
    }
.forumbghead span {
    position   : absolute;
    top        : 45px;
    padding    : 10px;
    background : rgba(0, 0, 0, 0.8);
    }
.forumbesch {
    color     : red;
    font-size : 14px;
    }
.fbubble {
    font-size : 32px !important;
    }
.ford {
    color : grey;
    }
.fnord {
    color : red;
    }
footer {
    margin-top : 5px;
    }
footer .fleft {
    float  : left;
    margin : 0 0 10px 10px;
    width  : 600px;
    }
footer .fline:nth-child(1) {
    margin-bottom : 50px;
    }
footer .fline:nth-child(1) img {
    padding-bottom : 5px;
    width          : 360px;
    height         : 200px;
    border-bottom  : 1px solid #444;
    border-radius  : 4px;
    box-shadow     : 40px 0 80px rgba(255, 0, 0, 0.2);
    opacity        : .5;
    transition     : all 0.3s linear;
    }
footer .fright .fline:nth-child(1) img {
    box-shadow : -40px 0 100px rgba(255, 0, 0, 0.2);
    }
footer .fline:nth-child(1) img:hover {
    opacity   : 1;
    transform : scale(0.99)
    }
footer .fright {
    float        : right;
    margin-right : 10px;
    width        : 370px;
    }
footer .ftitle {
    margin-bottom : 10px;
    }
footer .ftitle span {
    color : red;
    }
footer .fin {
    font-size   : 13px;
    line-height : 30px;
    }
footer .fright .fin {
    text-align : center;
    }
footer .fright .ftitle {
    text-align : center;
    }
.footerend {
    position    : relative;
    margin-top  : 20px;
    height      : 30px;
    font-size   : 13px;
    line-height : 30px;
    }
#cop {
    position : absolute;
    left     : 10px;
    }
.fnavi {
    position   : absolute;
    right      : 10px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.fnavi li {
    display : inline;
    }
.socialnav {
    margin     : 20px 0 0 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.socialnav li {
    display       : inline-block;
    margin        : 0 10px 0 10px;
    width         : 50px;
    height        : 50px;
    border-radius : 100px;
    background    : white;
    color         : black;
    text-align    : center;
    font-size     : 30px;
    line-height   : 50px;
    transition    : all 0.3s linear;
    }
.socialnav li:hover {
    background : #ce1919;
    }
.socialnav li a {
    display : block;
    color   : black;
    }
.box {
    margin-top : 10px;
    }
.bfhead {
    width       : 386px;
    height      : 74px;
    background  : url(images/forumbox_head.jpg);
    text-indent : 20px;
    line-height : 74px;
    }
.bfhead span {
    color : red;
    }
#logtable {
    text-align : center;
    }
#logtable input[type=text], input[type=password] {
    width      : 90%;
    outline    : 0;
    border     : 1px solid #803131;
    background : #222;
    color      : white;
    }
#logtable input[type=submit] {
    font-weight : normal;
    font-size   : 16px;
    }
#logintable {
    text-align : center;
    }
.boxline {
    margin     : 0;
    padding    : 0;
    background : white;
    color      : black;
    list-style : none;
    }
.boxline.evs {
    margin-top : 10px;
    }
.boxline li a {
    position : relative;
    color    : black;
    }
.boxline li a:before {
    position   : absolute;
    left       : 10px;
    content    : '[';
    opacity    : 0;
    transition : all 0.3s linear;
    }
.boxline li a:after {
    position   : absolute;
    right      : 10px;
    content    : ']';
    opacity    : 0;
    transition : all 0.3s linear;
    }
.boxline li a:hover:before {
    left    : -10px;
    opacity : 1;
    }
.boxline li a:hover:after {
    right   : -10px;
    opacity : 1;
    }
.boxline li {
    padding       : 10px;
    border-bottom : 1px solid #ddd;
    }
.boxline li:last-child {
    border-bottom : 0;
    }
.boxline li div {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : middle;
    }
.boxline li div + div span {
    display   : block;
    font-size : 13px;
    }
.boxline li div + div {
    margin-right : 0;
    width        : 305px;
    }
.boxline.evs li div {
    margin-right : 0;
    width        : 150px;
    font-size    : 13px;
    }
.boxline.evs li div + div {
    margin-right : 0;
    width        : 210px;
    color        : #ce1919;
    font-size    : 14px;
    }
#totop:before {
    position      : absolute;
    top           : 14px;
    left          : 14px;
    width         : 0;
    height        : 0;
    border-top    : 10px solid transparent;
    border-right  : 10px solid transparent;
    border-bottom : 15px solid rgba(255, 255, 255, 0.2);
    border-left   : 10px solid transparent;
    content       : '';
    transition    : all 0.3s linear;
    }
#totop:hover:before {
    border-bottom : 15px solid rgba(255, 255, 255, 0.5);
    }
#totop {
    position      : fixed;
    bottom        : 150px;
    left          : -60px;
    width         : 50px;
    height        : 60px;
    border-right  : 3px solid #ff0000;
    border-radius : 0 8px 8px 0;
    background    : rgba(0, 0, 0, 0.50);
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
#totop:hover {
    background : rgba(0, 0, 0, 1);
    }
#startstream {
    position : relative;
    }
#startstream a {
    position      : absolute;
    bottom        : 20px;
    left          : 20px;
    display       : block;
    padding       : 10px;
    border        : 1px solid #eee;
    border-radius : 4px;
    transition    : all 0.3s linear;
    }
#startstream a:hover {
    border : 1px solid #803131;
    }
#timetable {
    width         : 100%;
    border-radius : 6px;
    background    : white;
    color         : black;
    table-layout  : fixed;
    text-align    : center;
    }
#timetable td, th {
    padding : 20px;
    }
.getsmon {
    cursor : pointer;
    }
#timetable .calday {
    color       : #666;
    font-weight : bold;
    font-size   : 18px;
    }
.eventcal {
    cursor : pointer;
    }
.eventcal span {
    display       : inline-block;
    width         : 40px;
    height        : 40px;
    border-radius : 100px;
    background    : #ce1919;
    color         : white;
    text-align    : center;
    font-weight   : bold;
    line-height   : 40px;
    }
.eventcontainer {
    position      : fixed;
    top           : 0;
    left          : 0;
    display       : none;
    overflow      : hidden;
    min-height    : 200px;
    width         : 500px;
    border-radius : 4px;
    background    : white;
    box-shadow    : 1px 1px 12px rgba(0, 0, 0, 0.6);
    }
.eventcontainer img {
    max-width : 480px;
    }
.eventcontainer .head {
    position      : relative;
    height        : 30px;
    border-bottom : 3px solid #bd1633;
    background    : #363535;
    color         : white;
    text-indent   : 10px;
    font-size     : 14px;
    line-height   : 30px;
    cursor        : crosshair;
    }
.eventcontainer .head span {
    position : absolute;
    right    : 10px;
    cursor   : pointer;
    }
.eventcontainer .in {
    padding   : 10px;
    color     : black;
    font-size : 14px;
    }
.imgs {
    opacity    : .7;
    transition : all 0.3s linear;
    }
.imgs:hover {
    opacity   : 1;
    transform : scale(0.9)
    }
#esporttable tr {
    text-align : center;
    }
#esporttable thead tr {
    background : #222;
    }
#esporttable tbody tr td img {
    display        : inline-block;
    width          : 48px;
    vertical-align : middle;
    }
#esporttable tbody tr {
    background : white;
    color      : black;
    transition : all 0.3s linear;
    }
#esporttable tbody tr td {
    padding : 10px;
    border  : 1px solid #ddd;
    cursor  : pointer;
    }
#esporttable tbody tr:hover {
    background : #ededed;
    }
#esportback {
    width      : 100%;
    height     : 418px;
    background : url(images/esportbg.jpg);
    }
#ergeb {
    padding    : 50px 10px 50px 10px;
    text-align : center;
    }
#ergeb div {
    display        : inline-block;
    width          : 220px;
    vertical-align : middle;
    text-align     : center;
    }
#ergeb div .etitle {
    display     : block;
    font-weight : bold;
    font-size   : 18px;
    }
#ergeb div .elogo {
    position      : relative;
    display       : block;
    margin        : 20px auto;
    width         : 150px;
    height        : 130px;
    border-bottom : 1px solid #333;
    box-shadow    : inset 0 0 15px rgba(0, 0, 0, 0.8);
    }
#ergeb div .elogo img {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    width     : 80px;
    transform : translate(-50%, -50%);
    }
#ergeb div:nth-child(2) {
    margin : 0 20px 0 20px;
    width  : 160px;
    }
#ergeb div .escore {
    display    : block;
    margin     : 30px auto 10px auto;
    padding    : 10px;
    background : #ce1919;
    font-size  : 30px;
    }
#ergeb div .eliga {
    display : block;
    margin-bottom:5px;
    }