t.okubo

なんだか元のコードがおかしいような気が？？？
以下のコードを試してみてください。

<ul id="portfolio-list">
	<?php
		$args = array(
			'cat' => カテゴリID,
			'posts_per_page' => -1
		);
		$my_portfolio = new WP_Query($args);
		if ( $my_portfolio -> have_posts() ) : while ( $my_portfolio -> have_posts() ): $my_portfolio ->the_post();
	?>
		<li class="<?php foreach((get_the_category()) as $category ) { echo $category->cat_name . ' all'; } ?>"><?php the_title(); ?></li>
	<?php endwhile; endif; wp_reset_query(); ?>
</ul>

参考：http://codex.wordpress.org/The_Loop

nagaibさん自身の返信で記述しているように、以下の構文で<div class=”dot”>を丸ごと囲ってしまえばフィールドに値が入っている時のみ表示されるようになると思います。

<?php if ( get_post_meta($post->ID,'カスタムフィールド名',true ) ) { ?>
  <div class="dot">
    <?php echo get_post_meta($post->ID,"会場",true); ?>
  </div>
<?php } ?>

かなりやっつけですがこれでどうでしょう？
FirebugでビジュアルエディタとHTML切り替えの動作を追って、HTML表示時に必要そうなクラスの付与や削除を行ってみました。

function disable_visual_editor(){
	add_filter('user_can_richedit' , create_function('' , 'return false;') , 50);
	echo '<script type="text/javascript">
		 jQuery(document).ready(function(){
			jQuery("#edButtonHTML").addClass("active");
			jQuery("#edButtonPreview").removeClass("active");
			jQuery("#edButtonHTML").attr("onclick", "");
			jQuery("#edButtonPreview").attr("onclick", "");
			jQuery("#quicktags").css("display", "block");
			jQuery("#quicktags").css("display", "block");
			jQuery("#content").css("display", "inline");
			jQuery("#content").css("color", "#000000");
			jQuery("#content_parent").css("display", "none");
		 });
	</script>';
}
add_action('edit_page_form', 'disable_visual_editor');

一応それっぽく動くような…

tanzakuテーマ良いですね。
あまり良い例ではありませんが、即効で要求を満たす方法としては、tanzakuテーマに最初から実装されている「サイドバー1」の横幅を固定にして、floatで左に寄せてしまえば解決出来ます。（かなり大雑把ですが）

具体的には以下のようなCSSをstyle.cssの#sidebarに追加すればサイドバー1が左に寄ります。

#sidebar{
	list-style: none;
	list-style-type: none;
	margin: 50px 0 50px 16px;
	padding-left: 0;

　　　　/* 追加するCSS */
	float: left;
	margin-right: 10px;
	width: 260px;
}

IEでは未検証です。

遅レスですが丁度同じようなことをやっていたのでとても参考になりました。
ありがとうございました。