Adding 3 columns to Colophon Widget in WordPress Responsive theme

Hi Guys,

Can someone help me figure out how to take the content in the colophon section and separate it into the 3 horizontal sections I tried dividing into separate div tags.

I researched what the HTML might look like, but as you can probably tell it didn’t work as I hoped.

I also picked up the following code from another conversation, but I’m not having much luck using it properly… thanks in advance for the help:

#colophon-widget {

margin: 0 0 20px !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background: -webkit-linear-gradient(#585858, #3d3d3d);
color:#ffffff;
border: 0px solid #E5E5E5;
border-radius: 6px;
}
#colophon-widget .widget-wrapper {
background: none;
border: none;
float: inherit;
text-align: left;
margin: 0;
padding: 20px 20px 0;
width: 280px;

}

#colophon-widget {
background-color: none;
}
#colophon-widget .widget-wrapper {
background: none;
}

#footer a {
color: #ffffff;
}

#footer a:hover{
color: #c0c0c0;
}
.powered {
color: #FFFFFF;
}
.copyright {
color: #FFFFFF;
}