<link rel="stylesheet" href="../stylesheets/easy.css" media="screen" /> <script type="text/javascript" src="../javascripts/jquery.js"></script> <script type="text/javascript" src="../javascripts/easy.js"></script> <script type="text/javascript" src="../javascripts/application.js"></script> <style> /* COPY START HERE */ form#searchForm{ margin:0; padding:1em 10px; background:#f1f1f1; float:left; position:absolute; top:2em; right:0; } #searchForm .field{ border:1px solid #999; padding:5px; width:150px; float:left; } #searchForm button{ display:inline; float:left; background:#ccc; /* place search icon here */ height:26px; width:26px; margin-left:5px; } /* COPY END HERE */ </style> <div id="container"> <div class="main"> <!-- COPY START HERE --> <form id="searchForm" action="/" method="post"> <label for="keyword">Search</label> <input type="text" name="keyword" id="keyword" size="30" class="field label" /> <button type="submit" class="graphic">Go</button> </form> <!-- COPY END HERE --> </div> </div>