@import url(http://fonts.googleapis.com/css?family=Oxygen);
@import url(http://fonts.googleapis.com/css?family=Quicksand:700);

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-feb-2015, 4:12:25
    Author     : jonathan
*/

body{background-color:grey; }

#container{
    background-color:hsl(30, 67%, 93%);
    font-family: 'Oxygen', sans-serif;
    background-color: grey; //hsl(0, 0%, 30%);
}


video,img, #datas, #large_text, .navigator{
    border: solid hsla(208, 48%, 26%, 1) 5px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: hsl(0, 0%, 95%);
}

iframe, .navigator{
    border-color: hsla(208, 48%, 26%, 1);
}

#datas{border-color:hsla(208, 48%, 26%, 1); text-align: justify;}
#name{
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    
}
#large_text{background-color: hsla(325, 48%, 26%, 1);
            border-color: hsla(325, 48%, 26%, 1);
            text-align:initial;
            overflow: auto;
            color: white}

#menu{
    margin:auto;
    width:auto;
}

.navigator{
    padding: 1%;
    background-color: hsla(208, 48%, 26%, 1);
    color:white;
    list-style:none;
}

.navigator ul{
    
    background-color: transparent;
}

.navigator li{
    padding:1%;
}

.navigator li a{
    display:block;
    padding: 1%;
    border: none;
    border-radius: 0px;
    background-color: #d0d039;
    text-decoration: none;
    color:#545454;
}

.navigator > li{
    float:left;
}
.navigator li a:hover{
    background-color: #545454;
    color:white;
}

.navigator li ul{
    display:none;
    position: absolute;
}

.navigator li:hover > ul{
    display:table-column-group;
}

.navigator li ul li{
    position: relative;
    
}

.navigator li ul li ul{
    right: -0%;
    top:0%;
}

button{
    border:solid hsl(270, 38%, 30%) 10px;
    background-color: hsl(270, 38%, 30%);
    color: white;
}

button:hover{color:hsl(270, 38%, 30%); background-color: white; border-color: white;}