chillitheking Hi
I think you should add custom css into the custom css section of Joomla template you're using so that it will not be affected when you update new version for JomSocial or template.
For example, our JoomlArt's templates offer file: /css/custom.css which will keep your custom css code. I think other templates support it too.
Regards