@charset "utf-8";
/* CSS Document */

/* General style */
* {
    font-family:"Roboto", "Courier New", "Comic Sans MS", cursive, Courier, monospace, sans-serif;
    color:#666;
}

body {
    background-color:#FFF;
}

div {
    padding:5px;
}

h1 {
    text-align:center;
}

h2 {
    font-style: italic;
    font-weight: bold;
}

h3 {
    color: #999;
}

a {
    color: #118ab2;
    text-decoration:none;
}

a:hover {
    text-shadow:-3px -3px 10px #666;
}

section {
    margin:100px auto;
}

.center {
    text-align:center;
    margin:20px auto;
    width:520px;
}

.border {
    border:1px solid #a00;
    min-height: 75px;
}

/* Video */
iframe {
    height:240px;
    width:426px;
    border:2px solid #666;
}

/* Table */
td {
    min-width:120px;
}

/* Aside */
aside {
    position:fixed;
    top:95px;
    left:10px;
    width:250px;
    padding:15px 10px;
    z-index:3;
    text-align:center;
    background-color: #FFF;
    box-shadow:0px 0px 10px #444;
}

aside:hover {
    box-shadow:0px 0px 20px #444;
}

aside td {
    min-width: 80px;
}

aside tr td:first-child {
    text-align:left;
}

/* Header */
header {
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:70px;
    text-align:center;

    /* Box effect */
    box-shadow:0px 5px 10px #444;
    z-index:5;
    background-color:white;
    opacity:0.8;
}

header:hover {
    box-shadow:0px 10px 20px #444;
    background-color:white;
}

/* Footer */
footer {
    position:fixed;
    bottom:0px;
    right:0px;
    width:100%;
    height:70px;
    text-align:center;

    /* Box effect */
    box-shadow:0px -5px 10px #444;
    z-index:4;
    background-color:white;
    opacity:0.8;
}

footer:hover {
    box-shadow:0px -10px 20px #444;
    background-color:white;
}