Hey!
Ich habe einen Wordpress Blog mit dem Design Trendy, also das hier: WordPress Deutschland Themepool » Trendy
Auf dem Screen sieht man dass der Inhalt zentriert ist und links und rechts viel Abstand vom Bildschirmrand da ist (die schwarzen Streifen).
Diese schwarzen Streifen will ich kleiner machen, damit der Inhalt mehr Platz hat (also breiter wird).

Ich weiß dass ich das in der CSS Datei ändern muss. Hab auch schon bisschen probiert aber habs noch nicht geschafft :/

Kann mir vielleicht jemand helfen?
Die gesamte Seite ist im div Container "container".
Die CSS Datei:

Code:
/*
Theme Name: Trendy
Theme URI: http://benediktrb.de
Description: Trendy von <a href="http://benediktrb.de">Benedikt</a>
Version: 1.0
Author: Benedikt Rieke-Benninghaus
*/

/* ------------------------------------------------------------------------------- Definitions */

* {margin: 0; padding: 0; border: none; outline:none;}

body { 
	margin: 0;
	padding: 0;
	background: #121212 url(images/background.gif) repeat-x top left;
	font-family: "Arial", Lucida Grande, Verdana, Helvetica, sans-serif;
	font-size: 80%;
 	color: #FFFFFF;
	text-align: left;
}


h1,h2,h3,h4,h5,h6 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	padding:0;
 	margin:0;
 	color:#F5F5F5;
}

a:link, a:visited { color: #6D9212; text-decoration: none;}

a:hover, a:active {color: #A4D03B; text-decoration: underline;}

.nodisplay {left: -5000px; position: absolute;}

p, ul, ol {line-height: 23px;}

ol, ul {list-style-type: square; padding:5px 0 0 20px}


/* -------------------------------------------------------------------------------- Containerproperties */
#container {
	background:transparent;
	margin:0 auto;
	padding:0;
	width:768px;
}

#header {
	background: #1E1E1E url(images/logo.gif) no-repeat top center;
	height: 143px;
        width:768px;
	margin: 0; padding: 0;
}

#menu {
        width:768px;
        height:50px;
	background: #1E1E1E url(images/button_bg.gif) no-repeat top center;
	text-align: left;
}

#buttons {
        width:768px;
        height:29px;
	background: #1E1E1E url(images/u_head.gif) no-repeat top center;
	text-align: right;
}

#content {
        background: transparent url(images/corner.jpg) no-repeat top left;
   	float: left;
   	width: 500px;
        padding:15px;
}

#navigation {
   	float: right;
	margin: 8px 8px 8px 0px;
	padding: 10px;
   	width: 200px;
	line-height: 1.5em;
	display: inline;
}

#footer {
	background: #1E1E1E url(images/footer.jpg) no-repeat top center;
	height: 45px;
        width:768px;
	margin: 0; padding: 0;
}


/* ------------------------------------------------------------------------------------------- Header */

#header h1 {
        color:#fff;
        float:left;
	margin: 36px 0 0 70px;
        padding: 0;
	clear:right;
	font-size:2.5em;
}

#header h1 a, #header h1 a:hover {
        color:#fff;
        text-decoration:none;
}

#menu ul {
        font-weight:bold;
	padding: 8px 0 0 50px;
}
#menu li {
        padding: 0 10px 0 5px;
	display: inline;
}
#menu li a {
	color: #B8D518;
}
#menu li a:hover {
	border-top:3px solid #C6E51E;
        text-decoration: none;
	color: #D3F519;
}

#buttons ul {
        font-size:11px;
        font-weight:bold;
	padding: 2px 10px 0 0;
}
#buttons li {
	background: transparent url(images/rss.gif) no-repeat 0px 50%;
        padding: 0 10px 0 20px;
	display: inline;
}
#buttons li a {
	color: #fff;
}
#buttons li a:hover {
        text-decoration: none;
	color: #EFEFEF;
}

/* ------------------------------------------------------------------------------------- right Sidebar */


#navigation h2 {
	margin: 5px 0 8px 0;
	padding: 0 0 4px 0;
	color: #F5F5F5;
	font-size: 20px;
	border-bottom: 2px solid #A7D23F;
}

