perfil horizontal

/**** CSS ****/

.caja-perfil {
  height: 230px;
  width: 630px;
  position: relative;
}

.usuario-p {
  width: 180px;
  text-align: center;
  bottom: 140px;
  font-size: 15px;
  position: absolute;
  right: 0px;
}

.rango-p {
  right: 0px;
  bottom: 70px;
  position: absolute;
}

.contacto-p {
  width: 180px;
  bottom: 40px;
  position: absolute;
  right: 0px;
}

.avatar-p {
  position: absolute;
  top: 0px;
  left: 0px;
}

.campos-p {
  position: absolute;
  left: 220px;
  font-family: calibri;
  top: 0px;
}
.campo-p {
  display: block;
  width: 210px;
  padding-bottom: 3px;
  text-align: left;
  margin-bottom: 10px;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.post {
  width: 650px;
  position: relative;
  padding: 10px;
}

.postbody {
  width: 650px;
  text-align: justify;
  margin-top: 270px;
}

.postprofile {
  width: 630px;
  background: #eee;
  float: none;
  border: none;
  position: absolute;
  height: 230px;
  padding: 10px;
  overflow: hidden;
  left: 10px;
  top: 4px;
}


/*** Esta parte va en el template viewtopic_body sustituyendo la que aparece en este pantallazo http://i.imgur.com/p4FkHjj.jpg ***/

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}"><div class="caja-perfil">
				<!-- div class="online2"></div-->
				<dl>
                                  <div class="avatar-p">{postrow.displayed.POSTER_AVATAR}</div>
						<br /><div class="usuario-p">{postrow.displayed.POSTER_NAME}</div>
					<div class="rango-p">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>

						<div class="campos-p"><!-- BEGIN profile_field -->
						<div class="campo-p">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                                                  <!-- END profile_field --></div>
						{postrow.displayed.POSTER_RPG}

					<div class="contacto-p">
						{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
					</div>
				</dl>
                          </div></div>