/* Provide a table-ish background to the site and set body width */

body {
    background: url("background.jpg");
    margin: 0;
}

#paper {
    background: transparent;
    width: 48em;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0;
    /* Pad the left side equal to the shadow on the other side */
    padding-left: 20px;
}

#surface {
    background: white;
    padding: 0;
}

/* Add drop shadows to the "sheet of paper" */

#shadow-e {
    background-image: url("shadow-e.png");
    background-repeat: repeat-y;
    background-color: transparent;
    width: 20px; }

/* Getting the (literal) corner case right will take a while, so avoid it for now */
#shadow-s, #shadow-se { display: none; }
/* 
 * #shadow-s { background: url("shadow-s.png") repeat-x; height: 20px; }
 * #shadow-se { background: url("shadow-se.png") no-repeat; }
 */



/* Set the header */

#head {
    text-align: center;
    background: black; /* FIXME: May want to remove with a larger logo */
}

#head * {
    vertical-align: top;
}

#tabline {
    background: black;
}

#tabline a {
    text-decoration: none;
    font-family: fantasy;
    font-size: 1.5em;
}

#tabline a:visited { /* FIXME: Make these slightly brighter */ }