@font-face {
	font-family: "Gentium Basic";
	src: url("/fonts/GentiumBasic-Regular.ttf");
}

@font-face {
        font-family: "Gentium Basic";
        src: url("/fonts/GentiumBasic-Bold.ttf");
	font-weight: bold;
}

@font-face {
        font-family: "Gentium Basic";
        src: url("/fonts/GentiumBasic-Italic.ttf");
	font-style: italic, oblique;
}

@font-face {
        font-family: "Gentium Basic";
        src: url("/fonts/GentiumBasic-BoldItalic.ttf");
	font-style: italic, oblique;
	font-weight: bold;
}

@font-face {
	font-family: "Open Sans";
	src: url("/fonts/OpenSans-Regular.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-Bold.ttf");
	font-weight: bold;
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-Italic.ttf");
	font-style: italic;
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}

/*
@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}

@font-face {
        font-family: "Open Sans";
        src: url("/fonts/OpenSans-.ttf");
}
*/

/*
@font-face {
	font-family: "My Garamond";
	src: url("/fonts/GaramondNo8-Regular.ttf");
}

@font-face {
	font-family: "My Garamond";
	src: url("/fonts/GaramondNo8-Bold.ttf");
	font-weight: bold;
}
*/

@font-face {
	font-family: "Fjalla One";
	src: url("/fonts/FjallaOne-Regular.ttf");
}

/*
@font-face {
	font-family: "My Garamond";
	src: url("/fonts/GaramondNo8-Italic.ttf");
	font-style: italic, oblique;
}

@font-face {
	font-family: "My Garamond";
	src: url("/fonts/GaramondNo8-Bold-Italic.ttf");
	font-weight: bold;
	font-style: italic, oblique;
}
*/


body	{
		font-family:"Open Sans","Fjalla One",arial,san-serif,helvetica;
		font-size:12pt;
		color: white;
		margin:0;
		padding:0;
         	background-color: rgba(50, 0, 20, 0.9); 

	}

#page {
}


h1 {
		text-align:center;
		font-size:30pt;
		margin:0;
		padding:0;
		margin-top:5px;
}

a.norm {
	color:white;	
}

a:visited.norm {
	color:white;
}

a:hover.norm {
	color:white;
}


#navmenu {
		background-color:white;
		color:white;
		padding:5px;
		text-align:center;
}

#navmenu a {
		margin-left:15px;
		margin-righ:15px;
}

lyrics {
          	font-size:10pt;
}

input	{
		background-color:black;
		color:#111;
		font-weight:bold;
		}

textarea	{
		}

select{
		font-family:"Open Sans","Fjalla One",arial,san-serif,helvetica;
		font-size:11pt;
	}

td	{
		font-family:"Open Sans","Fjalla One",garamond,"My Garamond",arial,san-serif,helvetica;
		font-size:12pt;
		color: white;
	}

.title	{
		font-size:18pt;
		font-weight:bold;
	}

.copyright{
		color: #ccc;
		font-size:8pt;
		text-align:center;
	}


a		{
		color: #555;
		text-decoration: underline;
		}

a:hover	{
		color: #777;
		text-decoration: none;
		}

a:visited	{
		color: #999;
		}


a.menu	{
		font-weight:bold;
		color: black;
		text-decoration: none;
		}

a.topmenu	{
		font-size:16pt;
		font-weight:bold;
		color: black;
		text-decoration: none;
		}

a.topmenu:hover	{
		color: #777;
		text-decoration: none;
		}

a.topmenu:visited	{
		color: #222;
		}

a.topmenu:visited:hover	{
		color: #bbb;
		}

a.menu:hover	{
		color: #ccc;
		text-decoration: none;
		}

a.menu:visited	{
		color: #ccc;
		}

a.menu:visited:hover	{
		color: black;
		}

p.random_lyric {
     font-weight:bold;
     font-size:11pt;
	text-align:center;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:15px;
}



#mainContent {
	display:block;
	/*width:100%; */
	text-align:left;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	/* border:1px solid #e4e4e4; */
	background-color:rgba(50, 0, 20, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 20px;
}


/* BELOW TAKEN FROM DISCOGRAPHY PAGE */


	a		{ text-decoration:none; color:#ddd; }
	a:hover		{ color:#aaa; }
	a:visited:hover	{ color:#aaa; }
	a.sample_listen {text-decoration:none;font-size:7pt;font-style:normal;color:#bbb;}
	a.sample_listen:hover {text-decoration:underline;}
	
	div.buy {
		color: black;		
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		padding-bottom:2px;
		background-color: white;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		font-size:9pt;	
	}

	div.buy a {
		color:#eee;
	}

	div.buy a:hover {
		color:#555;
	}
	div.buy a:visited {
		color:#bbb;
	}
	

	div.buy a.store {
        	color:rgba(50,0,20,1);
	}

	div.buy a.store:hover {
        	color:black;
		text-decoration:underline;
	}

	div.buy a.store:visited {
        	color:rgba(50,0,20,0.7);
	}

	p.not_available {
		font-size:95%;
	}
	
	p.album_title {
		font-size:115%;
	}

	p.album_title a {
		font-weight: bold;
		font-size: 1.5rem;
		color: white;
	}

	p.album_title a:visited {
		color: white;
	}

	p.album_title a:hover {
		color: red;
	}

	div.lyricArea {
/*
		height:200px;
		width:200px;
*/
		height:250px;
		width:200px;
		overflow:auto;
		text-align:left;
		font-family:"Open Sans","Fjalla One",garamond,"My Garamond",arial,helvetica;
		font-size:10px;
		/* background-color:white; */
	}
	
			pre.lyric {
				font-family:"Open Sans","Fjalla One",garamond,"My Garamond",arial,helvetica;
				font-size:9pt;
				white-space: pre-wrap; /* css-3 */
				white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
				white-space: -pre-wrap; /* Opera 4-6 */
				white-space: -o-pre-wrap; /* Opera 7 */
				word-wrap: break-word; /* Internet Explorer 5.5+ */
				/* width:180px; */
			}

pre {
	font-size:8pt;
}

hr {
	margin-top:20px;
	margin-bottom:20px;
}

ul.links li {
	margin-bottom:15px;
}

.error {
	color:red;
}

img.rounded_corners {
	border-radius: 10px;
}