Como aumentar a caixa de pesquisa ao clicar nela??

Qual é minha questão:
Bem... eu queria saber como faço pra quando clicar na caixa de pesquisa debaixo do menu, aumentar o tamanho (aqui no forum tem)...........

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://rmbr.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá!
Aceda sua "Folha de Estilo CSS".

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:

#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:18px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
#search #keywords:focus{width:300px}#search #keywords{-moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
#search-box input.button2 {
font-size: 11px !important;
}
#search-box {
  margin-top:-40px;
}

e Valide!

Passar bem!

vlw e.e