* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
    background: url("http://mpb.li/bg-grid.jpg") repeat fixed 0 0 #9BADC4;
    line-height: 26px;
}

h1 {
    text-shadow: 0 2px 6px #333333;
    margin: 10px;
    padding: 15px;
    text-align: center;
    color: #fefefe;
    font-size: 42px;
}

h2 {
    color: #bfe1f1;
    display: block;
    font: italic 32px Georgia,Palatino,serif;
    margin: 0 0 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 6px #333333;
}

video {
    padding: 10px;
    background: #eee;
    border: 1px solid #fff;
}

ul.gallery {
    list-style: none outside none;
}

ul.gallery li a {
    float: left;
    padding: 10px 10px 25px 10px;
    background: #eee;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 2px 15px #333;
    position: relative;
}

div.directories {
    margin: 10px;
    padding: 5px;
    text-align: center;
    text-shadow: 0 2px 6px #333333;
}

div.filelist {
    clear: both;
    margin: 10px;
    padding: 25px;
    text-align: center;
    text-shadow: 0 2px 6px #333333;
}

div.gallerycontainer {
    width: 60%;
    margin: 4em auto;
}

div.header {
    font: italic 20px "Lucida Grande", Verdana, "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
}

p {
    color: #efefef;
    text-align: center;
    text-shadow: 0 2px 6px #333333;
    padding: 4pt;
}

a:link { color: #efefef; }
a:visited { color: #efefef; }
a:hover { color: #efefef; }
a:active { color: #efefef; }

p.serif {
    font: italic 32px Georgia,Palatino,serif;
}

ul.gallery li {
    padding-top: 24px;
}


ul.gallery li a.pic-0 {
    z-index: 2;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
}

ul.gallery li a.pic-1 {
    z-index: 1;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}

ul.gallery li a.pic-2 {
    z-index: 5;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}

ul.gallery li a.pic-3 {
    z-index: 3;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
}

ul.gallery li a:hover {
    z-index: 10;
    -moz-box-shadow: 3px 5px 15px #333;
}

a.filelinks {
    color: #efefef;
    margin: 5px;
}