html {
background-image: url('http://fc09.deviantart.net/fs70/f/2014/281/2/4/bg2_1920x1080_by_manofxtreme-d8227z1.jpg');
webkit-background-size: cover;
moz-background-size: cover;
o-background-size: cover;
background-size: cover;
background-color: #000000;
background-attachment: fixed;
position: relative;
}
div.MainWindow {
background: rgba(0,0,0, 0.7);
position: absolute;
top: 11%;
bottom: 2%;
left: 7%;
right: 7%;
margin: 0 auto;
box-shadow: 0 0 50px black;
border: solid 1px black;
overflow: auto;
}
a {
font-family: Sans-serif;
color: #59543e;
cursor: default;
}
div.Title {
width: 100%;
height: 8%;
display: block;
margin-left: auto;
margin-right: auto;
background: url(http://fc03.deviantart.net/fs71/f/2014/281/4/3/the_walking_dead___stream_central_by_manofxtreme-d822cbr.png);
background-size: contain;
background-repeat: no-repeat;
background-size: 100% 100%;
}
div.ShareSection {
top: 0;
bottom: 0;
right: 0;
width: 40%;
position: absolute;
background: rgba(0,0,0, 0.4);
border-left: solid 1px black;
}
div.FBlikes {
top: 60;
left: 20;
right: 0;
position: absolute;
}
div.FBcomments {
top: 150;
bottom: 0;
left: 0;
right: 0;
position: absolute;
overflow: auto;
border-top: solid 1px black;
}
#BOARD {
top: 30;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
div.SeasonNav {
width: 850;
border-radius: 100px;
background: black;
margin: 0 auto;
margin-top: 50;
}
div.StreamBox {
width: 900;
height: 506;
margin: 0 auto;
margin-top: 20;
border: 10px solid transparent;
border-image: url(http://fc07.deviantart.net/fs70/f/2014/283/2/9/stream_rand_by_manofxtreme-d82a4ok.png) 10 10 round;
}
iframe.stream {
width: 100%;
height: 100%;
margin: 0 auto;
background: rgba(0,0,0, 1);
border: none;
}
div.ChatArea {
width: 1000;
height: 600;
margin: 0 auto;
margin-top: 50;
box-shadow: 0 0 10px black;
}
div.Section {
top: 0;
bottom: 0;
left: 0;
position: absolute;
width: 60%;
overflow: auto;
}
a#trans { background: #FF0000; color: #FF00000; padding: 3px; -webkit-transition: all 1s linear; }
a#trans:hover { background: #FF0000; color: #FF0000; }
#trans-nav {width: 100%; list-style-type: none; height: 30px; padding: 0; margin: auto; background: none;}
#trans-nav li {width: 20%; float: left; position: relative; padding: 0; line-height: 30px; font-size: 17px; text-align:center; background: linear-gradient(#aaa06f,#151513);}
#trans-nav li:hover {z-index: 1; background: linear-gradient(#68634d,#000000);}
#trans-nav li a { display: block; color: #000000; text-decoration: none; font-weight: bold; cursor:pointer;}
#trans-nav li a:hover { color: white; text-shadow: 0 0 12px;}
#trans-nav li ul {opacity: 0; position: absolute; left: 0; width: 100%; background: rgba(0,0,0,0); list-style-type: none; padding: 0; margin: 0;}
#trans-nav li:hover ul { opacity: 1; }
#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none;}
#trans-nav li:hover ul li { height: 23px; line-height: 23px; box-shadow: 0px 0px 0px #FF0000;}
#trans-nav li ul li a {width:500%; background: #000000; font-weight: normal; color: #494638;}
#trans-nav li ul li a:hover {width:500%;}
#trans-nav li { -webkit-transition: all 0.5s; }
#trans-nav li a { -webkit-transition: all 0.2s; }
#trans-nav li ul { -webkit-transition: all 0.2s; }
#trans-nav li ul li { -webkit-transition: all 0.3s; }
#trans-nav li ul li a:hover { -webkit-transition: all 0s; }
#trans-nav li ul li a { -webkit-transition: all 0s; }
#trans-nav3 {width: 100%; list-style-type: none; height: 20px; padding: 0; margin: auto; background: black;}
#trans-nav3 li {width: 16.66%; float: left; position: relative; padding: 0; line-height: 20px; font-size: 14px; text-align:center; background: black;}
#trans-nav3 li:hover { box-shadow: 0px 0px 0px #00210e; z-index: 1; background-position: 0 -40px; background: none; box-shadow: inset 0px 0px 18px black;}
#trans-nav3 li a { display: block; color: #59543e; text-decoration: none; font-weight: bold;}
#trans-nav3 li a:hover { text-shadow: 0 0 12px;}
#trans-nav3 li ul {opacity: 0; position: absolute; left: 0; width: 100%; background: none; list-style-type: none; padding: 0; margin: 0;}
#trans-nav3 li:hover ul { opacity: 1; }
#trans-nav3 li ul li { float: none; position: static; height: 0; line-height: 0; background: none;}
#trans-nav3 li:hover ul li { height: 23px; line-height: 23px;}
#trans-nav3 li ul li a {width:500%; background: #59543e; font-weight: normal; color: black;}
#trans-nav3 li ul li a:hover {width:500%;}
#trans-nav3 li { -webkit-transition: all 0.5s; }
#trans-nav3 li a { -webkit-transition: all 0.2s; }
#trans-nav3 li ul { -webkit-transition: all 0.2s; }
#trans-nav3 li ul li { -webkit-transition: all 0.3s; }
#trans-nav3 li ul li a:hover { -webkit-transition: all 0s; }
#trans-nav3 li ul li a { -webkit-transition: all 1s; }