body
	{
		font-family			:	Haettenschweiler,Verdana;
		font-size			:	15px;
		color					: 	white;
		margin				:	0px;
		width					:	100%;
		background-color	:	black;
	}
td
	{
/*		border						: 	1px solid silver;*/
	}
hr
	{
		color							: 	darkgoldenrod;
	}
h1
	{
		font-family 				:  Verdana;
		font-weight				: 	bold;
		text-align					:	center;
	}
h2
	{
		font-size					:	13px;
		color 						: 	brown;
		font-family 				:  Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		text-align					:	center;
	}
h6
	{
		text-align					:	center;
	}
.GuestBook
	{
		left:0;
		width							:	35%;
		background-color			:	#74929c; 			/* blue */
		font-family 				:  Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		font-size					:	13px;
		text-align					:	left;
		padding-left				:	20px;
		padding-bottom			:	10px;
		border						:	3px inset white;
		border-radius				:	20px;
	}
.NewSong
	{
		width						:	44%;
left:0;
		background-color		:	#74929c; 			/* blue */
		font-family 				:  Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		font-size					:	13px;
		text-align				:	left;
		padding-left			:	20px;
		padding-bottom		:	5px;
/*		border					:	3px inset white;*/
		z-index					:	90;
	}
.formClass
{
		cursor						:	pointer;
}
.buttonClassC
{
	cursor						:	pointer;
	font-family				:	Lithos regular,verdana;
	font-size					:	10px;
	background				: 	ivory;
	color 						: 	brown;
}
.header
	{
		font-family				:	Haettenschweiler,Verdana;
		font-size				:	12px;
		font-weight			: 	bold;
		color						:	darkslateblue;
		background-color		:	darkgoldenrod;
	}
.header h1
	{
		color 							: 	#FFFF99;
		font-family 					:  Tahoma,	Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		font-size						:	20;
		font-style						: 	italic;
		font-weight					:	normal;
	}
#compPage
	{
		position							:	relative;
		top								:	-8px;
		margin-left					:	90px;
		margin-right					:	30px;
		margin-top					:	10px;
		width							: 	650;
		height							:	400;
		text-align						:	left;
	}
#compPage h1
	{
		margin-left					:	0px;
		color							: 	darkgoldenrod;
		text-align					:	left;
		font-family 					:  	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	18;
		font-weight				:	bold;
	}
#splashPic
	{
		position						:	absolute;
		top							:	0px;
		left							:	5px;
		width							: 	263px;
		height						:	380px;
		background					: 	ivory ;
/*		filter							:	alpha(opacity=45);  */
	}
#compPic
	{
		position						:	absolute;
		top							:	0px;
		left							:	390px;
		width						: 	263px;
		height						:	380px;
		background				: 	ivory ;
/*		filter							:	alpha(opacity=45);      */
	}
#compBlurb
	{
		position						:	relative;
		top							:	+10px;
		left							:	-5px;
		margin						:	0px;
		width							: 	360px;
		height						:	300px;
		text-align					:	left;
		background					: 	ivory;
		font-family					:	Lucida sans unicode,Tahoma,Verdana;
		font-size					: 	12px;
		overflow-x					:	auto;
		overflow-y					:	auto;
		padding						:	6px;
		border						: 	1px solid #FFFF99;
	}
#compCredits
{
		position						:	relative;
		top							:	+45;
		padding-top				: 	10px;
		font-family					:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	12;
		font-style					: 	italic;
		font-weight				: 	bold;
		text-align					:	right;
		border-top-width 		: 	1px ;
		border-top-style			:	solid;
		border-top-color			: 	rosybrown;
	}
#mePage
	{
		position						:	relative;
		top							:	-8px;
		margin-left					:	90px;
		margin-right				:	30px;
		margin-top					:	10px;
		width							: 	650;
		height						:	400;
		text-align					:	right;
	}
#mePage h1
	{
		margin-left					:	300px;
		color 							: 	darkgoldenrod;
		font-family 					:  Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		font-size					:	28;
		font-weight				:	bold;
		text-align					:	left;
	}
#mePic
	{
		position						:	absolute;
		top							:	0px;
		left							:	5px;
		width							: 	238px;
		height						:	390px;
		background					: 	ivory ;
/*		filter							:	alpha(opacity=45);     */
	}
