/*
	music.css
	glen's music

	Created:	2005 
	By:				Glen H. Barratt
	Contact:	ghbarratt@powersketchdesign.com

*/

	/* General */
	body
	{ 
		font-family:				Arial, helvetica, sans-serif;
		margin:							0px;
		background-color:		#786851;
		color:							#552200;
		
	}
	ul
	{
		list-style-image:		url("/music/images/bullet1.gif");
		margin-top:					3px;
		margin-bottom:			3px;
	}
	h2
	{
		font-size:					150%;
		color:							#2EBCF9;
		font-weight:				bold;
	}
	a
	{
		color:							#ff7700;
		text-decoration:		none;
	}
	a:hover
	{
		color:							#ffaa00;
	}
	td
	{
		color:							#80511C;
		font-size:					100%;
	}


	/* define font styles once */
	.header, .footer 
	{
		font-family: 				Arial, SanSerif, Helvetica;
	}

	.mainContentText
	{
		font-size:					70%;
	}
	
	.sectionLead
	{
		font-size:					100%;
		color:							#FD4104;
		font-weight:				bold;	
	}
	
	/* header and footer */
	.header, .footer
	{
		font-size: 					90%;
		color:							#eedd88;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			0px;
		text-align:					right;
	}
	a.header, a.footer
	{
		font-size: 					90%; 
		color:							#dddddd;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			0px;
	}

	/*FeatureLink*/
	a.featureLink
	{
		font-size:					80%;
		color:							#aaaaaa;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
	}
	a.featureLink:hover
	{
		font-size:					80%;
		color:							#ffffff;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
	}


	/*areaTitle*/
	.areaTitle,a.areaTitle
	{
		vertical-align:			middle;
	}
	
	/*description*/
	.description,a.description
	{
		font-size:					8pt;
		font-weight:				normal;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}

	/*featureArea*/
	.featureArea
	{
		background-color:		#FADA82;
		background-image:		url(/music/images/featureback.gif);
		background-repeat:	repeat-x;
	}

	
	/*subTitle*/
	.subtitle,a.subtitle,a.subtitle:hover
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}
	
	a.subtitle
	{
	}
	a.subtitle:hover
	{
		color:							#ffaa00;
	}
	
	/*meterLabel*/
	.meterLabel,a.meterLabel
	{
		font-size:					8pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
		white-space:				nowrap;
	}
	
	/*moreLink*/
	.moreLink,a.moreLink
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}
	a.moreLink:hover
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#ff6622;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}


	/*SongTitle*/
	.songTitle,a.songTitle
	{
		font-size:					70%;
		font-weight:				bold;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			top;
	}

		/*SongControl*/
	.songControl,a.songControl
	{
		font-weight:				bold;
		color:							#F6CB00;
	}

	/*BottomNav*/
	.bottomNav
	{
		vertical-align:				middle;
	}
	a.bottomNav
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					8pt;
		color:							#cc3300;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	a.bottomNav:hover
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					8pt;
		color:							#ff6622;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	
	a.bottomNavSmall
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					60%;
		color:							#dddddd;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	a.bottomNavSmall:hover
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					60%;
		color:							#ffffff;
		margin:				 			0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}