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-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;
	}
.menuFrame
{
		position							:	relative;
		width								:	220px;
		font-family						:	"Copperplate Gothic Light", fantasy;
		font-size						:	1em;
		color								:	black;
		white-space					:	nowrap;
		padding							:	5px;
		margin-left						:	50px;
		margin-bottom					:	25px;
		margin-top						:	15px;
		float 								: 	left;
		background-color				:	ivory;
		border 							: 	5px inset silver;
}
.menu
	{
		font-family						:	"Copperplate Gothic Light", fantasy;
		font-size						:	1em;
		color								:	black; /*#af2010;*/
		height							:	30px;
		width								:	auto;
		padding-top					:	10px;
		padding-left					:	5px;
		padding-right					:	5px;
		margin							:	5px;
		cursor							:	pointer;
		border-width					:  	2px;
		border-style					: 	inset;
		border-color					: 	silver;
		background-color				:	beige;
	}
.menu a
	{
		padding 							: 	0px 12px ;
		width								:	auto;
		text-align						:	center;
		text-decoration				:	none;
		color								:	black; /*#af2010;*/
		cursor							:	pointer;
	}
.menu a:visited
	{
		padding 							: 	0px 12px ;
		width								:	auto;
		text-decoration				:	none;
		cursor							:	pointer;
	}
.menu a:hover
	{
		padding 							: 	0px 12px;
		width								:	auto;
		color								:	white;
		text-decoration				:	none;
		background-color				: 	black;
	}
.formClass
{
		cursor						:	pointer;
}
.buttonClassC
{
	cursor						:	pointer;
	font-family				:	Lithos regular,verdana;
	font-size					:	10px;
	background				: 	ivory;
	color 						: 	brown;
}
.albumFound
	{
		position				: 	relative;
		top						: 	+2px;
		left						:   +0px;
		background			: black;
		width					: 	23%;
		z-index					: 	+19;
		float						: 	 left;
		font-family			:	Lucida sans unicode,Tahoma,Verdana;
		font-size				:	10;
		font-style				: 	italic;
		font-weight			: 	bold;
		color						:	orange;
		text-align				:	center;
		padding-top			:	8px;
		padding-bottom	:	6px;
		padding-left			:	2px;
		padding-right			:	4px;
		margin-top			:	0px;
		margin-left			:	1px;	border: 1px solid white;
	}
.pictureText
{
        font-family				:	Lucida sans unicode,Verdana;
		font-size				:	9px;
		color						: 	black;
		background-color		:	white;
}
#fred
{
		font-family				:	Lucida sans unicode,Verdana;
		font-size				:	15px;
		color						: 	white;
		margin					:	0px;
		background-color		:	blue;
}
#splashHeader
	{
		background				: 	brown;
		padding 					: 	10px 25px 1px 25px;
	}
#splashHeader h1
	{
		color 					: 	#FFFF99;
		font-family 			:  Tahoma,	Lucida sans unicode,Verdana, Arial, Helvetica, sans-serif;
		font-size				:	40;
		font-style				: 	italic;
		font-weight			:	normal;
	}
#splashPage
	{
		position				:	relative;
		top					:	-8px;
		margin-left			:	90px;
		margin-right			:	30px;
		margin-top			:	10px;
		width				: 	650;
		height				:	400;
		text-align				:	right;
	}
#splashPage 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;
	}
#splashPic
	{
		position						:	absolute;
		top							:	0px;
		left							:	5px;
		width							: 	263px;
		height						:	380px;
/*		filter							:	alpha(opacity=45);   */
	}
#splashBlurb
	{
		position						:	relative;
		top							:	+70px;
		left							:	-5px;
		margin-top					:	10px;
		width							: 	350px;
		height						:	40px;
		text-align					:	left;
		background					: 	ivory;
		font-family					:	Lucida sans unicode,Tahoma,Verdana;
		font-size					: 	12px;
	}
#splashCredits
	{
		position						:	relative;
		top							:	+220;
		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;
	}
#aboutMe
	{
		float							:	right;
		width							: 	auto;
		height						:	150px;
		background					: 	blanchedalmond;
		padding 						: 	2em 4em ;
	}
#content
	{
		font-size					: 	12px;
	}

#page h1
	{
		margin-left					:	0px;
		color								: 	darkgoldenrod;
		text-align						:	left;
		font-family 					:  	Lucida sans unicode,Tahoma,Verdana;
		font-size						:	28;
		font-weight					:	bold;
	}
#page h2
	{
		margin-left					:	0px;
		color								: 	darkgoldenrod;
		text-align						:	center;
		font-family 					:  Lucida sans unicode,Tahoma,Verdana;
		font-size						:	18;
	}
#page h6
	{
		margin-left					:	0px;
		color								: 	darkgoldenrod;
		text-align						:	left;
	}
.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%;
		}

}