index.html

    <form method="post" id="main_search" action="/search">
        <fieldset class="search">
            <input name="query" type="text" class="box" />
            <button class="search_button" title="Search Profiles">Search</button>
        </fieldset>
    </form>

style.css

fieldset.search {
  width: 35em;
  background: #222;
  border-radius: 5px;
}
.search input, .search button {
  border: none;
  float: left;
  border-radius: 3px;
}
.search input.box {
  font-size:2em;
  font-weight: bold;
  text-shadow: 0px -1px 0px #374683;
  text-shadow: 0px 2px 3px #555;
  color: #fff;
  width: 15.5em;
  height: 1.25em;
  background: #5B5A56;
  margin-right: 0.5em;
}
.search input.box:focus {
  background: #616161;
  outline: none;
}
.search button.search_button {
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  text-indent: -9999px;
  background: #18293B url("search_32.png");
}
.search button.search_button:hover {
  background: #D9351A url("search_32.png");
}