How to increase width of sidebar one and remove sidebar 2?

[ataarticles]

Ok
I have been trying to figure out how to increase width of sidebar one of my site:

http://www.ataarticles.com/

by referring to the css template here:
http://www.ataarticles.com/wp-content/themes/article-directory/style.css

When i try to increase the sidebar, it increases but the light grey vertical line which divides sidebar one and two does not change. I moved all sidebar 2 content onto sidebar 1, hence sidebar 2 is blank so that i can remove it

Anyone know which code in the sidebar section needs changing so that the grey vertical line increases along with the text.



Thanks.

/* Sidebars
-----------------------------------------------------------------------------*/

#sidebars {
float: left;
width: 440px;
font-size: 11px;
line-height: 17px;
}
* html #sidebars {height: 1%;}
#sidebars:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}

#l-sidebar {
float: left;
width: 210px;
padding: 0 10px;
}
#r-sidebar {
float: left;
width: 180px;
padding: 0 0 0 10px;
}

#sidebars ul {
margin: 0 0 15px;
}
#sidebars li {
list-style: none;
border-bottom: 1px solid #EEE;
padding: 3px 4px;
margin: 0;
}
#sidebars li a {
background: url(i/arrow.gif) no-repeat center left;
padding: 0 0 0 12px;
color: #000000;
}
#sidebars h2 {
font: normal 11px "Trebuchet MS", Arial, Sans-Serif;
padding: 0 0 3px 3px;
border-bottom: 1px solid #EEE;
}
#sidebars h3 {
font: normal 12px/12px "Trebuchet MS", Arial, Sans-Serif;
padding: 0 0 3px;
}
#sidebars .post {
margin: 0 0 24px;
}
#sidebars p {
padding: 0;
}
#sidebars .postmetadata {
font-size: 11px;
}

---------- Post added at 03:48 PM ---------- Previous post was at 03:42 PM ----------

Also to remove sidebar 2...
after researching some forums, there was suggestions to include the code:
#sidebar { display:none;}
in sidebar.php and index.php where i replace the code: < ? php get_sidebar(); ? > with <?php if (!is_front_page()) {
get_sidebar();
} ?>

But that doesn't work as it only shows as blank sidebar but doesn't completely remove it.
Also, when i try to delete the code for sidebar 2 only in sidebar.php, both sidebar one and two is blank.


</div><!-- end #l-sidebar -->

<div id="r-sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar 2') ) : ?>
<?php endif; ?>

</div><!-- end #r-sidebar -->
</div><!-- end #sidebars -->