Wordpress CSS Help

[Caio]

Hey, i'm new to coding Wordpress themes. I was needing some help with widget areas. In the container div (code below) i want to be able to add a div to be inside that one for the widget area to the farthest right possible in the div. Please Help

/* 
Theme Name: Headlines 
Theme URI: http://www.applemonster.co/ 
Description: Default Apple Monster Template. 
Author: Caio DosAnjos 
Author URI: http://applemonster.co/
Version: 1.0 
. 
Copyright, do not copy under penalty of law
. 
*/

body {
	line-height: 1;
	background:#EEE;
	margin:0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font: 1.8em Arial, Helvetica, sans-serif;
}

code {
font: 1.8em "Courier New", mono;
}

/* =Menu
-------------------------------------------------------------- */
#menu {
	background: #333;
	height: 2.5em; 
}

#menu-content {
	font-size: 0.857em;
	margin-left: auto;
        margin-right: auto;
	width: 60.188em;
}

#menu-content a:link {
color:#EEE;
text-decoration:none;
}
  
#menu-content a:visited {
color:#EEE;
text-decoration:none;
}  

#menu-content a:hover {
color:#000;
text-decoration:none;
}
 
#menu-content a:active {
color:#000;
text-decoration:none;
}

#menu-content ul{
list-style: none;
padding: 0;
margin: 0;
}

#menu-content li{
float: left;
margin: 0;
}

/* =Content
-------------------------------------------------------------- */
#content {
	background: #FFF;
	font-size: 0.857em;
	margin-top: 1.25em;
	margin-left: auto;
    margin-right: auto;
	width: 60.188em;
}

#content a:link {
color:#0cf;
text-decoration:none;
}
  
#content a:visited {
color:#5E5E5E;
text-decoration:none;
}  

#content a:hover {
color:#EEE;
text-decoration:none;
}
 
#content a:active {
color:#0cf;
text-decoration:none;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	border-top:0.313em solid #DDD;
	background: #333;
	margin-top: 1.25em;
}

#footer-content {
	font-size: 0.625em;
	margin-left: auto;
    margin-right: auto;
	width: 60.188em;
}

#footer-content a:link {
color:#EEE;
text-decoration:none;
}
  
#footer-content a:visited {
color:#EEE;
text-decoration:none;
}  

#footer-content a:hover {
color:#FFF;
text-decoration:none;
}
 
#footer-content a:active {
color:#FFF;
text-decoration:none;
}

/* =Align
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: none;
    border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

also if i have errors, please pint them out

[Monclee]

Do you have a link? so i can check it,