html {
    height: 100%;
}

body {
    font-family: Times, serif;
    font-weight: normal;
    color: #333;
}

#wrapper {
    height: auto;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
/*
    background: rgba(255, 255, 255, 0.3);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(143, 114, 79, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(143, 114, 79, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(143, 114, 79, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(143, 114, 79, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(143, 114, 79, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(143, 114, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#8f724f', GradientType=0);
*/
}

a, a:hover, a:visited, a:focus {
    font-weight: bold;
    color: #54432c;
}

ul.playlist {
    text-decoration: underline;
}

ul.playlist li.active a {
    font-weight: bolder;
}

li {
    list-style-type: none;
}

li>a,
li>a:hover,
h1>a,
h1>a:hover {
    font-weight: normal;
}

button,
.button,
button:active,
.button:active {
    color: #eee;
    background-color: #54432c;
}

button:hover,
.button:hover {
    color: #fff;
    background-color: #665135;
}


audio {
    background-color: #54432c;
}

nav {
    font-family: Verdana;
    font-size: 1.2rem;
    padding: 0px 5px 0px 5px;
}

nav.poem-nav li {
    margin: 0 !important;
    padding: 0 10px 0 10px;
}
nav.poem-nav li a,
nav.letter-nav li a {
    font-weight: bold;
    font-size: 0.8rem;
}

nav .active {
    border-bottom: 1px #54432c solid;
}

table {
    background-color: transparent;
    border: none;
}


table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background-color: transparent;
}

.row.full {
    width: 100%;
    max-width: 100%;
}

.poem p {
    line-height: 1.8;
}

.letter {
    margin-top: 40px;
}

#header {
    margin: 20px 0px 20px 0px;
}

.bg-image {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.3;
    z-index: -100;
}

#content {
    padding-bottom: 50px;
}

#footer {
    font-family: Verdana;
    height: 70px;
    font-size: 20px;
    color: #382d1e;
    background-color: #54432c;
}

#footer p {
    padding: 20px 0px 20px 0px;
}