#meBlurb
	{
		position						:	relative;
		top							:	+10px;
		left							:	-5px;
		margin						:	0px;
		width						: 	360px;
		height						:	300px;
		text-align					:	left;
		background				: 	ivory;
		font-family				:	Lucida sans unicode,Tahoma,Verdana;
		font-size					: 	12px;
		overflow-x					:	auto;
		overflow-y					:	auto;
		padding					:	6px;
		border						: 	1px solid #FFFF99;
	}
#meCredits
	{
		position						:	relative;
		top							:	+40px;
		padding-top				: 	0px;
		font-family					:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	12;
		font-style					: 	italic;
		font-weight				: 	bold;
		text-align					:	right;
		border-top-width 		: 	1px ;
		border-top-style			:	solid;
		border-top-color			: 	rosybrown;
	}
#picTable
	{
		cursor						:	pointer;
	}
#iImage
	{
		text-align				:	center;
		border					: 	3px solid silver;
		cursor					:	pointer;
	}
#iPix
	{
		position						:	absolute;
		top							:	160px;
		left							:	250px;
		border						: 	3px solid silver;
	}
#newcomments
	{
		background				: 	ivory;
		font-family				:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	12px;
		color							:	brown;
		background-color		:	ivory;
		cursor						:	text;
	}
#oldcomments
	{
		position						:	relative;
		left							:   +2px;
		width						: 	35em;
		font-family				:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	11px;
		font-style					: 	italic;
		color							:	brown;
		background-color		:	blanchedalmond;
	}
.albumsPic
	{
		position						:	absolute;
		top							:	100px;
		left							:	790px;
		width							: 	263px;
		height						:	680px;
		background					: 	ivory ;
/*		filter							:	alpha(opacity=45);     */
		z-index						:	-1;
	}
#albumPic
	{
		position						:	absolute;
		top							:	100px;
		left							:	5px;
		width							: 	263px;
		height						:	680px;
		background					: 	ivory ;
/*		filter							:	alpha(opacity=45);   */
		z-index						:	-1;
	}
#picPic
	{
		position						:	absolute;
		top							:	100px;
		left							:	790px;
		width						: 	263px;
		height						:	380px;
		background				: 	ivory ;
/*		filter							:	alpha(opacity=45); */
		z-index						:	-1;
	}
#credits
	{
		position						:	relative;
		margin-top				:	60px;
		padding-top				: 	10px;
		font-family				:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	12;
		font-style					: 	italic;
		font-weight				: 	bold;
		text-align					:	right;
		border-top-width 		: 	1px ;
		border-top-style			:	solid;
		border-top-color			: 	rosybrown;
	}

#credits h6
	{
		color							: 	brown;
		text-align					:	right;
	}
.albumcaption
	{
		font-family				:	Lucida sans unicode,Tahoma,Verdana;
		font-size					:	10;
		font-style					: 	italic;
		font-weight				: 	bold;
		color							:	orange;
		text-align					:	center;
	}
#caption
	{
		position						:	absolute;
		top							:	130px;
		font-size					:	16;
		z-index						:	10;
	}
/* all the pop up stuff - this is going to be a page-sized hidden thing where we put the pic in the innerhtml!*/
#PopUpBody2
	{
		position						: 	absolute;
		top							: 	0px;
		left							: 	0px;
		z-index						: +99;
		display						:	none;
	}
#PopUpBodyBar2
	{
		background-color			:	black;
		font-family					:	"Lithos regular",verdana;
		font-size					:	11px;
		text-align					:	right;
		color							:	white;
		cursor						:	pointer ;
	}
#PopUpBodyContent2
	{
		background-color			:	black;
		padding-top				:	2em;
		padding-bottom			:	4em;
		padding-left				:	4em;
		padding-right				:	4em;
		width							:	100%;
	}
.previous
{
		position						: 	absolute;
		top							: 	400px;
		left							: 	0px;
}
.next
{
		position						: 	absolute;
		top							: 	400px;
		right							: 	0px;
}
@media only screen and  (max-width: 750px)
{
	body
		{
			width					:	70%;
		}

}