Sidebar dreispaltig? Bitte einmal draufgucken :-)

<div id="sidebar" style="clear: both">
<ul>
    <li>
        <h2>About this Site</h2>
        <?php bloginfo('description'); ?>
    </li>
</ul>
    
        <?php get_links_list(); ?>
<ul> 
    <li id="blog-archives">
        <h2>Archiv</h2>
        <?php wp_get_archives('type=monthly'); ?>
    </li>
</ul>


<ul>
    <li>
      <h2>itunes playlist</h2>
        <ul>
            <a href="http://www.last.fm/user/sebcra/?chartstyle=sebcra13"><img src="http://imagegen.last.fm/sebcra13/recenttracks/sebcra.gif" border="0" alt="sebcra's Profile Page" /></a>
        </ul>
    </li>




    <li>
    <h2>Flickr</h2>
    <p>
    <!-- Start of Flickr Badge -->
    <style type="text/css">
    .zg_div {margin:0px 5px 5px 0px; width:117px;}
    .zg_div_inner { color:#000000; text-align:center; font-family:arial, helvetica; font-size:11px;}
    .zg_div a, .zg_div a:hover, .zg_div a:visited {color:#94B759; background:inherit !important; text-decoration:none !important;}
    </style>
    <script type="text/javascript">
    zg_insert_badge = function() {
    var zg_bg_color = 'ffffff';
    var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=91387104%40N00';
    document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
    if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge_new.gne"    style="color:#94B759;" onclick="zg_toggleWhat(); return false;">what is this?<\/a><\/div>');
    }
    zg_toggleWhat = function() {
    document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
    document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
    return false;
    }
    </script>
    <div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
    <script type="text/javascript">zg_insert_badge();</script>
    <div id="zg_whatdiv">This is a Flickr badge showing public photos from <a href="http://www.flickr.com/photos/91387104@N00">sebcra</a>. Make your own badge <a href="http://www.flickr.com/badge_new.gne">here</a>.</div>
    <script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
    </div>
    </div>
    <!-- End of Flickr Badge -->
    </p>
    </li>
</ul>


<ul>
    <?php if ( is_home() || is_page() ) { ?>
</ul>
<ul class="subbar">


    <li id="feeds">
    <h2>XML Feeds</h2>
        <ul>
            <li><a href="<?php bloginfo('atom_url'); ?>" title="<?php bloginfo
            ('name'); ?> Atom 1.0 (XML) Feed" rel="alternate" type="application/
            atom+xml">Atom (XML) Feed</a></li>
            
            <li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php bloginfo
            ('name'); ?> RSS 2.0 (XML) Feed" rel="alternate" type="application/rss
            +xml">RSS 2.0 (XML) Feed</a></li>
            
            <li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php
            bloginfo('name'); ?> Kommentare RSS 2.0 (XML) Feed" rel="alternate"
            type="application/rss+xml">Kommentare RSS 2.0 (XML) Feed</a></li>
        </ul>
    </li>


    <li id="meta">
    <h2>Meta</h2>
        <ul>
        <?php wp_register(); ?>
        <li><?php wp_loginout(); ?></li>
        <li><a href="http://wordpress.org/" title="Powered by
        WordPress">WordPress</a></li>
        <?php wp_meta(); ?>
        </ul>
    </li>
    <?php } ?>
</ul>
</div><!-- END SIDEBAR -->

/*
Theme XYZ
*/


/* STRUCTURE & LAYOUT */
#everything {
    margin: 0 15%;
}
#header {
    margin: 0 0 20px 0;
}
#container {
    float: left;
    width: 100%;
}
.onecolumn {
    margin-right: 0;
}
.twocolumn {
    margin-right: -220px;
}
.narrowcolumn { 
    margin: 0 20px 10px 0;
}
.widecolumn {
    margin: 0 0 10px 0;
}
#sidebar {
    float: left;
    width: 800px;
}
#footer {
    clear: both;
    margin: 10px 0;
    padding: 5px;
}
.navigation {
    height: 1em;
    width: 100%;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.center, #header, #sidebar, #footer, .post-metadata {
    text-align: left;
}
.clearer {
    clear: both;
    height: 0px;
}


div#sidebar ul.subbar li {
 display: block;
 float: left;
}


div#sidebar ul.subbar li {
 width: 50%; // Oder was auch immer
}


div#sidebar ul.subbar {
  clear: both;
}


/* TYPOGRAPHY: EVERYTHING RE: FONTS */
body {
    font:Verdana;
    font-size:13px
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
#title, #description, #content  .more, #sidebar ul li h2, #content h4, #footer p {
    text-transform: uppercase;
}
#title, #description {
    letter-spacing: 3px;
    margin: 0 0 10px 0;
}


