Here is a 2 column list display with a fixed width of 300px.
It has comments inside to make adjustments. Your skin will to have content block big enough for 610px otherwise it will wrap.
Paste the code below into Item template and Alternate Item Template (note both code blocks have a different final <div></div> block statement to handle column and newline - otherwise both blocks of code are the same)
Also note the Seperator template must be blank to work.
I also adjusted the default style template and set .ListTilteRow{height:36px} /* was 30px */
In this version i have disabled the link to the calendar dayview, but the code is there to add it back, see comments
Looks great with a picture and text. Note the use of a 'read more' link inline with text. looks better when descriptions are truncated due to max length being reached.
<!-- PASTE INTO ITEM TEMPLATE -->
<div class="Normal" style="float: left; display: block; width: 300px;"> <!-- Set width of box here -->
<div class="ListTitleRow">
<span class="ListTitle"><a href="[READMORELINK]">[TITLE]</a></span>
<span class="ListTitle">[EDIT][RECURRINGIMAGE]</span>
</div>
<div style="min-height:200px;"> <!-- Use this to set a minimum height for content block if needed -->
[PICTURE|<div class="ListImage"><img width="100px" border="0" src="{0}" alt="" /></div>|<span></span>]
<!-- this uses an inline 'read more' link - remove the <a></a> tags if not wanted -->
<div class="ListContent">[DESCRIPTION] <a href="[READMORELINK]" target="_blank">read more</a></div>
</div>
<div class="ListContent" style="display: block; margin-top:10px;">
<div class="ListBtn">
<span>[REGISTER]</span>
<span>[EXPORTTODESKTOP]</span>
<span>[READMORE]</span>
</div>
</div>
<!-- disabled link to dayview calender -->
<div class="ListTitleRow" style="margin-top: 10px;">
[CALENDARSTARTDATE] <span class="ListEventDate">[EVENTDATE|dddd]</span><br />
<span class="poplink" href="[VENUEDETAILLINK]">[VENUE]</span>
</div>
<!-- enabled link to dayview calender
<div class="ListTitleRow" style="margin-top: 10px;">
[CALENDARSTARTDATE] <span class="ListEventDate"><a href="[DAYVIEWLINK]">[EVENTDATE|dddd]</a></span><br />
<span class="poplink" href="[VENUEDETAILLINK]">[VENUE]</span>
</div>
-->
</div>
<!-- This is the column spacer between each column -->
<div style="float: left; display: block; width: 10px;"> </div>
<!-- END ITEM TEMPLATE -->
<!-- PASTE INTO ALTERNATIVE ITEM TEMPLATE -->
<div class="Normal" style="float: left; display: block; width: 300px;"> <!-- Set width of box here -->
<div class="ListTitleRow">
<span class="ListTitle"><a href="[READMORELINK]">[TITLE]</a></span>
<span class="ListTitle">[EDIT][RECURRINGIMAGE]</span>
</div>
<div style="min-height:200px;"> <!-- Use this to set a minimum height for content block if needed -->
[PICTURE|<div class="ListImage"><img width="100px" border="0" src="{0}" alt="" /></div>|<span></span>]
<!-- this uses an inline 'read more' link - remove the <a></a> tags if not wanted -->
<div class="ListContent">[DESCRIPTION] <a href="[READMORELINK]" target="_blank">read more</a></div>
</div>
<div class="ListContent" style="display: block; margin-top:10px;">
<div class="ListBtn">
<span>[REGISTER]</span>
<span>[EXPORTTODESKTOP]</span>
<span>[READMORE]</span>
</div>
</div>
<!-- disabled link to dayview calender -->
<div class="ListTitleRow" style="margin-top: 10px;">
[CALENDARSTARTDATE] <span class="ListEventDate">[EVENTDATE|dddd]</span><br />
<span class="poplink" href="[VENUEDETAILLINK]">[VENUE]</span>
</div>
<!-- enabled link to dayview calender
<div class="ListTitleRow" style="margin-top: 10px;">
[CALENDARSTARTDATE] <span class="ListEventDate"><a href="[DAYVIEWLINK]">[EVENTDATE|dddd]</a></span><br />
<span class="poplink" href="[VENUEDETAILLINK]">[VENUE]</span>
</div>
-->
</div>
<!-- This is the line spacer after the two columns are rendered -->
<div style="clear: both; height: 10px"> </div>
<!-- END ALTERNATIVE ITEM TEMPLATE -->