How to remove blogger separator line between gadgets

First of all do you know what i am talking about?
I am talking about the separator line between gadgets , that dotted line what i have circled with red.
That line was using to many space of my template so i have removed. It`s simple to remove it , here is how to:

1. Go to Layout , Edit HTML

2. Find the following code(With firefox press CTRL+F and tipe .sidebar or other piece of the code):

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

3. Change the red highlighted number to 0 so it will look like this:

.sidebar .widget, .main .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 0;
padding:0 0 0;
}

NOTE: if you have more sidebars search for the following code too:

.sidebar2 or 3 .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

4. Save your template.

Related tutorials: