Margin-top yerine "top:100;" yazabilirsiniz.
Relative positionlarda margin farklı çalışır.

.userArea{
display: block;
position: relative;
width: 500px;
height: 440px;
margin-left: auto;
margin-right: auto;
top:150px;
background-color:rgba(0,0,0,0.5);
}