/* pattern:

<div class="postcard">
        <span class="picture">
                <img class="thumb" src="thumb.jpg">
        </span>
        <div class="info">
		...tbd...
        </div>
</div>

or replace <span class="picture"> with <a class="picture" href="...">

*/

body { width: 750px; }

p { width : 35em; }

p.bibentry {
	text-indent: -4em;
	margin-left: 4em;
	width : 570px;
}

h1, h2, h3, h4, h5 { clear: both; }

h3 { font-weight: 500; }

.postcard { clear: both; }

.postcard .picture {
	position: relative;
	float: left;
	margin-right: 8px;
}

.postcard .picture:first-of-type { width: 160px; }

.postcard .picture .thumb {
	float: right;
	padding-bottom:2ex;
}

.postcard .info {
	width: 570px;
	float: right;
	padding-bottom: 2ex;
}

.postcard .info p {
	font-style: italic;
	width: 570px;
}