#header{
	background-color: #F3FDFF;
	padding: 20px;
	font-family: 'IM Fell English SC', serif;
	border-bottom: 1px solid #404040;
	margin-bottom: 40px;
}

#header a{
	text-decoration: none;
	color: #404040;
}

#headerImage{
	text-align:right;
}

#headerText{
	text-align:left;
}

#wrapper {
  max-width: 1280px;
}

#footer{
	padding: 40px 20px;
	background-color: #373737;
	box-shadow: 0 .5em .5em rgba(0, 0, 0, .15);
	margin-top: 60px;
}

#footer img{
	height: 80px;
	background-color: #FFF;
	border-radius: 4px;
	padding: 10px;
}

#footer a{
	color: #a4a4a4;
	font-size: 0.8rem;
	text-decoration: none;
}

#footer a:hover, #footer a:active{
	color: #FFF;
	text-decoration: underline;
}

#toTopButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0.8;
}

.btn-primary{
	background-color: #000080;
}

.alignRight{
	text-align:right;
}

.alignCenter{
	text-align:center;
}

h2, h3, h4{
	font-family: 'IM Fell English SC', serif;
}

.noBullet{
	list-style-type: none;
}

.poem{
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.poemLine{
	min-width: 700px;
}

.poemLineGroup{
	margin-bottom: 20px;
}

.poemLine:hover{
	background-color: #EFFBFD;
}

.glossRef{
	border-bottom: 2px dotted #CCC;
}

.gloss{
	margin-right: 5px;
	font-size: 0.8rem;
}

.startNum{
	display:none;
}

.lineNum{
	font-size: 0.8rem;
	color: #8A8A8A;
}

.title{
	border-bottom: 1px solid #000;
}

.indent{
	display: inline-block;
	width: 30px;
}

@media(max-width: 575px) {
	#headerImage{
		text-align:center;
	}

	#headerText{
		text-align:center;
	}	
}