Sidebar aanpassen

Hallo iedereen,

Als ik bij mijn widgetweergave in beheer kijk, heeft is mijn sidebar in tweeën gedeeld. Dit is helemaal oké en klopt ook. Als je mijn blog bekijkt zie je dat de sidebar inderdaad twee kolommen heeft: http://marksluymers.nl/blog

Maar nu wil ik dat mijn twitterfeed wél over de gehele breedte van de sidebar komt. Boven, of onderaan. Hoe en waar kan ik dat aanpassen? In het beheer kan ik het niet vinden, dus ik neem aan dat ik in de sidebar.php of css moet kijken?

Sidebar.php:

<!-- Start list  -->
<div class="list">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left')) { ?>
	<div class="widget">
	<h3><img src="<?php bloginfo('template_url')?>/images/categoriesms.gif" alt="Categories" /></h3>
	<ul>
		<?php wp_list_categories('depth=1')?>
	</ul>
	</div>
<?php } ?>
</div>
<!-- End list  -->
<div class="list2">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right')) { ?>
<div class="widget">
<h3><img src="<?php bloginfo('template_url')?>/images/archivesms.gif" alt="Archives" /></h3>
<ul>
	<?php wp_get_archives(); ?>
</ul>
</div>
<div class="widget">
<h3><img src="<?php bloginfo('template_url')?>/images/linksms.gif" alt="Links" /></h3>
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0') ?>
</ul>
</div>
<?php } ?>
</div>

CSS:

/*-----------------------  Start side  ---------------------*/
.side{
	width:338px;
	float:right;
}
/*-----------------------  Start rightContent  ---------------------*/
.rightArea{
	background:url(images/rightTop.gif) no-repeat top;
	width:339px;
	padding-top:33px;
}
/*-----------------------  Start rightContent  ---------------------*/
.rightContent{
	width:339px;
	overflow:hidden;
}
.rightContent h3{
	font-size:11px;
	color:#cccccc;
	font-weight:normal;
	padding:0 0 13px 19px;
}
.add{
	width:300px;
	height:250px;
	display:block;
	background:#5e6168;
	margin:0 0 47px 19px;
}
/*-----------------------  Start list  ---------------------*/
.list{
	width:142px;
	float:left;
	margin:0 15px 0 22px;
	min-height:300px;
	height: auto !important;
	height: 300px;
}
.list2{
float:left;
width:142px;
}

.list .widget, .list2 .widget { margin-bottom:10px; }
.list h3, .list2 h3 {
	font:bold 17px "Bookman Old Style";
	letter-spacing:-1px;
	color:#fff;
	padding:0;
	margin-bottom:5px;
}

.rightContent h2{
	border-bottom:1px solid #003333;
	height:17px;
	margin-right:15px;
	overflow:hidden;
	padding-bottom:7px;
	margin-bottom:3px;
}
.list .rightContent h2{
	margin-right:0;
}
.rightContent ul{
	padding-bottom:25px;
}
.rightContent ul li{
	font: 11px Arial;
	color: #FFFFFF;
	line-height:16px;
}
.rightContent ul li a{
	font: bold 11px Arial;
	color:#61b1ba;
	text-decoration:none;
}
.rightContent ul li a:hover{
	text-decoration:underline;

Kunnen jullie mij helpen?