<a href="http://www.htmlkodlaryagmuru.tr.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.tr.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.tr.gg" target="_blank">HtmlKodMerkezi</a><div id="header">  <h1>WwW.HTMLKODLARYAGMURU.TR.GG</h1>  <p> HTMLKODMERKEZİ</p> </div> <!-- end header --> <!-- start page --> <div id="wrapper">  <div id="page">     <!-- start content -->     <div id="content"> <h3><a href="#" _fcksavedurl="#">Sitemize HoşGeLdiniz.</a></h3>

<a href="http://www.htmlkodlaryagmuru.tr.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.tr.gg" target="_blank">Css Merkez.</a><div id="container">

  <div id="header">
    <h1><a href="http://www.htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></h1>
    <h2>Css Tasarim Hakkında Herşey Burada...</h2>
   
    <ul id="mainMenu">
     <li><a href="#">Home</a></li>
        <li><a href="#">İletişim</a></li>
        <li><a href="#">LinkLer</a></li>
        <li><a href="#">Defter</a></li>
        <li><a href="#">Arşiv</a></li>
        <li><a href="#">ToPList</a></li>
        <li><span>Arama :</span></li>
        <li class="formList"><form action="cgi-bin/void.cgi"><input type="hidden" name="PHPSESSID" value="eac6d41c1a6c67680f799bdf89ff9ce4" />
        <div class="c1"><div class="c2"><div class="c3"><div class="c4">
        <input type="text" name="search" size="10" class="searchBox" />
        <button type="submit" class="goButton"><span>Ara =></span></button>
        </div></div></div></div>
        </form></li>
    </ul>
  </div><!-- end #header -->
 
  <div id="mainContent">
 
    <div class="blog">
   
      <h2 class="blogTitle"><a href="http://www.htmlkodlaryagmuru.tr.gg">Her TürLü Css Tasarim Burada...</a></h2>
      <h3 class="meta"><a href="#">Css MeRKeZ</a> Css Tasarimda Bir Numara <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a>, <a href="#">Css MeRKeZ</a>, <a href="#">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a></h3>
     

</div><!-- end .blog -->

      <h2 class="boxDesc">Arşiv:</h2>
     
      <div class="c1"><div class="c2"><div class="c3"><div class="c4">
      <ul>
       <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
       <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ7</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="#">Jun 2007</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
      </ul>
      </div></div></div></div>
     
      <h2 class="boxDesc">Kategori:</h2>
     
      <div class="c1"><div class="c2"><div class="c3"><div class="c4">
      <ul><!--  -->
       <!-- This typically hapens at the end of lines. -->
        <li><a href="http://www.
htmlkodlaryagmuru">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
        <li><a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a></li>
      </ul>
      </div></div></div></div>
     
      <br class="clear" />
         
 </div><!-- end #mainContent -->
   
  <div id="footer">
    <p>Copyright © 2009, WwW.HtmlKodlarYagmuru.tR.gg <img src="http://www.opendesigns.org/designs/1657/images/bullet_w.gif" alt="" class="bullet" /> Design by <a href="http://www.
htmlkodlaryagmuru.tr.gg">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="http://www.site-mekani.tr.gg">Site Mekani</a></p>
  </div><!-- end #footer -->
 
</div>

 h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* {
 margin: 0;
 padding: 0;
}

body {
 font: 13px Georgia, "Times New Roman", Times, serif;
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-header.jpg) top center no-repeat #870010;
 text-align: center;
 color: #FFF;
}

/**** GENERAL STYLES ****/

a {
 color: #F47D1F;
 text-decoration: none;
}

a:hover {
 color: #FFCFB3;
}

p {
 line-height: 1.4em;
 text-align: justify;
 padding: 10px 0 0 0;
}

#mainContent ul,
#mainContent ol {
 margin-left: 40px;
 line-height: 1.8em;
 padding: 10px 0 0 0;
}

#mainContent ul {
 list-style: url(https://img.webme.com/pic/c/css-merkez/css-5-bullet_o.gif);
}

