Radio button/selection alignment

I cant seem to get the area of selection to match the radio button..
Where am I off?

[
label + span,
input + span
{
margin-top: 20px;
}

span > input[type=radio],
span > input[type=checkbox]
{
padding: 0;
margin: 30;
height: 60px;
width: 30px;
float: left;
position: absolute;
left: 0;
opacity: 0;
cursor: pointer;
}

span > label
{
line-height: 60px;
padding: 0 0 0 60px;
cursor: pointer;
}

span:not(#foo) > input:hover + label,
span:not(#foo) > input + label:hover
{
color: #074C92;

}

span:not(#foo) > input + label{
height: 30px;
}
]