Aiuto posizionamento testo

Ho creato un menu' però il testo non va dove vorrei io, cioè appare sopra..

Il sito è questo:

www.habbinto.altervista.org/rap/index.php

Mentre il codice completo del css è:

codice:

body {
background-image: url(img/bg.png);
}

.top{
background-image: url(img/top.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.center{
background-image: url(img/center.png);
width: 638px;
height: auto;
margin-left: auto;
margin-right: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.bottom{
background-image: url(img/bottom.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.testo{
width: 450px;
height: 300px;
overflow: auto;
margin-left: 10px;
}

.box_img{
background-image: url(img/images.png);
width: 182px;
height: 276px;
}

.rap_stereo{
background-image: url(img/rap_stereo.gif);
width: 66px;
height: 90px;
margin-left: 460px;
}

.boh {
background-image: url(img/boh.gif);
width: 145px;
height: 70px;
margin-left: 50px;
margin-top: 30px;
}

.img_left {
background-image: url(img/img_left.jpg);
width: 355px;
height: 355px;
margin-right: 15px;
margin-top: 50px;
}

.top_menu{
background-image: url(img/top_menu.png);
width: 299px;
height: 11px;
margin-top: 35px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.center_menu{
background-image: url(img/center_menu.png);
width: 299px;
height: auto;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.bottom_menu{
background-image: url(img/bottom_menu.png);
width: 299px;
height: 11px;
filter:alpha(opacity=95);
-moz-opacity: 0.9;
opacity: 0.9;
}

.button {
background-image: url(img/button.png);
width: 288px;
height: 90px;
}

.button:hover {
background-image: url(img/buttonhover.gif);
}

.text {
font-weight: bold;
text-align: center;
color: #FFFFFF;
font-size: 50px/30px;
}

Come risolvo?

Nel .text:

.text {
font-weight: bold;
text-align: center;
color: #FFFFFF;
font-size: 50px/30px;
}

inserisci un padding-top così:

.text {
font-weight: bold;
text-align: center;
padding-top:40px;
color: #FFFFFF;
background: transparent;
}

Il text-allign serve per centrare il testo orizzontalmente.

Grazie mille risolto :D