blockquote {
 border-left: 4px solid #B21;
 color: #FFCFB3;
 margin: 10px 40px 0 40px;
 line-height: 1.8em;
 padding: 0 10px 10px 10px;
}

blockquote:first-line {
 font-size: 20px;
 font-style: italic;
 line-height: 1.4em;
}

code {
 border-bottom: 1px dotted #B21;
 color: #FFCFB3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: normal;
 font-variant: small-caps;
 line-height: 1.5em;
}

h1 {
 font-size: 26px;
}

h2 {
 font-size: 22px;
}

h3 {
 font-size: 18px;
}

h4 {
 font-size: 16px;
}

h5 {
 font-size: 14px;
}

h6 {
 font-size: 12px;
}

/**** GENERAL LAYOUT ****/

#container {
 width: 868px;
 margin: 0 auto;
 text-align: left;
}

#header {
 height: 520px;
 padding: 0 10px 0 20px;
}

#mainContent {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-footer.jpg) bottom center no-repeat;
}

/**** HEADER STYLES ****/

#header h1 {
 float: left;
 font-size: 72px;
 font-weight: normal;
 font-variant: normal;
 line-height: 1.2em;
 padding-top: 10px;
}

#header h1 a {
 color: #FFF;
}

#header h1 a:hover {
 color: #FFCFB3;
}

#header h2 {
 float: left;
 font-size: 16px;
 font-weight: normal;
 font-style: italic;
 font-variant: normal;
 line-height: 1.2em;
 padding: 35px 0 0 10px;
}

/**** MAIN MENU LAYOUT and STYLES ****/

#mainMenu {
 color: #FFCFB3;
 float: right;
 font-size: 30px;
 line-height: 1.5em;
 list-style: none;
 margin-left: -35px;
 position: relative;
}

#mainMenu a {
 color: #FFF;
}

#mainMenu a:hover {
 background: #FFCFB3;
 color: #870010;
}

#mainMenu a,
#mainMenu span {
 padding: 0 5px;
}

/**** BLOG LAYOUT and STYLES ****/

.blog {
 padding-bottom: 40px;
}

.blog h2.blogTitle {
 font-size: 28px;
 font-weight: normal;
 font-variant: normal;
 line-height: 18px;
 position: relative;
 z-index: 1;
}

.blog h3.meta {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-blog_meta.jpg) no-repeat;
 color: #FFCFB3;
 font-size: 13px;
 font-weight: normal;
 font-variant: normal;
 height: 36px;
 line-height: 36px;
 padding: 0 10px 0 15px;
 position: relative;
 z-index: 0;
}

* html .blog h3.meta {
 padding-top: 10px;
}

.blog h2.blogTitle a {
 color: #FFF;
}

.blog h2.blogTitle a:hover {
 color: #FFCFB3;
}

.blog h3.meta a {
 color: #FFCFB3;
}

.blog h3.meta a:hover {
 color: #FFF;
}

img.bullet {
 padding: 0 4px;
}

/**** ROUNDED CORNER BOX STYLES ****/

.c1 {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-c1.gif) top left no-repeat #EC691F;
 margin: 0 0 40px 0;
}

.c2 {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-c2.gif) top right no-repeat;
}

.c3 {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-c3.gif) bottom left no-repeat;
}

.c4 {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-c4.gif) bottom right no-repeat;
}

#mainContent .c4 p,
#mainContent .c4 ul {
 padding: 0 20px;
 line-height: 36px;
 margin-left: 0;
}

/**** ROUNDED CORNER BOTTOM BOX STYLES ****/

.c4 li {
 display: inline;
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif) center right no-repeat;
}

.c4 li a {
 color: #FFCFB3;
 margin-right: 11px;
 white-space: nowrap;
}

.c4 li a:hover {
 color: #FFF;
}

.boxDesc {
 font-size: 28px;
 font-weight: normal;
 font-variant: normal;
}

