﻿body {background:#090909;margin:0;padding:0;font:13px Calibri;}
header {height:181px;background:url(img/header.png) no-repeat center;}
ul {display: block;margin-top: 1em;margin-bottom: 1 em;margin-left: 0;margin-right: 0;padding-left: 15px;}
ol {display: block;list-style-type: 1;margin-top: 1em;margin-bottom: 1 em;margin-left: 0;margin-right: 0;padding-left: 15px;}
a {color:#E77400;}
a:hover {text-decoration:none;}

.workzone {width:1040px;margin:0 auto;}
.workzone2 {width:1070px;margin:0 auto;}

.logotip img{margin:18px;height:145px;width:145px;float:left;}
nav {float:right;margin:65px 50px 0 0;}
nav a{font-size:22px;color:#fff;text-transform:uppercase;text-decoration:none;margin-right:10px;}
nav a:hover {text-shadow: #fff 0 0 3px;}

#welcome-section {height:360px;background:#222222;}
.welcome-bg {width:1200px;margin:0 auto;height:360px;background:url(img/hello_bg.png) 1% no-repeat;}
.welcome-left {width:520px;height:350px;float:left;}
.welcome-right {width:520px;height:340px;float:right;}

.hello {width:492px;height:360px;line-height:99%;}
.hello-text {width:220px;padding:40px 0 0 232px;color:#e5e5e5;font-size:12px;text-shadow:1px 1px 0px black;}
.hello-text a{color:#e77400;}
.hello-text a:hover{color:#e77400;text-decoration:none;}
.buttons {float:right;margin:35px 35px 0 0;}

.stream {margin:20px 0 0 0;}
.stream img {border:1px #2A2A2A solid;}

#about {height:460px;background:#fe8608;}
.about-bg {background:url(img/about_bg.png) no-repeat 50% #fe8608;height:460px;}
.videos {float:left;width:300px;margin-top:60px;}
.about-text {float:left;width:500px;margin-left:10px;font-size:13px;margin-top:-1px;color:#222222;}
.about-text h2 {text-transform:uppercase;}
.mods {float:right;margin-top:95px;text-align: center;}
.mods img {opacity: 0.5;margin-bottom:45px;}
.mods img:hover {opacity:1;}

#startplaying {height:1050px;background:#e5e5e5;}
.startplaying-img {width:260px;float:left;margin:54px 0 0 20px;}
.startplaying-img img {height:123px;width:210px;margin-top:7px;}
.startplaying-text {float:left;width:490px;font-size:13.3px;}
.startplaying-text h2 {text-transform:uppercase;text-align:center;}
.time {float:right;width:220px;height:390px;background:#222222;color:#e5e5e5;padding:10px;}
.time-delta {float:right;border: 120px solid transparent; border-top: 30px solid #222222;}
.time h2 {text-transform:uppercase;text-align:center;}
.time span {font-weight:bold;text-transform:uppercase;}


#rules {background:#222222;padding-bottom:20px;}
#rules span {font-size:16px;color:#000;text-transform:uppercase;font-weight:bold;background:#e5e5e5;padding:5px 5px 4px 5px;}
.rules-title {text-align:center;color:#e5e5e5;font-size:24px;text-transform:uppercase;padding-top:15px;font-weight:bold;}
.rules-paragraph {margin-top:20px;margin-right:10px;color:#e5e5e5;font-size:13px;}
.rules-paragraph u {font-weight:bold;}
.remark {color:#e5e5e5;background:#505050;padding:10px;border:1px #e5e5e5 solid;border-radius:10px;}
.remark span {font-size:14px !important;border:none;background:none !important;color:#e5e5e5 !important;}

footer {background:#000;height:110px;width:100%;}
.footer-desc {padding:20px;color:#e5e5e5;}
.footer-text {margin:3px 0 0 15px;float:left;}
.footer-text a {color:#303030;text-decoration:underline;}