/* Cascading Style Sheet - www.z2photo.org */
/* $Id: portfolio_full.css,v 1.2 2007/06/20 18:25:42 pete Exp pete $ */

/* ******************************************************************************* */
/* portfolio stuff */

body#portfoliocloseup a:link,
body#portfoliocloseup a:visited, 
body#portfoliocloseup a:active, 
body#portfoliocloseup a:hover {
	color: #999;	
	text-decoration: none;
}

body#portfoliocloseup a:hover {
	color: #ddd;	
	text-decoration: none;
}

/* ******************************************************************************* */
/* portfolio stuff */

body#portfoliocloseup {
	text-align: center;
	width: 100%;
	min-height: 100%;
	height: auto;
	_height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #fff;
	background-color: #000;
	background-image: none; /* flash does not like to sit on bgnd images */
}

body#portfoliocloseup div#header {
	text-align: center;
	margin: 0 auto 0 auto;
	height: 0;
}

body#portfoliocloseup div.case {
	width: 520px;
	/* height: 380px;  should we set this? */
	margin: 0 auto 0 auto;
	/* border: 1px #f00 dotted; /* DEBUG */
}

body#portfoliocloseup div.vertimage {
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

body#portfoliocloseup div.vertcopy {
	text-align: left;
	width: 250px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}

body#portfoliocloseup div#navholder {
	text-align: center;
	margin: 140px auto 0 auto;
	padding: 0;
	width: 520px;
}

body#portfoliocloseup div#navholder.small {
	margin: 10px auto 0 auto;
	width: 320px;
}

body#portfoliocloseup div.navprev {
	float: left;
}

body#portfoliocloseup div.description {
	text-align: center;
	margin: 12px auto 0 auto;
	padding: 0;
}

body#portfoliocloseup div.description p.left {
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: left;
}

body#portfoliocloseup div.navnext {
	float: right;
}

div#flashcontent {
	margin: 4px 0 30px 0;
	z-index: 150;
}

div#flashcontent embed#flashcontent {
	z-index: 250;
}

div#flashcontent p {
	text-align: left;
	color: #fff;
	background-color: #000;
	margin: 20px 150px;
	padding: 0;
}



/* ******************************************************************************* */
/* portfolio heads */

#portfoliocloseup h1, 
#portfoliocloseup h2, 
#portfoliocloseup h3 {
	text-align: center;
	margin: 0 auto 12px auto;
	padding: 0;
	display: none;
}


/* ******************************************************************************* */
/* portfolio */

#portfoliocloseup #portfolioimage.image {
	width: 520px;
	height: 380px;
	color: #000; /* to hide alt text */
	background: url('images/z2loading.gif');
	background-repeat: no-repeat;
}

#portfoliocloseup #portfolioimage.imageshort {
	width: 520px;
	height: 340px;
	color: #000; /* to hide alt text */
	background: url('images/z2loading.gif');
	background-repeat: no-repeat;
}

#portfoliocloseup #portfolioimage.copy {
	text-align: left;
	margin: 0;
	padding: 0;
	height: 380px;
	overflow: auto;
	color: #fff;
	background-color: #000;
}

#portfoliocloseup #portfolioimage.copy p {
	padding: 8px 20px 0px 20px;
	font-size: 13px;
	line-height: 140%;
}