/**** ROUNDED CORNER BOX - INPUT STYLES ****/

li.formList .c1,
li.formList .c2,
li.formList .c3,
li.formList .c4 {
 width: 125px;
}

#postComment .c1,
#postComment .c2,
#postComment .c3,
#postComment .c4 {
 height: 40px;
 line-height: 40px;
 width: 300px;
}

.c4 input.searchBox,
#postComment input,
.postCommentTA textarea {
 background: transparent;
 border: none;
 color: #870010;
 font: 12px Georgia, "Times New Roman", Times, serif;
 position: relative;
 left: 4px;
 width: 80px;
}

#mainContent .c1 {
 margin-bottom: 15px;
}

#postComment input {
 float: left;
 position: relative;
 top: 12px;
 width: 200px;
}

#postComment .postCommentTA .c1,
#postComment .postCommentTA .c2,
#postComment .postCommentTA .c3,
#postComment .postCommentTA .c4 {
 height: auto;
 width: 500px;
}

#mainContent #postComment .postCommentTA .c1 {
 margin-bottom: 30px;
}

.postCommentTA textarea {
 margin: 10px;
 overflow: auto;
 width: 470px;
}

#postComment label {
 color: #FFCFB3;
 float: right;
 padding-right: 10px;
}

#mainMenu li.formList {
 line-height: .6em;
}

/**** BUTTON STYLES ****/

.goButton {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-button.gif) center center no-repeat;
 border: none;
 color: #FFCFB3;
 height: 28px;
 width: 38px;
}

.goButton span {
 position: relative;
 top: -1px;
}

.postButtonCluster {
 position: relative;
 top: -20px;
}

.postButtonCluster button {
 background: none;
 border: none;
 color: #FFCFB3;
 font: 16px Georgia, "Times New Roman", Times, serif;
 margin-right: 20px;
}

/**** COMMENT LIST STYLES ****/

#commentList {
 list-style-position: outside;
 position: relative;
 left: -40px;
 margin-right: -40px;
 width: 868px;
}

#commentList li {
 background: url(https://img.webme.com/pic/c/css-merkez/css-5-blog_meta.jpg) no-repeat;
 color: #FFCFB3;
 font-size: 13px;
 font-weight: normal;
 font-variant: normal;
 padding: 0 10px 0 15px;
}

.commentMeta {
 clear: both;
 height: 36px;
}

.cml {
 float: left;
}

.cmr {
 float: right;
 font-size: 10px;
}

.commentContent {
 color: #FFF;
 position: relative;
 top: -20px;
}

/**** FOOTER STYLES ****/

#footer p {
 color: #FFCFB3;
 font-size: 11px;
 padding: 10px 0;
 text-align: center;
}

/**** IMAGE FLOATING, IMAGE CENTERING ****/

.floatImgR,
.floatImgL,
.imageCenter {
 border: 1px solid #B21;
 padding: 2px;
}

.floatImgR {
 float: right;
 margin: 10px 0 5px 10px;
}

.floatImgL {
 float: left;
 margin: 10px 10px 5px 0;
}

.imageCenter {
 display: block;
 margin: 10px auto;
}

/**** CLEARING ****/

br.clear {
 clear: both;
}     

<a href="http://www.htmlkodlaryagmuru.tr.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.tr.gg" _fcksavedurl="http://www.htmlkodlaryagmuru.tr.gg" target="_blank">Kod Merkezi</a><div id="wrap">
<h1><a href="http://www.htmlkodlaryagmuru.tr.gg/">Site İsmi - Sitenizin Slogani</a></h1>
<div id="header">

</div>

<div id="content">
<div class="right">
   

</div>

<div class="left">

<h2>Menu :</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretci Defteri</a></li>
<li><a href="#">TopList</a></li>
<li><a href="#">OyunLar</a></li>
<li><a href="http://www.htmlkodlaryagmuru.tr.gg">Css TasarimLar</a></li>
</ul>

