Güzel bir Css

div id="header">    <div id="logo">      <h1>                          </h1>      <p>----------------------------------------------------</p>    </div>    <div id="search">      <form method="get" action="">          <fieldset>          <input id="s" type="text" name="s" value="" />          <input id="x" type="submit" value="Arama" />          </fieldset>      </form>    </div> </div> <!-- end header --> <!-- start menu --> <div id="menu">    <ul>      <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>      <li><a href="#" _fcksavedurl="#">İletişim</a></li>      <li><a href="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li>      <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>      <li><a href="#" _fcksavedurl="#">Site Haritası/a></li>    </ul> </div> <!-- end menu --> <!-- start page --> <div id="page">    <!-- start content -->    <div id="content">      <h1 class="pagetitle">Orta Bölüm</h1>          <h2 class="title">Tasarima Hoşgeldiniz</h2>

</div>    <!-- end content -->    <!-- start sidebar -->    <div id="sidebar">      <ul>          <li>            <h2>Menü</h2>                      <ul>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>              </ul>          </li>          <li>            <h2>Tasarimlar</h2>                      <ul>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li>            </ul>          </li> <li>                      <h2>Arşiv</h2>                      <ul>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li>                        <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li>                      </ul>                  </li>      </ul>    </div>    <!-- end sidebar -->    <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer">    <p>2008 Tüm Hakları SakLıdır.  •  Html.Webgoo.Us <a href="http://webteam.forum.st" _fcksavedurl="http://www.webteam.forum.st">Kod Merkezi</a>.</p> </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 WWW.HTML.WEBGOO.US */  body {    margin: 0;    padding: 0;    background: #AAE74A url(http://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }  body, th, td, input, textarea {    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    font-size: 13px;    color: #666666; }  p, ol, ul {    line-height: 170%; }  a:hover {    text-decoration: none; }  /* Header */  #header {    width: 960px;    height: 120px;    margin: 0 auto; }  #logo {    float: left;    height: 120px;                      margin-top: -11px;    margin-left: 10px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p {    text-transform: lowercase; }  #logo h1 {    margin: 0;    padding: 25px 0 0 85px;    letter-spacing: -2px;    font-size: 3em;    font-weight: normal;    color: #000000; }  #logo h1 a {    color: #000000; }  #logo p {    margin: -10px 0 0 2px;    padding: 0 0 0 85px;    text-transform: lowercase; }  #search {    float: right;    width: 280px; }  #search form {    margin-top: -5px;    padding: 63px 0 0 0; }  #search fieldset {    margin: 0;    padding: 0;    border: none; }  #search #s, #search #x {    float: left; }  #search #s {    width: 188px;    margin: 2px 6px 0 0;    padding: 2px 5px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x;    border: 1px solid #ACACAC; }  #search #x {    width: 67px;    height: 28px;    padding: 0;    background: #006BFF url(http://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat;    border: none;    text-transform: lowercase;    color: #FFFFFF; }  /* Menu */  #menu {    width: 962px;    height: 50px;    margin-top: -32px;    margin-left: auto;    margin-right: auto; }  #menu ul {    margin: 0;    padding: 0;    list-style: none; }  #menu li {    display: block;    float: left; }  #menu a {    display: block;    float: left;    height: 38px;    padding: 8px 20px 0 20px;    text-decoration: none;    text-transform: lowercase;    color: #000000; }  #menu a:hover {    text-decoration: underline; }  #menu .current_page_item {    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a {    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top;    font-weight: bold; }  /* Page */  #page {    width: 962px;    margin: 0 auto;    background: #FFFFFF url(http://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content {    float: right;    width: 700px;    padding: 0;    background: url() no-repeat; }  #content a {    color: #FF8900; }  .pagetitle {    height: 33px;    margin: 0;    padding: 8px 0 0 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat;    font-size: 1.4em;    color: #FFFFFF; }  #content #rss-posts {    display: block;    margin: -30px 15px 0px 0px;    padding: 0 20px 0 0;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center;    text-align: right;    font-weight: bold;    color: #FFFFFF; }  .post {    padding: 40px 30px 0 30px; }  .title {    margin: 0;    font-size: 2.4em;    font-weight: normal; }  .byline {    margin: 0 0 20px 0; }  .meta {    border-top: 1px dotted #CCCCCC;    text-align: right; }  .meta .more, .meta .comments {    padding-left: 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar {    float: left;    width: 230px;    padding: 11px 5px 0 11px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul {    margin: 0;    padding: 0;    list-style: none; }  #sidebar li {    margin-bottom: 20px; }  #sidebar li ul {    padding: 10px 15px; }  #sidebar li li {    margin: 0;    padding-left: 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 {    height: 33px;    margin: 0;    padding: 8px 0 0 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat;    font-size: 1.4em;    color: #FFFFFF; }  #sidebar a {    text-decoration: none;    color: #0065FF; }  #sidebar a:hover {      text-decoration: underline; }  /* Footer */  #footer {    width: 962px;    margin: 0 auto;    padding: 30px 0;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p {    margin: 0;    text-align: center;    color: #FFFFFF; }  #footer a {    color: #FFFFFF; }