@charset "utf-8";

body {
    background : white;
    color      : black;
    margin     : 0px;
    padding    : 20px;
}

blockquote {
    font-style   : italic;
    padding-left : 20px;
}
blockquote .source {
    font-style   : normal;
    padding-left : 40px;
    font-size    : 80%;
}

ul {
    list-style : square outside;
}

h1 {
    font-size : 22px;
}

code {
    white-space : pre-wrap;
}

.header {
    width          : 100%;
    border         : 0px;
    padding        : 0px;
    margin         : 0px;
    padding-bottom : 20px;
    font-size      : 16pt;
}

.main-container {
    float   : left;
    padding : 20px;
    width   : 940px;
}

a, a:hover, a:visited {
    text-decoration : none;
}
a, a:visited {
    color : #6d70b8
}
a:hover, a:active, a:visited:hover {
    color : #4d76ba
}

.imgborder {
    color  : #b7b6ab;
    border : #b7b6ab 2px solid;
}

.allcontent {
    width          : 700px;
    min-width      : 700px;
    max-width      : 700px;
    padding-left   : 10px;
    padding-right  : 10px;
    text-align     : left;
    vertical-align : top;
}

/* Styles for the navigation bar */
.left-column {
    border-right   : 2px solid #b7b6ab;
    width          : 250px; 
    min-width      : 250px;
    text-align     : right;
    vertical-align : top;
}
.left-column td {
    padding-right : 10px;
    text-align    : right;
    border-bottom : 20px solid #fff;
    min-width     : 250px;
}

.left-column a:hover {
    border-top    : solid 1px #b7b6ab;
    border-bottom : solid 1px #b7b6ab;
}
.leftpanel-current{
    background-color : #b7b6ab;
    color            : #fff;
}

.navframe {
    margin    : 20px 0px 20px 20px;
    min-width : 100px; 
    border    : 1px solid #b7b6ab;
}

.navframe td, .navframe th {
    padding-left  : 5px; 
    padding-right : 5px;
}
.navframe th {
    background  : #b7b6ab; 
    color       : #fff;
    text-align  : left;
    font-weight : normal;
}

/* Styles for tables */

.table-header {
    font-weight : bold;
}


/* Styles for lyrics */
.texts-lcolumn, .texts-rcolumn {
    vertical-align : top;
}
.texts-lcolumn {
    vertical-align : top;
    font-family : Times New Roman,Times,Arial;
    font-size   : 14pt;
    padding-right : 40px;
}

.texts-lcolumn h1 {
    font-size : 14pt;
}
.texts-rcolumn {
    width        : 400px;
    border-left  : 1px solid #b7b6ab; 
    padding-left : 10px;
}

/* Styles for photoalbum */
.photoframe{
    width          : 100%;
    text-align     : center;
    padding-bottom : 20px;
}

/* Copyleft */
.copyleft {
    font-size   : 12px;
    text-align  : center;
    padding-top : 40px;
}