/* CSS for Plus Alpha portfolio page */

/* Container for centering */
#portfolio, #prev_next_links
{
	margin-left: 100px;
	margin-right: 100px;
	font-size: 80%;
}

/* The "portfolio" div additionally has a minimum height... */
#portfolio
{
	min-height: 330px;
	_height: 330px;           /* min-height for IE */
	height: auto !important;  /* min-height hack from Dustin Diaz */
  	height: 330px;
}

#portfolio img.portfolio-image
{
	float: left;
/*	width: 200px; */
/*	height: 280px; */
}

#portfolio ul.portfolio-list
{
	padding: 0;
	margin-left: 220px; /* 200 px for image width */
	width: 360px;
	list-style-type: none;
	/* border: 1px dashed #333; */
}
#portfolio ul.portfolio-list li
{
	margin-top: 0.3em;
}

#portfolio span.portfolio-heading
{
	font-weight: bold;
	text-transform: capitalize;
}

/* Overrule the normal styles for the main heading... */
/*
#main h1
{
	font-size: 18pt;
	letter-spacing: 0;
}
*/

/* For the Portfolio link on the portfolio sub-pages */
#nav a:link.currentpagelink { color: #000000; }
#nav a:visited.currentpagelink { color: #000000; }
#nav a:hover.currentpagelink { color: #ee6622; }
#nav a:active.currentpagelink { color: #ee6622; }

/* For the extra reviews pages (reviews.php) */
#reviews_container
{
/*	margin-left: 160px;*/
 	margin-right: 80px;
	font-size: 80%;
}

#reviews_graphic
{
	float: left;
	width: 100px;
	min-width: 100px;
	margin-left: 20px;
	margin-right: 20px;
}

#reviews_list
{
	overflow: auto;
	height: 336px;
	padding-right: 10px;
}

#reviews_list ul
{
	list-style: none;
	margin:  0pt;  /* Removes indent IE and Opera */
	padding: 0pt;  /* Removes indent Mozilla and NN7 */
}

#reviews_list li
{
	margin-bottom: 10pt;
}

span.review_key_phrase
{
	font-weight: bold;
	color: #ee6622;
}

#reviews_onward_links
{
	margin-top: 4pt;
}

/* For the other titles page (othertitles.php) */
#other_titles_list
{
	/*border: 1px dashed #333;*/
	overflow: auto;
	height: 320px;
}

#other_titles_list td.info_column
{
	padding: 20px;
	vertical-align: middle;
}

#other_titles_list span.review_text
{
	/* No styles defined. */
}

#other_titles_list span.review_source
{
	font-weight: bold;
}

/* This is the dynamically created (by js) box that reviews appear in. */
#review_box
{
	background: orange;
	border: 2px solid black;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
