Finding vertical vs perpendicular distance for moments

[phospho]

The underlined red part: I don't particularly understand where they got this from?
The yellow highlight: Why are they finding the vertical distance, instead of the perpendicular distance?

 

[voko]

The underlined red part follows from the definition of moment about a point. In the yellow part, what would the "perpendicular" distance be?