Anyone using photoplog pro on vb4.1.2 and cured the CSS issue?

[rolfw1]

OK thanks Lynne, getting there, although appear to have developed a lot of white space either side of the post icons and have no category division lines, the column headings are however now neatly sitting above the columns.

This is what I now have:

.subnav
{
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar navbar_tab_color};
	padding: 6px;
	text-align:center;
}
.subnav a
{
	color:{vb:stylevar navbar_tab_color};
}
.subnav a:hover
{
	color:{vb:stylevar navbar_tab_color};
}
.tborder {
border: 1px solid black;
}
.tcat {
border: 1px solid black;
}
{
	background: {vb:stylevar blockhead_background};
	color: {vb:stylevar blockhead_color};
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
}
.tcat a:link, .tcat_alink
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: {vb:stylevar blockhead_link_color};
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: {vb:stylevar blockhead_linkhover_color};
	text-decoration: underline;
}
td.thead, th.thead, div.thead {
display: table-cell;
}
{
	background: {vb:stylevar wgoheader_background };
	/* background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left; */
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px;
	width: auto; /* unset the 100% */
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.alt1, .alt1Active
{
	background: {vb:stylevar postbit_background};
	padding: 6px;
}
.alt2, .alt2Active
{
	background: {vb:stylevar postbit_userinfo_background};
	padding: 6px;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
/*
.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	padding: 15px;
	margin: 15px;
	background: #D1D4E0;
	color: #000000;
}
*/
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

.ppround
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webit-border-radius-topright:5px;
	/* ie9/opera stuff */
	radius-topright:5px;
	radius-topleft:5px;
}
.nounder, .nounder a:hover, .nounder a:active
{
	text-decoration: none;
}
.popuplinkcolor, .popuplinkcolor a:link, .popuplinkcolor a:hover, .popuplinkcolor a:active
{
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
}