#navigation ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0
	display: inline;
}

#navigation li {
	list-style: none;
}

#navigation ul li a {
	margin: 0;
	padding: 4px 0 4px 30px;
	background:transparent url(images/bull.gif) no-repeat 10px 50%;
	display: block;
	color: #fff;
	text-decoration: none;
}


#navigation ul li a:hover {
	background:#1A1A1A url(images/bull_h.gif) no-repeat 10px 50%;
	color: #fff;
}

#navigation .box {
	margin:10px 0 10px 0;
	padding:8px;
	background: transparent url(images/navi.gif) no-repeat top left;
}

/* --------------------------------------------------------------------------------------- Content Area */

.article {
	margin: 25px 0 0 0;
        padding:15px;
} 

.headline {
        clear:both;
}

.article h2 {
        float:left;
	margin: 0 0 10px 0;
	font-size: 22px;
        border-bottom:1px dotted #fff;
}


.article h2 a:link, 
.article h2 a:visited {
        color:#F5F5F5;
	padding: 4px;
	text-decoration: none;
}

.article h2 a:hover, 
.article h2 a:active {
	color: #E6E6E6;
	padding: 4px;
}

.comments {
        float:right;
        text-align:left;
        font-weight:bold;
	padding: 4px 4px 4px 33px;
	background: transparent url(images/comments.gif) no-repeat 5px 50%;
}

#content .postmetadata, 
#content .thecontent {
	margin: 15px 0 0 0;
}

#content .postmetadata {
	background: #121212 url(images/postmeta.gif) no-repeat top left;
   	float: left;
   	width: 485px;
        height:44px; 
        margin:10px 0 15px 0;
}
#content .postmetadata p{
        color:#000;
        font-size:11px;
        font-weight:bold;
        padding:10px;
}

#content .postmetadata p a{
        color:#000;
}
#content .postmetadata p a:hover{
        color:#3D4141;
}

#content blockquote {
	background: #121212 url(images/quote.gif) no-repeat top left;
   	padding: 0 0 0 45px;
   	margin: 5px 5px 5px 20px;
        min-height:40px;
}

#content code {
	background: #121212 url(images/code.gif) no-repeat top left;
   	padding: 0 0 0 20px;
   	margin: 5px 5px 5px 20px;
        min-height:40px;
}

.searcherg {
   	padding: 5px;
   	margin: 5px 5px 5px 20px;
   	border-left: 4px solid #84A439;
}

/* ----------------------------------------------------------------------------------------- Content Icons */

.goon {
	background: transparent url(images/link.gif) no-repeat 0px 50%;
        padding:0 0 0 15px;
	font-weight: bold;
}

.thecontent {
        clear:both;
	margin: 15px 0 0 0;
}

.thecontent p{
	margin: 10px 0 0 0;
}

/* ------------------------------------------------------------------------------------- Comment Area */

.comment {
	margin: 40px 0 0 0;
}

.comment h3 {
        color:#fff;
	padding: 10px;
	font-size: 20px;
}

.comment h4 {
        color:#fff;
	margin: 15px 0 10px 0;
	padding: 0 0 0 5px;
	font-size: 20px;
}

.service {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #1A1F28;
	font-weight: bold;
}

.comment input,textarea {
   	margin: 2px;
   	padding: 4px;
   	background: #2F2F2F;
   	color: #BFBFBF;
   	border: 2px solid #252525;
}

.comment textarea {
   	width: 80%;
   	height: 150px;
}

.comment input:focus,
.comment textarea: focus {
   	background: #141414;
}

.comment input[type=submit] {
   	font-weight: bold;
}

.comment ol.commentlist {
   	margin: 5px;
   	padding: 10px;
   	list-style-type: none;
}

.comment ol.commentlist li {
   	margin: 7px;
   	padding: 10px;
}

.kommentar {
	padding: 4px 0 2px 6px;
	margin: 5px 0 5px 5px;
}

.gravatar {
	max-width: 50px;
	max-height: 50px;
}

/* ------------------------------------------------------------------------------------------------ Footer */

#footer p { 
        padding:12px;
	font-size: 12px;
	text-align: left;
	color: #fff;
}


/* ------------------------------------------------------------------------------------------------------- */