separation between boxes

@Sevian: Sorry I don’t get it what you mean. Do you mean to remove the padding below the your widgets then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#secondary .widget { padding-bottom: 0; }

@Sevian: Still confused. Maybe you can share with me your design that you wanted to accomplish. Upload the screenshot in your site or any photo sharing site and post in your image URL here.

@Sevian: Removing that will make the site look odd. As we need some gap between this. But yes you can make it whole white so it doesn’t look like gap

#main .wrapper { background-color: #fff; }
#secondary .widget { border: none; }

So bit confused…

@Sevian: That is bit complicated. For your site http://veogangas.com/, I see that you have added previous css which changed all the widget into white. If you don’t want that, then remove that css. For the width you can increase the width as per your need in the following css and add it in “Appearance => Theme Options => Custom CSS” box.

/* For Large Screen */
#primary {
	width: 754px;
}
#secondary {
    width: 406px;
}
/* For other responsive screens */
@media screen and (max-width: 1224px) {
	#primary {
		width: 654px;
	}
	#secondary {
		width: 340px;
	}	
}
@media screen and (max-width: 1060px) {		
	#primary {
		width: 530px;
	}
	#secondary {
		width: 340px;
	}		
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#primary {
		width: 590px;
	}
	#secondary {
		width: 340px;
	}	
}
@media screen and (max-width: 960px) {	
	#primary,
	#secondary {
		width: 100%;
	}
}