Pagina HTML de registro com problema.

• Descrição:

Boa tarde a todos.

Acompanhando uma postagem de um amigo sobre como criar uma pagina HTML para registro http://vidadeaquarista.forumeiros.com/h4- segui os mesmo passos, porém no meu fórum aparece o logo, propaganda etc.. veja como fica http://www.universodoscanarios.com/h1-pagina-login-#axzz33VO4OxtR


Seria algum codigo que tenho no CSS que esta confrontando com este ou algo que estou fazendo errado?

O codigo que usei é este 

JavaScript(em todas paginas)
if (location.pathname === '/login') {
 location.href = '/h1-pagina-login-';
}


Pagina HTML Você deseja utilizar o início e o final da página do seu fórum ?(sim) 
Usar esta página como página inicial? (não)

<title>Painel de login</title> <meta charset="utf-8" /> <style type="text/css">
       @font-face {
         font-family: 'Sigmar One';
         font-style: normal;
         font-weight: 400;
         src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
       }
       body{
           margin: 0;
           font: 14px Lucida sans;
           background: #333 url('https://2img.net/h/oi60.tinypic.com/wttw8p.jpg') no-repeat;
           -webkit-background-size: cover;
              -moz-background-size: cover;
                -o-background-size: cover;
                   background-size: cover;
           color: #fff;
       }
       a, a:active, a:focus{
           text-decoration: none;
           color: #fafafa;
       }
       #logo{
           font: 30px 'Sigmar One';
           text-align: center;
           padding: 0;
           margin: 5em 0 0;
           text-shadow: rgba(0,0,0,1) 0 0 5px;
       }
       #wrap{
           margin: 0 auto;
           max-width: 50%;
           background: rgba(255,255,255,.3);
           border-radius: 5px;
           text-shadow: rgba(0,0,0,.5) 1px 1px 0;
           box-shadow: rgba(0,0,0,.2) 0 0 3px;
           text-align: center;
           padding: 3em 1em;
       }
       hr{
           margin: 1em;
           border: 0;
           border-top: 1px rgba(0,0,0,.2) solid;
           border-bottom: 1px rgba(255,255,255,.2) solid;
       }
       </style>
<form action="/login?">

<p id="logo">
UNIVERSO DOS CANÁRIOS
</p>

<div id="wrap">
<label for="username"> Nome: <input type="text" name="username" /> </label> <label for="password"> Senha: <input type="password" name="password" /> </label> <label for="login"> <input value="Login" type="submit" name="login" /> </label>
<hr />
<label for="sendpassword"> <a href="/profile?mode=sendpassword">Esqueci minha senha</a> </label> <label for="autologin"> <input type="checkbox" class="radio" checked="checked" tabindex="4" id="autologin" name="autologin" /> Conexão automática </label>
</div>

</form>
Para definir ao clicar em "login", adicione este JavaScript, com investimento em "todas as páginas". <strong></strong><br />

Poderiam me ajudar?

• Informações: