/* 
    Document   : base
    Created on : 16-May-2013, 10:18:03: 
    Author :    Tom.Lee
    Description:
        Stylesheet for base
*/

body, div, html {
    margin: 0px;
    padding: 0px;
}
html, textarea {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
html, body {
    min-height: 100vh;
    position: relative;
}
html{
    background: #91add4;
    background: url('../img/background.png') no-repeat center center / cover;
    /*padding-bottom: 40px;*/
}
.floatClear {
    clear : both;
    height : 1px;
    margin-bottom : -1px;
    overflow : hidden;
}
#wrapper1{
    background: rgba(33,33,34,0.9);
    /*height:210px;*/
    /*position: relative;*/
}
#wrapper1 div{
    /*width: 512px;*/
    margin: 0px auto;
    padding: 10px;
    text-align: center;
}
#wrapper1 div img {
    width: 350px;
    padding: 20px 0;
}

h1, a{
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    margin: 0px;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    text-decoration: underline;
}
/*h1, a:hover{
    color: #992222;
    text-align: center;
    font-size: 20px;
    margin: 0px;
    text-decoration: none;
    font-weight: normal;
}*/
#Player{
    margin:13px auto;
}
#wrapper3 {
    padding-bottom: 65px;
    text-align: center;
    color: #fff;
}
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(33,33,34,0.9); 
    padding: 20px;
}

/*ASPECT RATIO*/
#wrapper2{
    width: 768px;
    max-width: 100%;
    margin: 0px auto;
    margin-top: 40px;
}
#aspectWrapper1 {
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    position: relative;
}
#aspectWrapper2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#playerWrapper {
    height: 100%;
    width: 100%;
}