Would this be completed in css? (second sidebar)

I'm starting out with the Colors of Rainbow Wordpress theme, and I want to add a second sidebar to the right of the existing one. So far I have decreased the width of the first one and moved it against the content. I think I have created the second sidebar already, just can't position it next to the existing one. Here's my code, tell me what I need to do and what I need to fix, and if this is done in css at all. Note that I'm an extreme newbie, I just messed around a bit.

/*  
Theme Name: Colors of Rainbow
Description: A 2 Columns, Widget Ready theme.<br />Coded to WordPress by <a href="http://www.technroll.com/">Tech n Roll</a>
Version: 1.0
Author: Tech n Roll
*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;
}
a, a:visited {
	text-decoration: none;
	color: #039AFF;
}
a:hover {
	text-decoration: none;
	color: #65C1FF;
}
body {
	text-align: center;
	background: url('images/bgtop.gif') repeat-x left top;
	font: normal 86%/150% arial, helvetica, sans-serif;
	color: #666;
}
#header {
	height: 150px;
	overflow: hidden;
	clear: both;
}
#wrap {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
h1 {
	float: left;
	font-size: 10px;
	line-height: 10px;
	padding: 40px 0 0 40px;
	width: 182px;
}
h1 a, h1 a:visited {
	color: #000;
	display: block;
	position: relative;
}
h1 a span {
	display: block;
	width: 500px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url('images/logo.gif') no-repeat left top;
}
#des {
	font-size: 9px;
	line-height: 9px;
	clear: left;
	padding-left: 5px;
	color: #999;
}
ul {
	list-style: none outside;
}
#menu {
	float: right;
	padding: 45px 35px 0 0;
}
#menu li,
#menu li.current {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
	background: url('images/button.gif') repeat-x left top;
}
#menu li {
	background-image: none;
}
#menu li a,
#menu li a.current {
	position: relative;
	float: left;
	padding: 0 20px;
	height: 34px;
	color: #FFF;
	font: bold 12px/34px verdana,helvetica,sans-serif;
	background: url('images/buttonleft.gif') no-repeat left top;
}
#menu li a {
	color: #000;
	background-image: none;
}
#menu li a:hover {
	position: relative;
	color: #FFF;
	background: #555 url('images/buttonleft.gif') no-repeat left top;
}
#menu li a:hover span,
#menu li .current span {
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 34px;
	background: url('images/buttonright.gif') no-repeat right top;
}
#searchform {
	margin-top: 15px;
}
input#s {
	padding: 5px 5px 5px 23px;
	color: #888;
	width: 180px;
	background: url('images/magnifier.gif') no-repeat 5px 4px;
	border: 1px solid #999;
	font-size: 11px;
}
input#searchsubmit {

}
#main {
	float: left;
	clear: both;
	width: 650px;
	padding: 20px 0 50px;
}
.apost {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 30px 10px;
	background: url('images/p.gif') repeat-x left top;
}
.apost h2 {
	padding: 13px 0 0 63px;
	font: normal 20px/22px verdana;
	background: url('images/pleft.gif') no-repeat left top;
}
.apost h2 a,
.apost h2 a:visited {
	font-size: 20px;
	color: #039AFF;
}
.apost h2 a:hover {
	color: #65C1FF;
}
.ahead {
	float: right;
	width: 8px;
	height: 39px;
	background: url('images/pright.gif') no-repeat right top;
}
.date {
	text-align: center;
	float: left;
	display: inline;
	width: 42px;
	height: 49px;
	margin: 10px 0 0 15px;
	padding-top: 5px;
	color: #FFF;
	background: url('images/date.gif') no-repeat left top;
	font-weight: bold;
}
.date span {
	display: block;
	font-size: 24px;
}
.ptime,
.pauth {
	display: block;
	padding-left: 85px;
	background: url('images/comments.gif') no-repeat 65px 4px;
	font: normal 11px/20px verdana;
}
.apost p,
.apost blockquote {
	clear: both;
	padding: 10px 15px;
	text-indent: 5px;
	font: normal 12px/20px verdana;
	text-align: justify;
}
.apost blockquote {
	padding: 10px 80px;
	background: url('images/quote.gif') no-repeat 68px 22px;
	color: #999;
}
.apost #srel,
.apost #linklist,
.apost .subh {
	padding: 15px;
}
.apost ul {
	padding-left: 50px;
}
.pfoot {
	font-size: 11px;
	border-bottom: 1px solid #DDD;
	padding: 3px 10px;
	overflow: hidden;
	margin-left: 12px;
	width: 94%;
}
.pfl {
	float: left;
	padding-left: 20px;
	color: #039AFF;
	background: url('images/tag_blue.gif') no-repeat left;
}
.pfl a,
.pfl a:visited {
	color: #999;
}
.pfl a:hover {
	color: #65C1FF;
}
p.nopost {
	font: normal 15px/20px verdana;
}
.lead {
	clear:both;
	padding: 0 0 10px 25px;
}
.lead .ppre {
	float: left;
}
.lead .pnex {
	float: right;
}
#sidebar-one {
	float: left;
	width: 180px;
	padding: 0 20px 50px 0;
}
#sidebar-one h2 {
	color: #B4E229;
	font-size: 16px;
	margin: 25px 0 5px;
}
#sidebar-one ul li {
	font-size: 12px;
}
#sidebar-one ul li a {
	display: block;
	padding: 0 18px 0 8px;
	min-height: 28px;
	line-height: 28px;

	border-top: 1px solid #FFF;
	

}
* html #sidebar-one ul li a {
	height: 28px;
}
#sidebar-one ul li a:hover {
	color: #5BBEEC;
	border-top: 1px solid #FFF;
#sidebar-two {
	float: right;
	width: 180px;
	padding: 0 0 50px 20px;
}
#sidebar-two h2 {
	color: #B4E229;
	font-size: 16px;
	margin: 25px 0 5px;
}
#sidebar-two ul li {
	font-size: 12px;
}
#sidebar-two ul li a {
	display: block;
	padding: 0 18px 0 8px;
	min-height: 28px;
	line-height: 28px;

	border-top: 1px solid #FFF;
	

}
* html #sidebar-two ul li a {
	height: 28px;
}
#sidebar-two ul li a:hover {
	color: #5BBEEC;
	border-top: 1px solid #FFF;


}
.none {
	display: none;
}
#footer {
	clear: both;
	text-align: right;
	height: 60px;
	line-height: 60px;
	font-size: 13px;
}
#cmbox {
	clear: both;
	width: 600px;
	margin: 0 auto;
}
.nocomments {
	font-size: 13px;
	padding-left: 25px;
}
#commentform {
	padding: 10px 25px;
}
#commentform p {
	padding-bottom: 10px;
}
#commentform input,
#commentform textarea {
	border: 1px solid #999;
	padding: 5px 8px;
	color: #666;
}
#commentform input:focus,
#commentform textarea:focus {
	border-color: #65C1FF;
}
#commentform p#ptext {
	padding: 0;
}
#commentform p#psubmit {
	width: 380px;
	margin-top: -1.5px;
}
#commentform input#submit {
	border: none;
	padding: 0;
}
#commentform label {
	padding-left: 8px;
	font-size: 15px;
	color: #888;
}
#author,
#email,
#url,
#comment {
	width: 250px;
}
.commentlist {
	list-style: none outside;
	background: url('images/p.gif') repeat-x left top;
}
.commentlist li {
	border-bottom: 1px solid #DDD;
	padding-top: 5px;
	margin: 0 25px 15px;
}
.commentlist li p {
	padding: 15px 0 10px 0;
	clear: both;
	font-size: 13px;
	text-align:justify;
	text-indent: 5px;
}
.commentlist li em {
	font-size: 12px;
}
span.cauth {
	float: left;
	font-size: 12px;
}
span.cauth a {
	font-size: 15px;
}
span.cauth em {
	font-size: 11px;
}
span.cdate {
	float: right;
	font-size: 11px;
	color: #BBB;
}
h3#respond,
h3#comments {
	font-size: 16px;
	padding: 10px 10px 15px;
	color: #5BBEEC;
}
h3#respond {
	padding-left: 30px;
}
h3#comments {
	position: relative;
	height: 62px;
	line-height: 62px;
}
h3#comments span {
	position: absolute;
	top: 0;
	left: 0;
	width: 181px;
	height: 62px;
	background: url('images/sofar.gif') no-repeat left top;
}
.postarchive {
	clear: both;
}
h3.atitle,
h3#srel {
	padding-left: 15px;
	font-size: 16px;
}
#tof {
	float: right;
	padding-left: 22px;
	height: 20px;
	line-height: 20px;
	background: url('images/feed.png') no-repeat left 3px;
	font-size: 11px;
	color: #CCC;
}
* html #tof {
	background: url('images/feed.gif') no-repeat left 3px;
}
#tof a, #tof a:visited {
	color: #CCC;
}
#tof a:hover {
	text-decoration:underline;
}
#widgets {
	clear: both;
	padding: 20px 0 0;
	overflow: auto;
	width: 100%;
}
.widgetd {
	float: left;
	width: 275px;
	padding: 10px 20px;
}
.widgetd h2 {
	text-align: center;
	font: normal 18px/22px verdana;
	color: #039AFF;
	padding: 20px 0;
}
.widgetd li ul li {
	font-size: 12px;
	border-bottom: 1px solid #DDD;
}
.widgetd a,
.widgetd a:visited {
	color: #888;
	display: block;
	padding: 2px 10px;
	min-height: 22px;
	line-height: 22px;
}
* html .widgetd a {
	height: 22px;
}
.widgetd a:hover {
	color: #555;
	background: url('images/widget.gif') repeat-x left;
}

Code (markup):

And my site is in my sig

 

Can you PM me a link to the page you are having the issue with?

I went to you sig link and did see an issue with the google ads in the far right column BUT I don't see that you are using the sidebar-one or sidebar-two in your code.

 

set both sidebars to float left, if the container div is correctly sized they'll line up correctly.

 

floating rules!!!