<h2>Arşiv</h2>
<ul>
<li><a href="#">Ocak 2009</a></li>
<li><a href="#">Şubat 2009</a></li>
<li><a href="#">Mart 2009</a></li>
<li><a href="#">Nisan 2009</a></li>
<li><a href="#">Mayis 2009</a></li>
<li><a href="#">Haziran 2009</a></li>
<li><a href="#">Temmuz 2009</a></li>
<li><a href="#">Agustos 2009</a></li>
<li><a href="#">Eylül 2009</a></li>
<li><a href="#">Ekim 2009</a></li>
<li><a href="#">Kasım 2009</a></li>
<li><a href="#">Aralık 2009</a></li>
</ul>

</div>
<div style="clear: both;"> </div>
</div>

<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.htmlkodlaryagmuru.tr.gg/">Kod Merkez</a>, TeşşekkürLer...<a href="http://www.site-mekani.tr.gg/">Site Mekani</a>
</div>
</div>

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* {
 margin: 0;
 padding: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #FF9600;
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 0 auto;
width: 500px;
}

#header {
background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-header.jpg) no-repeat;
height: 180px;
}
 h1 {
padding: 10px 0 0 5px;
font-size: 18px;
color: #000;
}
 h1 a {
padding: 10px 0 0 5px;
font-size: 18px;
color: #000;
font-weight: 100;
text-decoration: underline;
}

#content {
padding: 0 20px;
background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-content.jpg) repeat-y;
}

.right {
float: right;
width: 300px;
text-align: justify;
}
.right h3 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #FF9600;
}
.right h3 a {
text-decoration: none;
color: #fff;
}
.right h3 a:hover {
color: #111;
}

.left {
float: left;
width: 150px;
}
.left h2 {
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #FF9600;
color: #fff;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 20px;
color: #FF9600;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {

}
.articles {
padding: 10px;
}

#bottom {
background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-bottom.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
color: #aaa;
padding-bottom: 10px;
}
#footer a { color: #aaa; }
#footer a:hover { color: #111; }

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by Css Merkez
http://www.htmlkodlaryagmuru.tr.gg

*/

body {
 background: #FFDBE1 url(https://img.webme.com/pic/c/css-merkez/css-8-img01.jpg) repeat-x top left;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #EF7283;
 margin: 0px;
 padding: 0px;
}

input, textarea {
 width: 220px;
 background: #FFFFFF url(https://img.webme.com/pic/c/css-merkez/css-8-img04.gif) repeat-x;
 border-top: 1px solid #A3A3A3;
 border-right: 1px solid #E5E5E5;
 border-bottom: 1px solid #FFFFFF;
 border-left: 1px solid #D6D6D6;
 font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #6E6E6E;
}

h1, h4, h3 {
 color: #F62D47;
 letter-spacing: -1px;
}

h1, h1 a, h4, h4 a {
 text-decoration: none;
}

h1 a:hover, h4 a:hover {
 text-decoration: underline;
}

h1 {
 font-size: 38px;
}

h4 {
 font-size: 28px;
 font-weight: normal;
}

h3 {
 font-size: 16px;
}

p, ul, ol {
 margin-top: 1.5em;
 line-height: 190%;
}

ul, ol {
 margin-left: 3em;
}

blockquote {
 margin-left: 3em;
 margin-right: 3em;
}

a {
 color: #F62D47;
}

a:hover {
 text-decoration: none;
 color: #F62D47;
}

a img {
 border: none;
}

img.left {
 float: left;
 margin-right: 20px;
}

img.right {
 float: right;
 margin-right: 20px;
}

hr {
 display: none;
}

#header {
 width: 960px;
 height: 206px;
 margin: 0 auto;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img02.jpg) no-repeat top left;
 
}

/* Logo */

#logo {
 width: 970px;
 height: 196px;
 margin: 0 auto;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img02.jpg) no-repeat left top;
 }

#logo h1, #logo h4 {
 margin: 0;
 padding: 0;
 text-transform: lowercase;
 
}

