body {
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial;
	font-size: 10pt;
}

h1 {
	padding: 0.4em 0;
	margin: 0;
	font-size: 250%;
}

h2 {
	padding: 1.3em 0 0 0;
	margin:	0;
	font-size: 160%;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

h3 {
	font-size: 110%;
	padding: 0 0 0 0.5em;
	margin: 0;
}

blockquote {
	font-style: italic;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0.5em 0;
}

a {
	text-decoration: none;
	color: #f0f;
}



div.images {
	margin: 1em 0;
}

	div.images a img {
		filter: alpha(opacity=90);
		opacity: 0.9;
	}

	div.images a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}


/* 
	mhh... tasty layer cake 

	I know classes shouldn't be named after what they look like,
	but rather what they stand for. I just couldn't resist - and 
	then again, I didn't expect you to look...
*/

div#layerCake {
	width: 100%;
}

div.topping {
	width: 680px;
	padding: 0 30px 0 30px;
	margin: 0 auto;
	color: #504741;
}

	div.topping h2 {
		text-transform: none;
		margin: 0 0 1em 0.5em;
		padding: 0;
	}


div.stuffing {
	width: 680px;
	padding: 0 30px 0 30px;
	margin: 0 auto;
}


div.layer {
	padding: 5em 0 7em 0;
	border-bottom: 1em solid #000;
}

	div.garnish {
		background-color: #DDE4D5;
		color: #fff;
		border-color: #eff2e9;
	}
	
	
	
	div.cream {
		background-color: #fffefa;
		color: #000;
		border-color: #9ca7ae;
	}
	
		div.cream a {
			color: #266697;
		}
		
		div.cream a:hover {
			color: #fff;
			background-color: #2f81c0;
		}
	
	
	
	div.blueberry {
		background-color: #394f62;
		color: #fff;
		border-color: #a2acb2;
	}
	
		div.blueberry a {
			color: #ff9c00;
		}
		
		div.blueberry a:hover {
			color: #fff;
			background-color: #ff7200;
		}
	
	
	
	div.grape { 
		background-color: #cccc9f;
		color: #000;
		border-color: #828d80;
	}
	
		div.grape a {
			color: #ae2e96;
		}
		
		div.grape a:hover {
			color: #fff;
			background-color: #8f357e;
		}
	
	
	
	div.plum {
		background-color: #4f2948;
		color: #fff;
		border-color: #998172;
	}
	
		div.plum a {
			color: #a2e9ae;
		}
		
		div.plum a:hover {
			color: #fff;
			background-color: #74a77d;
		}
	
	
	
	div.banana {
		background-color: #fffaac;
		color: #000;
		border-color: #999469;
	}
	
		div.banana a {
			color: #00a5ce;
		}
		
		div.banana a:hover {
			color: #fff;
			background-color: #25a0bf;
		}
	
	
	
	div.biscuit {
		background-color: #26211d;
		color: #fff;
		text-align: center;
		border-color: #26211d;
	}
	
		div.biscuit a {
			color: #ff00a8;
		}
		
		div.biscuit a:hover {
			color: #fff;
			background-color: #dd0092;
		}



#lightbox {
	background-color:#000;
	padding: 15px;
}

#lightboxDetails {
	padding-top: 0.4em;
	color: #fff;
}

#lightboxCaption { 
	float: left; 
}
#keyboardMsg { 
	float: right; 
	font-size: 75%;
}

#overlay{ 
	background-color: #000; 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}