Hiding blog sidebar on iPad

Hi

I have used the following code to hide the blog sidebar on the ipad (and any device where the sidebar won’t comfortably fit):

@media only screen and (max-width: 1023px) {

.template-blog .sidebar{
	display: none;
}
.template-blog .content {
	width: 100% !important;
}}

This works how I would like except that I would like to remove the grey vertical lines on the right (for the top half) and on the left (for the bottom half) if possible. How can I do that?

Here is how it looks currently: http://tinyurl.com/phzlj2u

Thanks,
Rob