In style.css, you would just switch the width and position of the #hottags div and the #discussions div. Instead of what is in style.css now, you would have something like this:
#front-page #hottags {
margin-left: 610px;
width: 150px;
overflow: hidden;
}
#front-page #discussions {
position: absolute;
top: 0;
left: 0;
width: 590px;
}
That’s untested, but that’s basically the procedure. You’re just moving the tags right and the discussions left. You could do it with floats as well but it’s not done like that now.
thanks you chrishajer for your quick reply. The CSS code above really did what I wanted to do but the footer moves up after changing the code (don’t worry I backed up the original style.css . Here’s the CSS code for the footer
#footer {
font-family: Georgia;
font-style: italic;
border-top: 1px solid #ccc;
margin: auto;
color: #666;
font-size: 1.0em;
padding-top: 10px;
clear: both;
text-align: right;
width: 760px;
}
Please help if you can