/*
 * Style file for Roehrig
 */
body {
    color: #111111;
    background-color: #859ba9;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    /* line-height: 1.4em; */
    text-align: center;
    margin: 0;
    margin-top: 2em;
    padding: 0;
}

div {
    margin: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

a {
    text-decoration: none; 
    font-weight: bold;
    color: #638; 
}
a:hover {
    text-decoration: underline; 
}

div.title {
    text-align: center;
    font-size: 1.3em;
}
div.title h1 { 
	font-size: 1.5em; 
	margin-bottom: 0em;
}
div.title h2 { 
	font-size: 1.0em; 
	margin-top: 0.2em;
}
div.title h2.subtitle { 
	color: #333;
	margin-bottom: 3em;
}

div.title img { 
	margin-top: 2em;
	width: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.menu {
    text-align: center;
    font-size: 1.3em;
}

div.footer {
    text-align: center;
    font-size: 1.3em;
    margin-left: 4em;
    margin-right: 4em;
    border-top: solid;
    border-width: 2px;
}

div.login {
    text-align: left;
    font-size: 1em;
    margin-left: 7em;
    margin-right: 5em;
}
div.login h1 { font-size: 1.5em; text-align: center; }
div.login th {
    font-weight: bold;
    text-align: left;
    padding-right: 3em;
}

div.error {
    font-weight: bold;
    color: #d12e15;
}

div.content {
    text-align: left;
    font-size: 1em;
    margin-left: 5em;
    margin-right: 5em;
}
div.content h1 { font-size: 2em; text-align: center; }
div.content h2 { font-size: 1.5em; }
div.content h3 { font-size: 1.3em; }
div.content h4 { font-size: 1.2em; }
div.content h5 { font-size: 1.1em; }
div.content h6 { font-size: 1.0em; }


div.songlist {
    text-align: left;
    font-size: 1em;
    margin-left: 5em;
    margin-right: 5em;
}
div.songlist th { padding-right: 2em; font-weight: normal; }


div.form {
    font-size: 1em;
    text-align: left;
    margin-left: 5em;
    margin-right: 4em;
}
div.form th {
    font-weight: bold;
    text-align: left;
}