The problem seems to be the way you are calling these style sheets:
<!-- Libs CSS -->
<link rel="stylesheet" href="https://wordpress.stackexchange.com/questions/118808/css/bootstrap.css">
<link rel="stylesheet" href="http://wordpress.stackexchange.com/vendor/flexslider/flexslider.css" media="screen" />
<link rel="stylesheet" href="http://wordpress.stackexchange.com/vendor/fancybox/jquery.fancybox.css" media="screen" />
<!-- Theme CSS -->
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/theme.css">
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/theme-elements.css">
<!-- Current Page Styles -->
<link rel="stylesheet" href="http://wordpress.stackexchange.com/vendor/revolution-slider/css/settings.css" media="screen" />
<link rel="stylesheet" href="http://wordpress.stackexchange.com/vendor/revolution-slider/css/captions.css" media="screen" />
<link rel="stylesheet" href="http://wordpress.stackexchange.com/vendor/circle-flip-slideshow/css/component.css" media="screen" />
<!-- Custom CSS -->
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/custom.css">
<!-- Skin -->
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/skins/skin.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/bootstrap-responsive.css" />
<link rel="stylesheet" href="http://wordpress.stackexchange.com/css/theme-responsive.css" />
<!-- Favicons -->
<link rel="shortcut icon" href="http://wordpress.stackexchange.com/img/favicon.ico">
<!-- Head Libs -->
<script src="../vendor/modernizr.js"></script>
From the home page, ../
adds http://www.srougi.biz/soulfighter/
to each style sheet path.
In this single.php page, ../
adds http://www.srougi.biz/soulfighter/blog/2013/10/10/
to the style sheet path. Since the style sheets are not in that directory, they do not load.
You didn’t show the code used to produce these <link>s
, but I’ll bet you didn’t enqueue them.