/*
-

~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~; 
;
;   - Copyright (c)2015 projects.bk.tl
;   - @version  DarkLight
;   - @author	projects.bk.tl
;   - @author	   /
; 
~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~; 
; 
;   - Learning from the source code is fine,
;   - but copying is not allowed ... ^^
;   - coded by: projects.bk.tl
;   - helper: right now nobody...
;
~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;

-
*/


body
{
background-color: #2f3238;
color: #fff;
text-decoration: none;
}

#loading
{
position: fixed;
left: 48%;
top: 50%;
}
 
#v
{
position: absolute;
top: 0px;
left: 0px;
padding-top: 5px;
width: 100%;
height: 4%;
background-color: #0c0c0c;
font-size: 12px;
border-bottom: 4px solid #7c0202;
}

.mnu
{
background: #111111;
height: 8%;
width: 100%;
color: white;
top: 7%;
position: absolute;
text-align: center;
left: 0px;
padding-top: 20px;
}

.mnulnk
{
color: white;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
padding: 10px;
top: 40px;
left: 45%;
}

.mnulnk:hover
{
color: #7c0202;
}

.active
{
color: #7c0202;
}

.cntntbackground
{
background: #161616;
color: white;
text-align: left;
top: 18%;
left: 9.5%;
position: absolute;
width: 80%;
padding-left: 10px;
padding-top: 30px;
padding-left: 10px;
box-shadow: 0px 10px 45px #fcfcfc;
}

.cntnt
{
padding-top: 5px;
padding-left: 20px;
}

hr 
{ 
align: center;
margin-left: 10px;
border: 0; 
height: 2px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

#link
{
text-decoration: none;
color: #9c9c9c;
}

#link:hover 
{
color: #7c0202;
}