#title h1 {
    font-size: 3.5em;
    line-height: 100%;
    margin: 10px 0;
}
#description h2 {
    font-size: 1.1em;
    margin: 10px 0;
    padding: 2px 0;
}
#content h2, #content h4, .navigation, #comments h3 {
    letter-spacing: 1px;
}
#content h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    margin: 10px 0 5px 0;
}
#content h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#content  p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
}
#content blockquote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 20px;
    padding: 0 25px;
}


#content  li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#content .more {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#content h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#content code, #content pre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#postmetadata p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


.navigation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#comments h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#comments li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#comments li p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#comments .commentmetadata {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#sidebar ul li h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    font-variant:small-caps;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#sidebar ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 20px 0;
    padding: 0;
}


#sidebar li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    list-style: none;
    margin: 0;
}


#sidebar ul li ul li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#sidebar ul li ul li ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
    margin: 0 0 0 5px;
    padding: 0;
}


#sidebar ul li ul li ul li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


 #sidebar h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}


#footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 3px 0;
    text-decoration: none;
}
.search-excerpt {
    padding-left:150px;
}
/* LINK STYLES */
a {
    outline: none;
}
#header a, #header a:active, #header a:link, #header a:visited {
    background: #fff;
    color: #000;
    text-decoration: none;
}
#content h2 a, #content h2 a:active, #content h2 a:link, #content h4 a, #content h4 a:active, #content h4 a:link {
    background: transparent;
    color: #20476d;
    text-decoration: none;
}
#content .post a, #content .post a:active, #content .post a:link, .navigation a, .navigation a:active, .navigation a:link {
    background: transparent;
    color: #306aa3;
    text-decoration: none;
}
#postmetadata p a,  #postmetadata p a:active, #postmetadata p a:link, #footer a, #footer a:active, #footer a:link {
    background: transparent;
    color: #20476d;
    text-decoration: underline;
}
#sidebar a, #sidebar a:active, #sidebar a:link {
    background: transparent;
    color: #102437;
    text-decoration: none;
}
#sidebar a:visited {
    color: #475D72;
    background: #fff;
    border-bottom: none;
}
#content h2 a:visited, #content h4 a:visited, #content .post a:visited, .navigation a:visited, #postmetadata p a:visited, #footer a:visited  {
    background: transparent;
    color: #587592;
}
#header a:hover, #content h2 a:hover, #content .post a:hover, .navigation a:hover, #content h4 a:hover, #sidebar a:hover {
    background: transparent;
    color: #408dd9;
    text-decoration: underline;
}
#postmetadata p a:hover, #footer a:hover {
    background: #fff;
    color: #408dd9;
}
/* DECORATIVE ELEMENTS: BORDERS, COLOR, BACKGROUNDS, ETC. */
body {
    color: #000;
    background: #fff;
}
#description h2, #footer p {
    border-bottom: 2px solid #000;
    border-top: 1px solid #000;
}
#content blockquote {
    background: url(quote.png) no-repeat top left;
}
#postmetadata p {
    border-top: 1px solid #444;
    border-bottom: 2px solid #444;
}
#comments li {
    background: #f3f3f3;
    color: #555;
    border-top: 1px solid #aaa;
    border-bottom: 2px solid #aaa;
}
#comments li.alt {
    background: #f9f9f9;
    color: #555;
}
.search-excerpt {
    color:#666;
    background:#fff url(quote.png) no-repeat left top;
}
/* IMAGE STYLES, INCLUDING IMAGE LINKS */
#content img.alignright, #content img.alignleft, #content img.center {
    border: 1px solid #ccc;
    padding: 4px;
}
#content img.alignright {
    display: inline;
    margin: 3px 0 3px 6px;
}
#content img.alignleft {
    display: inline;
    margin: 3px 6px 3px 0;
}
#content img.center {
    display: block;
    margin: 3px auto;
}
#content a img, #content a:active img, #content a:link img, #content a:visited img {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}
#content a:hover img {
    background: #eee;
    border: 1px solid #bbb;
    color: #000;
}
#sidebar img {
    border: none;
}
/* FORM STYLES */
.formcontainer {
    font-size: 1.1em;
    font-style: italic;
    overflow: hidden;
    position: static;
    width: 99%;
}
.formright, .formleft {
    display: inline;
    float: left;
    margin: 3px 0;
    padding: 2px;
}
.formright {
    text-align: left;
    width: 75%;
}
.formleft {
    clear: both;
    text-align: right;
    width: 65px;
}
.formcontainer textarea {
    overflow: auto;
}
.formcontainer textarea, input {
    font: 0.9em/normal "courier new", courier, monospace;
    padding: 2px;
}
#author, #email, #url, #comment, #s, #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
    border: 1px solid #333;
}
#author:focus, #email:focus, #url:focus, #comment:focus, #s:focus, #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, #wpcf_msg:focus {
    border: 1px solid #306aa3;
}
#searchsubmit, #contactsubmit, #submit {
    font: 0.9em/normal arial, sans-serif;
}
#sidebar #searchform {
    margin: 0 0 10px 0;
}