*{
    margin:0;
    padding:0;
}
body{
    background-color:#000;
}
div#container{
    width:850px;
    margin:auto;
    padding:0 0.5em;
    background-color:#fff;
    padding-bottom:3em;
    border-top:1px solid #fff;
}
div#page_header{
    text-align:center;
    background-color:#000;
    color:#fff;
    width:70%;
    text-transform:uppercase;
    margin:auto;
    margin-top:0.5em;
}
div#page_header h1, div#page_header h2{
    padding:0.5em 0;
}
div#page_header h2 *{
    padding:0 0.5em;
}
div#insert{
    text-align:right;
    padding:0.5em 0;
}
div#month{
    margin:2em 0;
}
div#month div.day h3.date{
    float:left;
    text-align:center;
    width:15%;
    margin:0 0.5em 0.5em 0;
    background-color:#000;
    color:#fff;
    padding:1em 0;
}
div#month div.day h3.date span{
    display:block;
}
div#month div.day{
    clear:left;
    padding-top:1em;
}
div#month div.day div.event{
    margin:0.5em 0.5em 0.5em 3em;
    border-top:1px solid black;
    padding-top:0.5em;
}
div#month div.day div.event div.update{
    text-align:right;
    float:right;
    margin:0 0 0.5em 0.5em;
}
div.event span{
    padding-right: 0.5em;
}
div.event div.sleeping span.number{
    padding:0
}
form{
    padding:0.5em;
    width:500px;
    background-color:#000;
    color:#fff;
    border:1px solid #fff;
}
form#frm_authentication{
    margin:auto;
    margin-top:250px;
}
form#frm_authentication div{
    text-align:right;
}
form#frm_authentication div.title{
    text-transform:uppercase;
    font-weight:bold;
}
form#frm_authentication input{
    margin-left:0.5em;
}
form#frm_authentication span.warning{
    color:#f00;
    font-variant:small-caps;
}

div#container form{
    position:absolute;
    margin-left:350px;
}
div#month form{
    margin-left:300px;
}
form div{
    padding:0.5em;
}
form div.cancel{
    float:right;
    text-align:right;
}
form div.cancel a{
    border:1px solid #fff;
    text-transform:uppercase;
}
form div.submit{
    text-align:right;
}
form div.submit input{
    margin-left:0.5em;
}
form div{
    text-align:center;
}
form table{
    margin:auto;
    border:1px solid #fff;
    width:70%;
    text-align:left;
}
form div.title input, form div.staff input, form div.comment textarea{
    display:block;
    width:90%;
    margin:auto;
}
form div.title input{
    text-align:center;
}
form textarea{
    height:8em;
}
form div.hour input.text, form div.sleeping span.q input.text{
    width:2em;
    text-align:center;
}
form div.shopping, form div.sleeping{
    text-align:right;
}
form div.hour span.hour{
    padding:0;
}
a{
    color:#000;
    font-weight:bold;
    font-variant:small-caps;
}
.q{
    font-weight:bold;
    font-variant:small-caps;
}
#page_header a, form a{
    color:#fff;
}
p{
    font-size:0.7em;
    font-style:italic;
    text-align:justify;
    margin-right:2em;
}
div.event div.title{
    font-weight:bold;
}
div.event div.title span.title{
    text-transform:uppercase;
}
form select, form input.text, form input.button{
    background-color:#fff;
}