/*  
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: 980px;
 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: 705px;
 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: 650px;
}
.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: 980px;
 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;
}

konunun ilk mesajındaki CSS ye göre genişlik 980px olarak yani 1024x768 çözünürlükte olan bir ekranda ekranı dolduracak şekilde. CSS güncelledikten sonra sorun çıkarsa belirtirsin.

Genişlik değerleri ile görüntü bozulmuyor aslında. Temanın images dizininde content-bg.gif ve header-bg.jpg bu resimlerin genişlikleri temanın orjinal genişliği ile ölçülü o yüzden bozuk gözüküyor ama div olarak kayma vs. yok. Localde bende düzenliyorum kendi sitem için bu temayı. Sorunsuz olarak çalışıyor, senin için düzenlenen CSS'yi de test ettim. Grafikleri düzenlersen istediğin görüntüyü çıkara bilirsin.