CSS Issues

Hey their im new too css and having some css troubles 1 of them is how too space an object further down the page, on wordpress the next page buttons are just above the post and the post gets mixed in with the next page text

what do i need to put in their that wont affect my sidebar e.g. not </div>

here is an example link: http://www.watch-yuyuhakusho.com/yu-...usho-series-3/ as id also like a small gap between the ad and the text too, thanks for any help ^^

 

here is the code in my single post .php i want to space it out under the top add and the next page links.

<?php get_header(); ?>



	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="posts-wrap"> 



		

        

<div class="post" id="post-single">

		

		<h2 class="entry-title" id="entry-title-single"><?php the_title(); ?></h2>

<center><script type="text/javascript"><!--
google_ad_client = "pub-5914108391931224";
/* 468x60, created 1/23/09 */
google_ad_slot = "0013991338";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></canter>

			<div class="entry-content" id="entry-content-single">

				<?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>

                <?php wp_link_pages(array('before' => ''. _e('', 'blank') .'', 'after' => '', 'next_or_number' => 'number')); ?>

                	</div><!-- end .entry-content -->

			<center><script type="text/javascript"><!--
google_ad_client = "pub-5914108391931224";
/* 468x60, created 1/23/09 */
google_ad_slot = "0013991338";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></canter>	

			

			<div class="entry-meta" id="entry-meta-single">

              	<?php the_tags( __('Tags: ', 'blank'), ", ", " <br />" ) ?>

                  	

					

					

						<?php _e('This entry was posted', 'blank'); ?> <?php the_time('l, j F, Y') ?> <?php _e('at ', 'blank'); ?> <?php the_time() ?>	<br />

                                   

						<?php _e('You can follow any responses to this entry via', 'blank'); ?> <?php post_comments_feed_link('RSS'); ?>.<br />



						<?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {

							// Both Comments and Pings are open ?>

							<?php _e('You can', 'blank'); ?><a href="#respond"> <?php _e('leave a comment', 'blank'); ?></a> <?php _e('or', 'blank'); ?> <a href="<?php trackback_url(); ?>" rel="trackback"><?php _e('trackback', 'blank'); ?></a> <?php _e('from your own site', 'blank'); ?>.



						<?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {

				// Only Pings are Open ?>

							<?php _e('Comments are currently closed, but you can', 'blank'); ?> <a href="<?php trackback_url(); ?> " rel="trackback"><?php _e('trackback', 'blank'); ?></a> <?php _e('from your own site', 'blank'); ?>.



						<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {

							// Comments are open, Pings are not ?>                            

							<?php _e('You can skip to the end to leave a comment. Trackbacks are currently not allowed.', 'blank'); ?>

                            

						<?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {

							// Neither Comments, nor Pings are open ?>

							<?php _e('Both comments and trackbacks are currently closed.', 'blank'); ?>

                            

                            <?php } edit_post_link( __('Edit'), ' | ', ''); ?>

						

					</div> <!-- end .entry-meta -->

				

</div>



<div class="navigation" id="nav-single">

			<div class="nav-prev nav-prev-single"><?php previous_post_link('&laquo; %link') ?></div>

			<div class="nav-next" id="nav-next-single"><?php next_post_link('%link &raquo;') ?></div>

		</div>



<!-- end .post -->

<!-- author box -->

<div id="authorbox">

    <?php if (function_exists('get_avatar')) { echo get_avatar(get_the_author_email(), '80' ); }?>

    <div class="authortext">

       <h4>About <?php the_author_posts_link(); ?></h4>

       <p><?php the_author_description(); ?></p>

    </div>

</div>

<!-- end author box -->

	<?php comments_template('', true); ?>



	<?php endwhile; else: ?>



		<?php _e('Sorry, no posts matched your criteria', 'blank'); ?>.



<?php endif; ?>

 </div><!-- end .posts-wrap -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Code (markup):

 

Add this to the very bottom of your CSS file (so that it overrides previous declerations):

.nav-next, .nav-prev { width: 30%; padding-bottom: 50px; }
.entry-content { clear:both; }

Code (markup):

50px is the gap you want between the titles and the navigation
30% is the width of the navigation
change them as appropriate.