wordpress tema genişletme (GlossyBlue 1.4)

selam temamı genişletmek istiyorum nasıl yaparım
tema adı GlossyBlue 1.4 css kodlarınıda vereyim anlayanlardan yardım lütfen.

/*  
Theme Name: GlossyBlue
Theme URI: http://www.ndesign-studio.com
Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.4
Author: Nick La
Author URI: http://www.ndesign-studio.com
Turkish: Altuğ Orgun
Turkish URL: http://www.aorgun.net/
 This theme was designed and built by Nick La.
 By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
*/
body {
 font: 75%/150% "Trebuchet MS", Tahoma, Arial;
 color: #333333;
 background: #FFFFFF url(images/main-bg.gif);
 margin: 0px;
 padding: 0px 0px 30px;
}
a {
 color: #CC6600;
 text-decoration: none;
}
a:visited {
 color: #CC6633;
 text-decoration: none;
}
a:hover {
 color: #FF6600;
 text-decoration: underline;
}
img {
 border: none;
}
p {
 padding: 0px 0px 15px;
 margin: 0px;
}
h1 {
 margin:0px;
 background: url(images/header-icon.gif) no-repeat;
 padding-left: 70px;
 height: 60px;
 font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
 color: #c9eefe;
}
h1 a, h1 a:visited{
 color: #c9eefe;
 text-decoration: none;
}
h1 a:hover{
 color: #ffffff;
 text-decoration: none;
}
h2 {
 color: #59770e;
 margin: 0px 0px 2px;
 border-bottom: 1px dotted #CCCCCC;
 letter-spacing: -1px;
 font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
 padding-bottom: 3px;
}
h2 a, h2 a:visited {
 color: #59770e;
 text-decoration: none;
}
h2 a:hover {
 color: #FF6600;
 text-decoration: none;
}
h3 {
 font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
 color: #758d38;
 margin: 10px 0px 5px;
}
h4 {
 font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
 color: #758d38;
 margin: 10px 0px 5px;
}
form {
 margin:0px;
 padding:0px;
}
#page {
 margin: 0px auto;
 width: 760px;
 border-bottom: 5px solid #d5e6eb;
 border-left: 5px solid #d5e6eb;
 border-right: 5px solid #d5e6eb;
 background: #FFFFFF url(images/content-bg.gif) repeat-y;
}
/* header area */
#header {
 background: #0FACEA url(images/header-bg.jpg) no-repeat;
 height: 170px;
 border-bottom: 3px solid #59780a;
 position: relative;
}
#headerimg {
 position: relative;
 padding: 30px 0px 0px 40px;
 height: 60px;
}
#headerimg .description{
 position: absolute;
 left: 110px;
 bottom: 3px;
 color: #c9eefe;
 font-size: 14px;
}
#nav {
 list-style: none;
 margin: 0px;
 position: absolute;
 right: 10px;
 bottom: 0px;
}
#nav li {
 float: left;
 margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
 color: #000000;
 text-decoration: none;
}
#nav .page_item a{
 color: #ffffff;
 text-decoration: none;
 background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;
 padding: 5px 15px;
 font: bold 14px/100% Arial, Helvetica, sans-serif;
 border-top: 1px solid #E6EED0;
 border-left: 1px solid #AFCD69;
 border-right: 1px solid #AFCD69;
 display: block;
}
#nav .page_item a:hover {
 color: #000000;
}
/* content area */
#content {
 padding: 10px 0px 30px 20px;
 float: left;
 width: 485px;
 overflow: hidden;
}
.post {
 clear:both;
 padding-top: 15px;
}
.post-date {
 width: 45px;
 height: 49px;
 float:left;
 background: url(images/date-bg.gif) no-repeat;
}
.post-month {
 font-size: 11px;
 text-transform: uppercase;
 color: #FFFFFF;
 text-align: center;
 display:block;
 line-height: 11px;
 padding-top: 2px;
 margin-left: -3px;
}
.post-day {
 font-size: 18px;
 text-transform: uppercase;
 color: #999999;
 text-align: center;
 display:block;
 line-height: 18px;
 padding-top: 7px;
 margin-left: -3px;
}
.post-title {
 float: left;
 margin-left: 10px;
 width: 430px;
}
.entry {
 clear: both;
 padding-top: 10px;
}
.post-cat {
 background: url(images/mini-category.gif) no-repeat;
 padding-left: 20px;
 float:left;
 font-size: 95%;
 color: #999999;
}
.post-comments {
 background: url(images/mini-comments.gif) no-repeat;
 padding-left: 20px;
 float: right;
 font-size: 95%;
}
.post-calendar {
 background: url(images/mini-calendar.gif) no-repeat;
 padding-left: 20px;
 float: right;
 font-size: 95%;
 color: #999999;
}
.mini-add-comment {
 background: url(images/mini-down-arrow.gif) no-repeat;
 padding-left: 18px;
 float: right;
}
.navigation {
 clear: both;
 padding: 10px 0px;
}
.navigation a, .navigation a:visited {
 color: #59770e;
}
.previous-entries a {
 float: left;
 padding-left: 18px;
 background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
 float: right;
 padding-right: 18px;
 background: url(images/mini-nav-right.gif) no-repeat right center;
}
/* comments area */
#comments, #respond {
 border-bottom: 1px dotted #CCCCCC;
 padding: 10px 0 5px 0;
 clear: both;
}
.commentlist {
 margin: 10px 0px;
 padding-left: 20px;
 line-height: 130%;
}
.commentlist li{
 padding: 5px 10px;
}
.commentlist .alt {
 background: #f1fedb;
}
.commentlist cite {
 font-weight: bold;
 font-style: normal;
 font-size: 120%;
 color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
 color: #CC6600;
}
.commentlist small {
 margin-bottom: 5px;
 display: block;
 font-size: 87%;
}
#commentform {
 margin-top: 10px;
 font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
 padding: 6px 0px;
 margin: 0px;
}
#commentform label{
 color: #787878;
 font-size: 87%;
}
#commentform input{
 width: 200px;
 background:#f1fedb;
 border: 1px solid #bdd77f;
 padding: 3px;
 margin-top: 3px;
}
#commentform textarea{
 width: 478px;
 height: 115px;
 background:#f1fedb;
 border: 1px solid #bdd77f;
 padding: 2px;
 margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
 background: #ffffff;
}
#commentform #submit{
 background: url(images/btn-bg.gif) no-repeat;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 border: none;
 float:right;
 width: 144px;
 height: 28px;
 cursor: pointer;
}
/*sidebar */
#sidebar {
 float: right;
 padding: 0px 10px 20px 0px;
 width: 220px;
 color: #666666;
 overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
 font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
 color: #758d38;
 margin: 20px 0px 2px;
 border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
 color: #495233;
 text-decoration: none;
}
#sidebar a:hover{
 color: #FF6600;
 text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
 margin: 0;
 padding: 0;
}
#sidebar ul li {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
 padding: 0;
 margin: 0;
}
#sidebar ul li ul li{
 padding: 2px 0 2px 0px;
 border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
 padding: 1px 0 1px 10px;
 border: none;
}
/*blogroll */
ul.list-blogroll li{
 background: url(images/mini-blogroll.gif) no-repeat !important;
 padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
 background: url(images/mini-category.gif) no-repeat !important;
 padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
 background: url(images/mini-monthly-archive.gif) no-repeat !important;
 padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
 background: url(images/mini-page.gif) no-repeat !important;
 padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
 background: url(images/mini-page-arrow.gif) no-repeat !important;
 padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
 background: url(images/mini-recent-comments.gif) no-repeat !important;
 padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
 padding: 1px 7px;
}
/*text widget */
.textwidget {
 padding-top: 5px;
}
/*search form */
#searchform {
 margin: 15px 0 0;
}
#searchform br {
 display: none;
}
#searchform #s {
 border:1px solid #203346;
 width: 135px;
 height: 22px;
 padding: 4px 5px 0px 5px;
 border: 1px solid #bed881;
 background: #fff;
 margin-right: 2px;
 color: #000000;
 font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
 background: url(images/search-btn-bg.gif) no-repeat;
 border: none;
 width: 67px;
 height: 26px;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 vertical-align: middle;
}
/* footer area */
#footer {
 clear: both;
 background: #048DB4 url(images/footer-bg.gif) no-repeat;
 color: #ACD7EE;
 font-size: 95%;
 line-height: 130%;
 padding-bottom: 10px;
}
#footer a, #footer a:visited {
 color: #ffffff;
}
#footer h4 {
 font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
 color: #9cdbfb;
 margin: 10px 0px 5px;
}
.footer-recent-comments {
 width: 240px;
 float: left;
 margin-left: 10px;
}
.footer-recent-comments ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.footer-recent-comments ul li {
 background: url(images/mini-footer-comments.gif) no-repeat;
 padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
 width: 240px;
 float: left;
 margin-left: 10px;
}
.footer-recent-posts strong {
 font-size: 107%;
 line-height: 135%;
 font-weight: bold;
}
.footer-recent-posts ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 font-size: 92%;
 line-height: 110%;
}
.footer-recent-posts ul li {
 background: url(images/mini-footer-post.gif) no-repeat;
 padding: 0px 0px 10px 20px;
}
.footer-about {
 width: 220px;
 float: right;
 padding-right: 10px;
 padding-left: 10px;
 background: url(images/footer-right-bg.gif) no-repeat;
}
/* credits */
#credits {
 margin: 0px auto;
 width: 760px;
 color: #7a9299;
 font-size: 85%;
 line-height: 120%;
}
#credits a, #credit a:visited {
 color: #048db4;
}
.rss {
 background: url(images/mini-rss.gif) no-repeat left center;
 padding-left: 18px;
 padding-bottom: 2px;
 margin-left: 8px;
}
.loginout {
 background: url(images/mini-loginout.gif) no-repeat left center;
 padding-left: 18px;
 padding-bottom: 2px;
 margin-left: 8px;
}
/* alignments */
.center {
 text-align: center;
}
img.center, img[align="center"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.alignleft {
 float: left;
}
img.alignleft, img[align="left"] {
 float:left;
 margin: 2px 10px 5px 0px;
}
.alignright {
 float: right;
}
img.alignright, img[align="right"] {
 float:right;
 margin: 2px 0px 5px 10px;
}
.clear {
 clear:both;
}
hr.clear {
 clear:both;
 visibility: hidden;
 margin: 0px;
 padding: 0px;
}

width değerini istediğin kadar genişletebilirsin..

900 yaptım yan menü sidebar genişledi orası aynen kalsın post alanı genişlesin istiyorum?

#content diye bir seçici olması lazım. Onu büyültebilirsin. Width değerini.

#page değerinde genişliği artırdıktan sonra bir kaç düzenleme daha gereklidir.

#content .post-title ve #credits bu 3 değerinde genişliğini #page değerine eklediğiniz genişlik kadar artırmanız durumunda görünüm bozulmadan genişlemiş olur. #content değeri sayfanın sol kısmıdır.

dediklerinizin hepsini denedim ama olmadı bozuldu sablon iyice :S

Genişlik ne kadar olacak belirtirsen CSS düzenleyip ekleyim daha kolay olur.

şunları istediğin gii düzenle:
#page {
width: 760px;
}
#sidebar {
width: 220px;
}
#header {
height: 170px;
}
#content {
width: 485px;
}

bi de post title falan var, onlar zaten bozunca anlarsın, width: diye arat temada, azar azar büyüt, neresi olduğunu anlamak istiyosan, arkaplanı cırtlak bi renk yap (yeşil kırmızı vs) ona göre düzenle, ben çok uğraşmak istemediğimde öyle yapıyorum

hocam mavi işaretli yerler sıfıra dayansın bi border gibi boşluk bırakabilirsin.

yan sidebar oldugu gibi kalsın boyutu iyi.

kırmızı ile işaretlediğim yer ise buyusun yandakı boslukları oraya ver yani mesaj alanı buyusun umarım anlatabildim

şimdiden teşekkür ediyorum.