#logo h1 {
 padding: 50px 5px 0 195px;
 font-size: 48px;
 color: #F74B61;
 
}

#logo h4 {
 padding: 0px 0 0 198px;
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 color: #FA8899;
 
}

#logo p {
 clear: left;
 margin: 0;
 padding: 0 0 0 20px;
 line-height: normal;
 font-size: 1.2em;
 font-weight: bold;
 color: #FA8899;
 
}

#logo a {
 color: #F74B61;
}

/* Header */

#header {
 width: 976px;
 margin: 0 auto;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img02.gif) no-repeat top left;
 margin-top: -31px;
}

<!--[if IE 7]>

#header {
 width: 976px;
 margin: 0 auto;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img02.gif) no-repeat top left;
 margin-top: -35px;
}
<![endif]-->

#menu {
 height: 60px;
 width: 960px;
 padding-left: 20px;
 font-family: Arial, Helvetica, sans-serif;
}

#menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 line-height: normal;
}

#menu li {
 float: left;
}

#menu a {
 display: block;
 float: left;
 height: 30px;
 padding: 20px 30px 15px 18px;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img03.jpg) no-repeat left 40%;
 margin-right: 1px;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 10px;
 color: #FFFFFF;
}

#menu a:hover {
 color: #FFFFFF;
}

#menu .current_page_item a {
 color: #FFFFFF;
}

/* Search */

#search {
 float: right;
 width: 260px;
 margin: 0px;
 margin-top: 10px;
}

#search fieldset {
 border: none;
}

#search #s {
 width: 160px;
 height: 23px;
 background: #FFDBE1;
 border: 1px solid #F57F8C;
}

#search #x {
 width: 40px;
 background: #F74B61;
 border-top: #F74B61 solid 1px;
 border-bottom: #F74B61 solid 3px;
 border-left: #F74B61 solid 1px;
 border-right: #F74B61 solid 1px;
 color: #FFDBE1;
}

/* Banner */

#banner {
 width: 960px;
 margin: 0 auto;
 padding: 8px 0;
}

/* Page */

#page {
 width: 900px;
 margin: 0 auto;
 padding: 45px 35px 0 25px;
}

#pagecontent {
 float: right;
 width: 603px;
 padding-top: 20px;
}

.post {
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img08.jpg) repeat-y left top;
}

.post .title {
 margin: 0;
 padding: 10px 20px 10px 50px;
 background: #F74B61 url(https://img.webme.com/pic/c/css-merkez/css-8-img05.jpg) no-repeat left top;
 border-bottom: 1px dotted #FFC1CA;
}

.post h1.title {
 padding: 5px 0  0 50px;
 background: #FECBD3 url(https://img.webme.com/pic/c/css-merkez/css-8-img05.jpg) no-repeat left top;
 height: 40px;
 font-size: 2.4em;
 text-transform: lowercase;
}

.post .title a:hover {
 text-decoration: none;
}

.post .entry {
 margin: 0px;
 padding: 20px 20px;
}

.post .meta {
 height: 35px;
 margin: 15px 0 20px 0;
 padding: 15px 0 0 20px;
 background: #F74B61 url(https://img.webme.com/pic/c/css-merkez/css-8-img04.jpg) no-repeat;
 line-height: normal;
 border-top: 1px dotted #FFC1CA;
}

/* Sidebar */

#sidebar {
 float: left;
 width: 250px;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
 line-height: normal;
}

#sidebar li {
 margin-bottom: 40px;
}

#sidebar li ul {
 padding-left: 25px;
}

#sidebar li li {
 margin: 0;
 padding: 5px 10px;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img07.gif) no-repeat left 50%;
}

#sidebar li h4 {
 margin: 0 0 1em 0;
 background: url(https://img.webme.com/pic/c/css-merkez/css-8-img06.jpg) no-repeat left 70%;
 padding: 15px 0  10px 25px;
 border-bottom: 1px dotted #FA8496;
 height: 30px;
 text-transform: lowercase;
 font-size: 28px;
 letter-spacing: -1px;
}

