Blueprint Test

HTML

<link rel="stylesheet" href="http://dl.dropbox.com/u/228089/blueprint/screen.css">
<div class="container">
    
    <div id="masthead" class="span-24 last">Masthead</div>
    
    <div id="main-content" class="span-24 last">Main content</div>
    
<div id="sitemap">

    <div id="sitemap-setup" class="sitemap-category span-6">
        <h2>Setup</h2>
        <ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
        </ul>
    </div><!-- /sitemap-setup -->

    <div id="sitemap-services" class="sitemap-category span-6">
        <h2>Services</h2>
        <ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
        </ul>
    </div><!-- /sitemap-setup -->
    
    <div id="sitemap-products" class="sitemap-category span-6">
        <h2>Products</h2>
        <ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
        </ul>
    </div><!-- /sitemap-setup -->
    
    <div id="sitemap-about" class="sitemap-category span-6 last">
        <h2>About</h2>
        <ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
        </ul>
    </div><!-- /sitemap-setup -->
    
</div><!-- /sitemap -->
    
    
</div><!-- /container -->

CSS

.container {
    background: #e5e5e5;
    }

#masthead {
    background: #ccc;
    height: 100px;
    margin-bottom: 16px;
    }


#main-content {
    background: #ccc;
    height: 180px;
    margin-bottom: 16px;    
    }

#sitemap {
    background: red;
}