Pak Olil Search Bars

by Taqi_Shah

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			Follow Us
			<div id="DIV_4">
				<ul id="UL_5">
					<li id="LI_6">
						 <a href="http://www.facebook.com/WebAppers" id="A_7"><i id="I_8"></i></a>
					</li>
					<li id="LI_9">
						 <a href="http://twitter.com/#!/webappers" id="A_10"><i id="I_11"></i></a>
					</li>
					<li id="LI_12">
						 <a href="http://feeds2.feedburner.com/Webappers" id="A_13"><i id="I_14"></i></a>
					</li>
				</ul>
			</div>
		</div>
		<div id="DIV_15">
			<form action="http://webappers.createsend.com/t/j/s/tjhiih/" method="post" id="FORM_16">
				<input type="hidden" value="Webappers" name="uri" id="INPUT_17" />
				<input type="hidden" name="loc" value="en_US" id="INPUT_18" />
				<input type="text" name="cm-tjhiih-tjhiih" id="INPUT_19" placeholder="Your email address..." />
			</form>
		</div>
	</div>
	<div id="DIV_20">
		<div id="DIV_21">
			Search
		</div>
		<div id="DIV_22">
			<form action="/" method="get" id="FORM_23">
				<input type="text" name="s" placeholder="I'm looking for..." id="INPUT_24" />
			</form>
		</div>
	</div>
	<div id="DIV_25">
		<div id="DIV_26">
			<div id="DIV_27">
				706
			</div>Plugins
		</div>
		<div id="DIV_28">
			<ul id="UL_29">
				<li id="LI_30">
					<a href="http://www.webappers.com/category/components/ads/" id="A_31">Advertisement</a>
				</li>
				<li id="LI_32">
					<a href="http://www.webappers.com/category/components/calendar/" id="A_33">Calendar</a>
				</li>
				<li id="LI_34">
					<a href="http://www.webappers.com/category/components/capture/" id="A_35">Capture</a>
				</li>
				<li id="LI_36">
					<a href="http://www.webappers.com/category/components/charts/" id="A_37">Charts</a>
				</li>
				<li id="LI_38">
					<a href="http://www.webappers.com/category/components/instant-messaging/" id="A_39">Chat</a>
				</li>
				<li id="LI_40">
					<a href="http://www.webappers.com/category/components/demo-tour/" id="A_41">Demo Tour</a>
				</li>
				<li id="LI_42">
					<a...

CSS

#DIV_1 {
    height: 1713px;
    width: 300px;
    perspective-origin: 150px 856.5px;
    transform-origin: 150px 856.5px;
    font: normal normal normal normal 16px/normal proxima-nova, museo-sans, sans-serif;
}/*#DIV_1*/

#DIV_2, #DIV_20 {
    height: 104px;
    width: 298px;
    perspective-origin: 150px 53px;
    transform-origin: 150px 53px;
    border: 1px solid rgb(233, 233, 233);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal normal 16px/normal proxima-nova, museo-sans, sans-serif;
    margin: 0px 0px 30px;
}/*#DIV_2, #DIV_20*/

#DIV_3, #DIV_21 {
    color: rgb(72, 189, 127);
    height: 22px;
    width: 262px;
    perspective-origin: 149px 27px;
    transform-origin: 149px 27px;
    border-top: 0px none rgb(72, 189, 127);
    border-right: 0px none rgb(72, 189, 127);
    border-bottom: 2px solid rgb(72, 189, 127);
    border-left: 0px none rgb(72, 189, 127);
    font: normal normal 600 normal 18px/normal proxima-nova, museo-sans, sans-serif;
    outline: rgb(72, 189, 127) none 0px;
    padding: 18px 18px 12px;
}/*#DIV_3, #DIV_21*/

#DIV_4 {
    color: rgb(182, 182, 182);
    float: right;
    height: 22px;
    width: 91.3125px;
    perspective-origin: 45.65625px 11px;
    transform-origin: 45.65625px 11px;
    border: 0px none rgb(182, 182, 182);
    font: normal normal 600 normal 18px/normal proxima-nova, museo-sans, sans-serif;
    outline: rgb(182, 182, 182) none 0px;
}/*#DIV_4*/

#UL_5 {
    color: rgb(182, 182, 182);
    width: 91.3125px;
    perspective-origin: 45.65625px 0px;
    transform-origin: 45.65625px 0px;
    border: 0px none rgb(182, 182, 182);
    font: normal normal 600 normal 18px/normal proxima-nova, museo-sans, sans-serif;
    list-style: none outside none;
    margin: 0px;
    outline: rgb(182, 182, 182) none 0px;
    padding: 0px;
}/*#UL_5*/

#LI_6 {
    color: rgb(182, 182, 182);
    float: left;
    height: 22px;
    width: 30.4375px;
    perspective-origin: 15.21875px 11px;
    transform-origin: 15.21875px...