#sidebar li p {
 padding: 0 20px;
}

/* Calendar */

#sidebar #calendar {
 padding: 0;
}

#calendar caption {
}

#calendar table {
 width: 100%;
 padding: 0 20px;
 text-align: center;
}

#calendar thead th {
 border-bottom: 2px solid #F2F2F2;
 border-top: 1px solid #F2F2F2;
}

#calendar tbody td {
 padding: 5px 0;
 border-bottom: 1px solid #F2F2F2;
}

#calendar tfoot td {
 border-top: 1px solid #F2F2F2;
}

#calendar #prev {
 text-align: left;
}

#calendar #next {
 text-align: right;
}

#calendar a {
 font-weight: bold;
}

/* Footer */

#footer {
 clear: both;
 width: 870px;
 height: 50px;
 margin: 0 auto;
 padding: 35px 45px;
 border-top: 5px solid #FA8597;
}

#footer p {
 margin: 0;
 line-height: normal;
 color: #FA8597;
}

#footer a {
 color: #F62D47;
}

#footer .legal {
 float: left;
}

#footer .credit {
 float: right;
}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

html {
 color:#000;
 background:#222222;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset, img {
 border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
 font-style:normal;
 font-weight:normal;
}
li {
 list-style:none;
}
caption, th {
 text-align:left;
}
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal;
}
q:before, q:after {
 content:'';
}
abbr, acronym {
 border:0;
 font-variant:normal;
}
sup {
 vertical-align:text-top;
}
sub {
 vertical-align:text-bottom;
}
input, textarea, select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}
legend {
 color:#000;
}
body {
 font:13px/1.231 arial, helvetica, clean, sans-serif;
}
table {
 font-size:inherit;
 font-size:100%;
}
pre, code, kbd, samp, tt {
 font-family:monospace;
 line-height:100%;
}
/* CSS RESET */

body {
 text-align:center;
 color:#000;
}
a {
 text-decoration:none;
 color:#D8D800
}
a:hover {
 text-decoration: underline;
 color: #CC0000
}
#bg {
 background: url(https://img.webme.com/pic/c/css-merkez/css-9-bg.jpg) no-repeat;
 width:1028px;
 margin:0px auto;
 height:768px;
 position:relative;
}
#wrap {
 width:710px;
 text-align:left;
 background:#fff;
 margin:0px auto;
}
#b {
 padding-top: 30px;
}
.fl {
 float:left
}
.fr {
 float:right
}
.clearfix {
 clear:both
}
#header {
 margin:0px auto;
 margin-bottom:35px
}
/* header */
#header {
 position:relative;
 height:189px;
 background:url(https://img.webme.com/pic/c/css-merkez/css-9-hd.jpg) repeat-x bottom;
 width:696px
}
#nav {
 position:absolute;
 top:151px;
 right:10px;
 width:421px;
 height:35px;
 line-height:35px;
}
#nav li {
 float:left;
 font-weight:700;
 width:100px
}
#nav a {
 text-decoration:none;
 display:block;
 text-align:center;
}
#nav a:hover {
 color:#000000;
 background:#D8D800
}
/* content */
#content {
 margin:0 auto;
}
.main {
 width:440px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:url(https://img.webme.com/pic/c/css-merkez/css-9-box.gif);
 color:#000;
 margin-left:40px
}
.text {
 margin-bottom:20px
}
.text p {
 margin:0 auto;
 width:420px;
}
.text h2 {
 font-size:20px;
 padding:8px 0 20px 5px;
 background:url(https://img.webme.com/pic/c/css-merkez/css-9-t.gif) repeat-x;
 color:#4f4f1d
}
.text img {
 margin:50px 0 0 65px
}
#col {
 margin:0 0 10px 0;
 width:300px;
 background:url(https://img.webme.com/pic/c/css-merkez/css-9-m.jpg);
 width: 879px;
 height:104px;
}
#col div {
 width: 220px;
 margin: 20px 0 0 70px;
 display:inline
}
#col .first {
 margin: 20px 0 0 50px
}
#col li {
 line-height:20px;
}
.side {
 width:170px;
 display: inline;
 margin-right:30px
}
.side h2 {
 font-size:22px
}
.side li {
 line-height:24px;
 color:#000;
 padding:0 0 0 5px
}
li.grey {
 background: url(https://img.webme.com/pic/c/css-merkez/css-9-s.jpg)
}
.side ul {
 margin:20px 0 30px 0px
}
.side li a {
 color:#d0aa6d
}
/* footer */
#footer {
 height:65px;
 position:relative;
 background:url(https://img.webme.com/pic/c/css-merkez/css-9-ft.jpg) repeat-x;
 width:690px;
 margin:0px auto;
 color:#D8D800
}
#ftinner {
 position:absolute;
 bottom:20px;
 margin-left:20px;
}
.ftlink {
 width:500px;
}

