Profile Fields Trouble

So, I have run into a slight trouble.  I am trying to close the gaps in between the fields, but i am not really successful. So, if anyone has better knowledge of CSS. I would greatly appreciate your help. Thank you!  

What fields look like now:

Code:


.profile{background:url(http://i69.servimg.com/u/f69/14/69/73/57/f10.jpg);
  border:1px solid #000;
  border-radius:2px;
  box-shadow:0 .5px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 .5px rgba(255,255,255,0.02)
    inset, 0 .5px 1.5px rgba(0,0,0,0.9);
  color:#FFF;
  text-align:left!important;
  }

.poster-profile{
  background:none repeat scroll 0 0 #0e0e0e;
  background-attachment:scroll;
  background-clip:border-box;
  background-color:#0e0e0e;
  background-image:none;
  background-origin:padding-box;
  background-position:0 0;
  background-repeat:repeat;
  background-size:auto auto;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-left:2px solid #027BCC;
  border-right:2px solid #027BCC;
  box-shadow:0 1px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 1px rgba(255,255,255,0.02)
    inset, 0 1px 3px rgba(0,0,0,0.9);
  display:block;
  margin-left:10px;
 margin-right:10px;
  margin-top:-17px;
  padding-bottom:none;
  padding-top:10px;
  padding-bottom: 10px;
  position:relative;
 
  top:0;
  bottom: none;
  width:180px;
  z-index:99}


.postdetails{
  color:#a6a6a6;
  font-size:9px;
  padding: 10px;}



.post span.name{background:none repeat scroll 0 0 #0e0e0e;
  background-attachment:scroll;
  background-clip:border-box;
  background-color:#0e0e0e;
  background-image:none;
  background-origin:padding-box;
  background-position:0 0;
  background-repeat:repeat;
  background-size:20px;
  border-bottom:2px solid #0d0d0d;
  border-bottom-color:#0f0f0f;
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-left:2px solid #027BCC;
  border-right:2px solid #027BCC;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  box-shadow:0 1px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 1px rgba(255,255,255,0.02)
    inset, 0 1px 3px rgba(0,0,0,0.9);
  display:block;
  margin-left:10px;
  margin-right:10px;
  margin-right-value:10px;
  margin-top:16px;
  padding: none;
  text-align:center;z-index:100}


.profile_field + .profile_field +
.profile_field{text-align:left}
.postprofile1{background:url(http://i69.servimg.com/u/f69/14/69/73/57/f10.jpg);
  border:1px solid #000;
  border-radius:2px;
  width: -10px;
  box-shadow:0 .5px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 .5px rgba(255,255,255,0.02)
    inset, 0 .5px 1.5px rgba(0,0,0,0.9);
  color:#FFF;
  font-weight: none;
  margin:auto;
  padding: 20px;
  height: -5px;
  text-align:left!important;
  text-valign:center!important}


So what is the problem?

Replace this:

Code:

.postdetails{
  color:#a6a6a6;
  font-size:9px;
  padding: 10px;}

With this:

Code:

.postdetails{
  color:#a6a6a6;
  font-size:9px;
  padding: 0px 10px 0px 10px;}

Also text-valign isn't a valid property, use vertical-align instead.

Sorry,but that didn't work.

It will be difficult for me to judge what does what considering that some of these selectors seem to be applied through the templates.

Give me the exact selector and its properties used to style the profile fields.

Thanks.

Code:

.profile_field + .profile_field +
.profile_field{text-align:left}
.postprofile1{background:url(http://i69.servimg.com/u/f69/14/69/73/57/f10.jpg);
  border:1px solid #000;
  border-radius:2px;
  width: -10px;
  box-shadow:0 .5px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 .5px rgba(255,255,255,0.02)
    inset, 0 .5px 1.5px rgba(0,0,0,0.9);
  color:#FFF;
  font-weight: none;
  margin:auto;
  padding: 20px;
  height: -5px;
  text-align:left!important;
  text-valign:center!important}

I think that piece might control the profile fields. I am not sure, sorry.

Replace that with this:

Code:

.profile_field + .profile_field +
.profile_field{text-align:left}
.postprofile1{background:url(http://i69.servimg.com/u/f69/14/69/73/57/f10.jpg);
  border:1px solid #000;
  border-radius:2px;
  width: -10px;
  box-shadow:0 .5px 0 rgba(255,255,255,0.08)
    inset, 0 0 0 .5px rgba(255,255,255,0.02)
    inset, 0 .5px 1.5px rgba(0,0,0,0.9);
  color:#FFF;
  font-weight: none;
  margin:auto;
  padding: 0px 20px 0px 20px;
  height: -5px;
  text-align:left!important;
  text-valign:center!important}

it's not working still.