How to remove the search bar from new tab page?

Question

I've added extra pinned site rows and columns on the new tab page.
The new search bar is redundant and space hogging.
Please provide how to disable in step by step instructions :)
Edit:
Answer
1. Go to Firefox Profile Folder (go to about:support in Firefox then click Open folder/Show in Finder to get there)
2. Open or create the chrome folder in the Firefox Profile Folder.
3. Create a blank text file, copy and paste this code into the text file.
@-moz-document url(about:newtab)
#newtab-search-container, #newtab-search-logo { display:none !important; }
#newtab-margin-top, #newtab-search-container { display:none!important; }
4. Save it as userContent.css (using ALL FILES under the drop down menu)
5. Place the new css file into the chrome folder.

Answer 1

Fox_1923: You're not supposed to create a new chrome file but a <b>userContent.css</b> file in the <b>chrome</b> folder.
You can use mine and <b>cor-el's</b> code together in the userContent.css file to get rid of the large margin in the top along with the search box. I've used it just fine in the latest Nightly and so have others who dislike the search box.
One thing you could be doing wrong is not setting the file type to all Files and Notepad or whatever else you are using is adding an unneeded extension (for Windows, .txt = userContent.css.txt doesn't work!)
See this for clarification:
<img src="http://i.imgur.com/cZDH9vy.png" title="Hosted by imgur.com" /