</div>
</div>
  </div>
  <div id="footer">
   <p>Copyright © 2009. TeşekkürLer... <a href="http://www.site-mekani.tr.gg">Site Mekani</a> | <a href="http://www.msncocugu.tr.gg">Msn NickLeri</a> </p>
 <p>Design by <a href="http://www.htmlkodlaryagmuru.tr.gg" title="Css Tasarim Merkezi">Css Merkez</a></p>

</div>
</div>

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /*
Design by KodMerkezi
http://www.htmlkodlaryagmuru.tr.gg
*/

*{
padding: 0px;
margin: 0px;
}

body{
background: #000000 url(https://img.webme.com/pic/c/css-merkez/css-10-back_all.jpg) no-repeat top left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding: 0px;
margin: 0px;
}

#content
{
width: 100%;

}

a{
color: #151422;
text-decoration:none;
}

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

#header{
height: 128px;
}

#menu
{
height: 39px;
width: 580px;
margin-bottom: 10px;
}

#menu ul li{
list-style: none;
display: inline;
}

#menu a
{
display: block;
float: left;
width: 83px;
height: 37px;
padding-left: 30px;
padding-top: 25px;
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
background: url(https://img.webme.com/pic/c/css-merkez/css-10-button.gif) no-repeat;
}

#menu a:hover
{
display: block;
padding-top: 25px;
height: 37px;
float: left;
color: #ffffff;
font-weight: bold;
background: url(https://img.webme.com/pic/c/css-merkez/css-10-button_r.gif) no-repeat;
}

#main
{
width:580px;
margin: 0 auto;
}

#wrapper
{
width: 542px;
background: url(https://img.webme.com/pic/c/css-merkez/css-10-table_back.jpg) repeat-y left;
margin: 0px auto;
}

#logo
{
height: 66px;
width: 542px;
text-align: right;
}

#logo h1
{
font-size: 18px;
padding-top: 20px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
}

#logo h2 a
{
font-size: 10px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
text-transform: uppercase;
}

#top
{
background: url(https://img.webme.com/pic/c/css-merkez/css-10-top.jpg) no-repeat top
}

#text{
background: url(https://img.webme.com/pic/c/css-merkez/css-10-bottom.jpg) no-repeat bottom left;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
padding-top: 60px;
min-height: 480px;
}

#text p{
padding:5px;
}

h1, h2, h3{
color:#151422;
}

h1{
font-size:1.2em;
}

h2{
font-size:1.05em;
}

h3{
font-size:1em;
}

#text ul, ol{
padding-left:12px;
margin-left:12px;
}

.meta{
text-align:right;
color:#151422;
font-size:0.79em;
}

.meta a{
text-decoration:underline;
}

#footer{
font-size:0.79em;
text-align:center;
margin-bottom: 20px;
height: 50px;
color: #FFFFFF;
padding-top: 10px;
}

#footer a{
text-decoration:underline;
color: #FFFFFF;
}