<?php get_header();?>
            <div id="main">
            	<div id="mainContent">
					<div class="singlePost">
                    	<?php if(have_posts()) : while(have_posts()) : the_post('');?>
                    	<div class="article mainBorder">
                        	<div class="articleDetails">
                            	<div class="articleTitle">
                                     <a href="<?php the_permalink();?>"><h1><?php the_title(); ?></h1></a>
                                </div><!--End articleTitle-->
                                <div class="articleMeta">
                                   <ul>
                                        <li class="postAuthor"><?php the_author(); ?></li>
                                        <li class="postDate"><?php the_time('F d, Y'); ?></li>
                                        <li class="postCat"><?php the_category(', ') ?></li>
                                        <li class="postComments"><?php comments_popup_link(__('<span class="icon"></span> 0 Comments', 'lioit'), __('<span class="icon"></span> 1 Comment', 'lioit'), __('<span class="icon"></span> % Comments', 'lioit')); ?></li>
                                       
                                    </ul><!--End Post Meta-->
                                    
                                </div><!--End articleMeta-->
                            </div><!--End Article Details-->
                            <div class="articleContent">
                            	<div class="articlePostThumb">
                                    <a href="<?php the_permalink();?>"><?php the_post_thumbnail(); ?></a>
                                </div><!--End LatestPostThumb-->
                            	<?php the_excerpt();?> 
                            </div><!--End ArticleContent-->
                            <div class="articleBtm">
                            	<div class="articleBtmShare">
                                	<div class="PostSocial">
                                    <div class="postSocialContent">
                                      <p><div id="fb-root"></div><p>
                                      <p><script src="http://connect.facebook.net/en_US/all.js#appId=193109300735690&amp;xfbml=1"></script>
                                      <fb:like href="<?php the_permalink(); ?>" send="false" layout="button_count" width="90" show_faces="false" font=""></fb:like></p>
                                      <p><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="<?php echo of_get_option('twitter_name'); ?>" data-related="SalahElimam:Freelancer Web Designer">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></p>
                                       <p><script type="text/javascript">
                                    (function() {
                                    var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
                                    s.type = 'text/javascript';
                                    s.async = true;
                                    s.src = 'http://widgets.digg.com/buttons.js';
                                    s1.parentNode.insertBefore(s, s1);
                                    })();
                                    </script>
                                    <a style="" class="DiggThisButton DiggCompact"></a>
                                      </p>
                                      <p>
                                    <g:plusone size="medium" annotation="none"></g:plusone>
                                    <script type="text/javascript">
                                      window.___gcfg = {lang: 'ar'};
                                      (function() {
                                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                        po.src = 'https://apis.google.com/js/plusone.js';
                                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                      })();
                                    </script>
                                      </p>
                                    </div>
                                    </div>	
                                </div><!--End Share-->
                                <div class="articleReadMore">
                                	<a href="<?php the_permalink();?>"><?php _e('Read More' , 'lioit' ) ?></a>
                                </div><!--End More-->
                            </div><!--End Article Bottom-->
                        </div><!--End article-->
                        <?php endwhile; ?>
						<?php  else:  ?>
                        <?php  endif; ?>
                        <?php lio_pagination(); ?>
                    </div><!--End ContentBox-->
                </div><!--End Main Content-->
                <?php get_sidebar();?>
            </div><!--End Main-->
            <?php require Lioit_TM . '/lio.php';?>
        </div><!--End Content-->
<?php get_footer();?>
