<div class="sidebarhelpwith widget">
	<div class="widgetheading">
		I need help with ...
	</div>
	<div class="guideicons">
		<a href="http://www.wpbeginner.com/start-a-wordpress-blog/" class="guideicon starting">Starting a<br>Blog</a>
		<a href="http://www.wpbeginner.com/wordpress-performance-speed/" class="guideicon speed">WordPress<br>Performance</a>
		<a href="http://www.wpbeginner.com/wordpress-security/" class="guideicon security">WordPress<br>Security</a>
		<a href="http://www.wpbeginner.com/wordpress-seo/" class="guideicon seo">WordPress<br>SEO</a>
		<a href="http://www.wpbeginner.com/common-wordpress-errors-and-how-to-fix-them/" class="guideicon errors">WordPress<br>Errors</a>
		<a href="http://www.wpbeginner.com/wp-tutorials/how-to-start-an-online-store/" class="guideicon store">Building an<br>Online Store</a>
	</div>
	<div class="guidesearch">
		<form method="get" class="searchform search-form" action="http://www.wpbeginner.com/search">
		<input value="" placeholder="Search WPBeginner..." name="q" class="s search-input" autocomplete="off" type="text">
		<button class="guide-submit"></button>
		</form>
	</div>
</div>

/* Sidebar: I need help with */
.sidebar .guideicons{}
.sidebar a.guideicon {text-align: center; display: inline-block; width: 47%; color: #666; margin: 25px 0;}
.sidebar a.guideicon:hover{text-decoration: none;}


.sidebar a.starting:before{content: "\f003"; font-family: Wpbeginner; font-size: 36px; color: #46a5ff; text-align: center; display: block; padding: 0 0 15px 5px; line-height: 20px;}

.sidebar a.speed:before{content: "\f00b"; font-family: Wpbeginner; font-size: 36px; color: #ff6200; text-align: center; display: block; padding: 0 0 15px; line-height: 20px;}

.sidebar a.security:before{content: "\f004"; font-family: Wpbeginner; font-size: 36px; color: #cf0000; text-align: center; display: block; padding: 0 0 15px; line-height: 20px;}

.sidebar a.seo:before{content: "\f018"; font-family: Wpbeginner; font-size: 36px; color: #46b000; text-align: center; display: block; padding: 0 0 15px; line-height: 20px;}

.sidebar a.errors:before{content: "\f01d"; font-family: Wpbeginner; font-size: 36px; color: #a6a6a6; text-align: center; display: block; padding: 0 0 15px; line-height: 20px;}

.sidebar a.store:before{content: "\f01e"; font-family: Wpbeginner; font-size: 36px; color: #7b36a6; text-align: center; display: block; padding: 0 0 15px; line-height: 20px;}

.sidebar .guidesearch{display: inline-block; margin: 15px 0 0;  border: 1px solid #dfdfdf;  width: 255px; }

.sidebar .guidesearch .search-input{font-size: 12px; color: #999; padding: 10px 10px; border: 0px; width: 195px;}

.sidebar .guidesearch .search-input:focus{outline: none;}

.sidebar .guide-submit{border: 0px; background: none; display: inline-block; width: 25px;}
.sidebar .guide-submit:before{content: "\f000"; font-family: Wpbeginner; font-size: 15px; color: #999;}