#foo {
	overflow:hidden;
}
.white_text {
	color: #D5D4D4;
}
.red_text {
	color: #F20C0E;
}
.res_photo {
	height:220px;
	display:block;
	overflow:hidden;
}
.about_photo {
	width:310px;
	height:135px;
	display:inline-block;
	overflow:hidden;
}
a.hrefVoidNoHover[ href="" ], a.hrefVoidNoHover[ href="#void" ] {
	cursor:default;
}
.wide_ul {
	width:100%;
	display:table;
}
ul.wide_ul > li {
	display:table-cell;
	text-align:center;
}
ul.wide_ul > li:last-of-type {
	float:right;
}
#PhotoView {
	position: absolute;
	left: 20px;
	top: 20px;
	visibility: hidden;
	border: solid 1px #CCC;
	padding: 5px;
}
@media only screen and ( max-width:320px ) {
	h1 { width:310px!important; }  // PJK  additions for smartphone portrait
        ul.wide_ul { display:initial; }
	ul.wide_ul > li { display:block; line-height:200% }
	ul.wide_ul > li:last-of-type { float:none; }
	h2 { font-size:22px; width:80%; }
	#PhotoView { display:none; }
}
@media only screen and ( min-width:321px ) and ( max-width:480px ) {
//	h1 { width:435px!important; }  // PJK  additions for smartphone landscape
        ul.wide_ul { display:initial; }
	ul.wide_ul > li { display:block; line-height:200% }
	ul.wide_ul > li:last-of-type { float:none; }
	h2 { font-size:25px; }
/*  doesn't seem to work...
	.caroufredsel_wrapper { min-height:145px!important; height:145px!important; }
	.list_carousel { min-height:145px!important; height:145px!important; }
*/
	#PhotoView { display:none; }
}