<?php get_header(); ?>

	<div class="content">
    	<div class="slider-container sub-page">
        	<div class="sub-page-header-image-container">
            	<?php 
					if ( has_post_thumbnail() ) {
						the_post_thumbnail();
					}
				?>
                <img src="<?php bloginfo('template_directory');?>/images/sub-page-header-image.jpg" />
            </div>
            <div class="slider-overlay-container">
                <div class="positioned-container middle-vertical-align">
                    <h1>BLOG</h1>
                </div>
            </div>
        </div>
        <div class="styling-content">
            <div id="content-left">
        		<?php if( have_posts() ) : ?>
                <?php while( have_posts() ) : the_post(); ?>
                
                    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                        <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
                        <div class="post-meta">
                            Posted in <?php the_category(', ') ?> - <?php echo hosek_postdate_link(); ?> - <?php comments_number('No comment', '1 comment', '% comments'); ?>
                        </div>
                        <?php the_content('Read more...'); ?>
                    </div>
                    
                    <div class="clear post-spt"></div>
                    
                <?php endwhile; ?>
                
                <div class="page-nav">
                    <span class="older"><?php next_posts_link('&laquo; Previous Articles') ?></span>
                    <span class="newer"><?php previous_posts_link('Next Articles &raquo;') ?></span>
                    <div class="clear"></div>
                </div><!-- end .page-nav -->
            
                <?php else : ?>
                
                <h1>No posts found</h1>
                
                <?php endif; ?>
                
            </div><!-- .end content-left -->
        </div>
    </div>	

<?php get_footer(); ?>