CSS coding not working :( ?

Hi(“,)Guys!
I’m new here and I’ve been studying wordpress theme designing and developing for a couple of weeks now. Though I still have lot of things to learn. I already finished my first theme design, sliced it and it has xhtml codes already. I also started CSS coding but it seems it’s not working 🙁 .My designed theme should appear and some other styles should also have appear. All of my CSS coding is not working. Please, help me guys.

Here’s my CSS:

/*
Theme Name: blue
Theme URI: the-theme’s-homepage
Description: my firt theme design
Author: Jam Castro
Author URI: your-URI
Version: 1.0

General comments/License Statement if any.
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
color: #000000;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

a:link, a:visited{
text-decoration: underline;
color: #336699;
}

a:hover{
text-decoration: none;
color: #ff0000;
}

p{
padding: 10px 0 0 0;
}

#wrapper{
margin: 0 auto 0 auto;
width: 1024px;
text-align: left;
}

#blog-01 {
position:absolute;
left:0px;
top:0px;
width:32px;
height:768px;
background:url(images/blog_01.jpg);
}

#header {
position:absolute;
left:32px;
top:0px;
width:669px;
height:120px;
background:url(images/header.jpg);
}

#blog-03 {
position:absolute;
left:701px;
top:0px;
width:291px;
height:71px;
background:url(images/blog_03.jpg);
}

#blog-04 {
position:absolute;
left:992px;
top:0px;
width:32px;
height:768px;
background:url(images/blog_04.jpg);
}

#searchbox {
position:absolute;
left:701px;
top:71px;
width:206px;
height:49px;
background:url(images/searchbox.jpg);
}

#magnifyingglass {
position:absolute;
left:907px;
top:71px;
width:29px;
height:49px;
background:url(images/magnifyingglass.jpg);
}

#blog-07 {
position:absolute;
left:936px;
top:71px;
width:56px;
height:49px;
background:url(images/blog_07.jpg);
}

#menu {
position:absolute;
left:32px;
top:120px;
width:960px;
height:35px;
background:url(images/menu.jpg);
}

#left-col {
position:absolute;
left:32px;
top:155px;
width:180px;
height:485px;
background:url(images/left-col.jpg);
}

#featured {
position:absolute;
left:212px;
top:155px;
width:360px;
height:185px;
background:url(images/featured.jpg);
}

#about-box {
position:absolute;
left:572px;
top:155px;
width:251px;
height:185px;
background:url(images/about-box.jpg);
}

#sidebar {
position:absolute;
left:823px;
top:155px;
width:169px;
height:485px;
display: inline;
background:url(images/sidebar.jpg);
}

#container {
position:absolute;
left:212px;
top:340px;
width:611px;
height:300px;
background:url(images/post-box.jpg);
}

.post{
padding: 10px 0 10px 0;
}

.post h2{
font-family: Georgia, Sans-serif;
font-size: 18px;
}

.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

#footer {
position:absolute;
left:32px;
top:640px;
width:960px;
height:128px;
background:url(images/footer.jpg);
}

Here’s my XHTML:

<?php get_header(); ?>

<div id=”container”>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<h2>“title=”<?php the_title(); ?>”><?php the_title(); ?></h2>

<div class=”post” id=”post-<?php the_ID(); ?>”>

<div class=”entry”>

<?php the_content(); ?>

<p class=”postmetadata”>
<?php _e(‘Filed under:’); ?> <?php the_category(‘, ‘) ?> <?php _e(‘by’); ?> <?php the_author(); ?>
<?php comments_popup_link(‘No Comments »’, ‘1 Comment »’, ‘% Comments »’); ?> <?php edit_post_link(‘Edit’, ‘ | ‘, ”); ?>
</p>

</div> <!– entry div end –>

</div> <!– post div end –>

<?php endwhile; ?>

<div class=”navigation”>
<?php posts_nav_link(); ?>
</div>
<?php else : ?>

<div class=”post” id=”post-<?php the_ID(); ?>”>
<h2><?php _e(‘Not Found’); ?></h2>
</div>

<?php endif; ?>

</div> <!– container div end –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

</body>

</div> <!– wrapper div end –>

</html>