/* HumphreyTheBand.Com - web.css */

body {
	background-color:	white;
	margin:	0;
	padding:	0;
}

.banner {
	line-height:	0;
}

.ExternalLinks {
	background-color:	black;
	color:	white;
	line-height:	12px;
	font-style:	italic;
	font-weight:	bolder;
}

.Quote {
	position:	absolute;
	text-align:	center;
	top:	60%;
	left:	10px;
	min-width:	20%;
/*	z-index:	1;*/
	font-size:	18px;
	padding:	7px;
	color:	black;
	border-style:	none;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.CoverArt {
	border-style:	outset;
	position:	absolute;
	top: 15px;
	left:	20px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.SongTitle {
	font-style:	italic;
	font-weight:	bold;
}

.SongComment {
	border-style:	outset;
	position:	absolute;
	top:	340px;
	left:	10px;
	min-width:	40%;
/*	z-index:	1;*/
	font-size:	18px;
	padding:	7px;
	color:	black;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.SongComment a {
	text-decoration:	none;
	color:	black;
}

h1.PoemTitle {
	font-size:	40px;
	margin-top:	18px;
	margin-bottom:	18px;
	text-shadow:	0px 6px 8px rgba(0,0,0,0.2);
}

.Poem {
	border-style:	outset;
	min-width:	25%;
	max-width:	80%;
	max-height:	50%;
	font-size:	18px;
	text-align:	left;
	white-space:	nowrap;
	padding:	7px;
	color:	black;
	overflow-y:	auto;;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.PoemImage {
/*	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	border-style:	inset;
	position:	absolute;
/*	left:	10px; */
}

h1.LyricTitle {
	font-size:	40px;
	margin-top:	18px;
	margin-bottom:	18px;
	text-shadow:	0px 6px 8px rgba(0,0,0,0.2);
}

.Lyric {
	white-space:	pre;
	font-family:	courier, New Courier, monospace;
	border-style:	outset;
	min-width:	25%;
	max-width:	80%;
	max-height:	400px;
	font-size:	16px;
	font-weight:	bold;
	text-align:	left;
	padding:	7px;
	color:	black;
	overflow-y:	auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Dropdown menu support */

.menu {
	overflow:	hidden;
/*    color:	black; */
/*	background-color:	gray;*/
	font-family:	Arial;
	font-weight:	bold;
/*	width:	50%; */
}

.menu a {
	float:	left;
    font-size: 16px;
    color: white;
    text-align: center;
	padding-left:	5px;
	padding-right:	5px;
/*    padding: 14px 16px; */
/*	margin-right:	8px; */
    text-decoration: none;
}

.dropdown {
	float:	left;
	overflow:	hidden;
}

.dropdown .dropbtn {
	font-family:	Arial;
	font-size:	16px;
	font-weight:	bold;
	border:	none;
	outline:	none;
	color:	white;
	padding-left:	5px;
	padding-right:	5px;
/*	padding:	14px 16px; */
	background-color:	inherit;
}

.menu a:hover, .dropdown:hover .dropbtn {
    background-color:	#ddd;
    color:	black;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:	1;
}

.dropdown-content a {
    float: none;
    color: black;
	font-size:	14px;
	font-weight:	normal;
	padding: 7px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
/*	right:	right;*/
	display:	block;
}