style.css

* { margin:0; padding:0 }
header, footer, aside, button { display:block }

::-moz-selection{ background: #d7ff91; color:#000; text-shadow: none; }
::selection { background:#d7ff91; color:#000; text-shadow: none; }

body { font-family:helvetica, sans-serif; color:#444; background:#f9f9f9 }
div { margin:20px }
header { margin-bottom:30px }

form,aside { display:inline-block }
form { margin-right:40px }
aside {display:inline-block; position:relative; vertical-align:top }
aside img { position:absolute }
a { color:#666; font-size:16px }

fieldset { border:none; vertical-align:top }
aside img { -moz-box-shadow: 0px 1px 4px #555; /* FF3.5+ */
-webkit-box-shadow: 0px 1px 4px #555; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 4px #555; /* Opera 10.5, IE 9.0 */
filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555')"; /* IE8 */ }

fieldset img { position:relative; left:300px }

input[type=text] { margin:10px 0; font-size:24px;
	width:180px; padding:7px; border:1px dotted #bbb;
	outline:none;
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
input[type=text]:hover {
	-webkit-box-shadow: 0 0 2px 1px rgba(158,158,158,0.2);
	-moz-box-shadow: 0 0 2px 1px rgba(158,158,158,0.2);
	box-shadow: 0 0 2px 1px rgba(158,158,158,0.2); }

label { display:block; color:red; font-size:12px; margin:0 0 10px }

#submit { background:#8DC63F; border:1px solid #ACE84D;
	padding:10px; font-size:18px; cursor:pointer;
	display:inline-block; margin:10px 20px 0 0 }
#submit.working { background:#bbb; border-color:#ddd }

#loader { position:absolute; top:16px; margin-left:30px }

aside p, #final_url { margin-top:300px }
#final_url { font-size:14px; width:220px }
#final_url:before { content:'URL'; display:block; position:absolute; top:0; left:0 }