Css Tasarım 2

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;}

table {margin-left:auto; margin-right: auto}

body {
   margin: 0;
   background: url(http://img.webme.com/pic/o/ornexite/bg.jpg);
}

h1, h2, h3, h4 {
   margin: 0;
}

img {
   border: 0;
}

.clear {
   clear: both;
   height: 0;
   overflow: hidden;
}


/* Page */

#page {
   margin: 0px auto 0 auto;
   width: 895px;
   background: url(http://img.webme.com/pic/o/ornexite/page.gif) repeat-y;
}

#page-top {
   width: 895px;

   }

#page-bottom {
   width: 895px;
   min-height: 460px;
   background: url(http://img.webme.com/pic/o/ornexite/page_bottom.gif) no-repeat left bottom;
}


/* Header */

#header {
   width: 890px;
   height: 288px;
background: url(http://img.webme.com/pic/o/ornexite/page_top.jpg);
   position: relative;
}

   /* Header - Info */
   
   #header #header-info {
      position: absolute;
      top: 150px;
      left: 5px;
      width: 425px;
      height: 81px;
      padding-left: 92px;
      background: url(http://img.webme.com/pic/o/ornexite/logo.gif) no-repeat;
   }
   
   #header #header-info h1 {
      color: #FFCC00;
      font: normal 28px Century Gothic, Century Gothic;
      padding: 1px 0 5px 0;
   }
   
   #header #header-info h1 a {
      color: #FFCC00;
      text-decoration: none;
   }
   
   #header #header-info .description {
      color: #ffffff;
      font: normal 17px Century Gothic, Century Gothic;
   }
   
   /* Header - Menu */
   
   #header #header-menu {
      position: absolute;
      top: 98px;
      left: 5px;
      width: 640px;
      height: 46px;
   }
   
   #header #header-menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 640px;
      height: 46px;
   }
   
   #header #header-menu ul li {
      float: left;
      height: 46px;
      font: normal 14px/46px Century Gothic, Century Gothic;
      color: #ffffff;
   }
   
   #header #header-menu ul li a {
      color: #ffffff;
      text-decoration: none;
      padding: 0 15px;
      display: block;
   }
   
   #header #header-menu ul li a:hover {
      background: url(http://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
   }
   
   #header #header-menu ul li ul {
      display: none;
   }
   
   #header #header-menu ul li.current_page_item a {
      background: url(http://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
   }
   
   /* Header - Search */
   
   #header #header-search {
      position: absolute;
      top: 160px;
      left: 655px;
      width: 217px;
      height: 22px;
   }
   
   #header #header-search #searchform {
      margin: 0;
      padding: 0;
      width: 217px;
      height: 22px;
   }
   
   #header #header-search #s {
      width: 117px;
      height: 18px;
      padding: 2px 5px;
      border: 0;
      font: normal 13px Century Gothic, Century Gothic;
      color: #000000;
      background: transparent;
      float: left;
   }
   
   #header #header-search #searchsubmit {
      background: transparent;
      border: none;
      width: 85px;
      height: 22px;
      padding: 0;
      float: right;
   }
   
   /* Header - Newsletter */
   
   #header #header-newsletter {
      position: absolute;
      top: 230px;
      left: 32px;
      width: 200px;
      height: 90px;
      padding-top: 40px;
      background: url(http://img.webme.com/pic/o/ornexite/header_newsletter.gif) no-repeat;
      color: #000000;
      font: bold 12px Century Gothic, Century Gothic;
   }
   
   #header #header-newsletter p {
      margin: 0;
      padding-bottom: 7px;
   }
   
   #header #header-newsletter form {
      margin: 0;
      padding: 0;
   }
   
   #header #header-newsletter span {
      width: 55px;
      float: left;
      height: 18px;
      line-height: 18px;
   }
   
   #header #header-newsletter input {
      width: 123px;
      height: 18px;
      background: url(http://img.webme.com/pic/o/ornexite/header_input.gif) no-repeat;
      border: none;
      padding: 0 5px;
      font: normal 12px Century Gothic, Century Gothic;
      color: #000000;
   }
   
   #header #header-newsletter .submit {
      width: 85px;
      height: 26px;
      background: url(http://img.webme.com/pic/o/ornexite/header_button.gif) no-repeat;
      margin-left: 104px;
   }
   
   /* Header - Recent Articles */
   
   #header #recent-articles {
      position: absolute;
      top: 223px;
      left: 264px;
      width: 305px;
      height: 145px;
   }
   
   #header #recent-articles h3 {
      width: 285px;
      height: 22px;
      color: #000000;
      font: bold 12px/22px Century Gothic, Century Gothic;
      background: url(http://img.webme.com/pic/o/ornexite/title_recent_articles.gif) no-repeat;
      padding: 0 10px;
   }
   
   #header #recent-articles ul {
      margin: 0;
      padding: 0 0 0 10px;
      list-style-type: none;
   }
   
   #header #recent-articles ul li {
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
      color: #000000;
      font: bold 12px/28px Century Gothic, Century Gothic;
   }
   
   #header #recent-articles ul li a {
      color: #000000;
      text-decoration: none;
   }
   
   #header #recent-articles ul li a:hover {
      text-decoration: underline;
   }
   
   /* Header - Popular Articles */
   
   #header #popular-articles {
      position: absolute;
      top: 223px;
      left: 595px;
      width: 278px;
      height: 145px;
   }
   
   #header #popular-articles h3 {
      width: 258px;
      height: 22px;
      color: #000000;
      font: bold 12px/22px Century Gothic, Century Gothic;
      background: url(http://img.webme.com/pic/o/ornexite/title_popular_articles.gif) no-repeat;
      padding: 0 10px;
   }
   
   #header #popular-articles ul {
      margin: 0;
      padding: 0 0 0 10px;
      list-style-type: none;
   }
   
   #header #popular-articles ul li {
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
      color: #000000;
      font: bold 12px/28px Century Gothic, Century Gothic;
   }
   
   #header #popular-articles ul li a {
      color: #000000;
      text-decoration: none;
   }
   
   #header #popular-articles ul li a:hover {
      text-decoration: underline;
   }

/* Header - Feed */
   
   #header #header-feed {
      position: absolute;
      top: 210px;
      left: 700px;
      width: 30px;
      height: 30px;
   }

/* Header - Feed1 */
   
   #header #header-feed1 {
      position: absolute;
      top: 130px;
      left: 30px;
      width: 80px;
      height: 80px;
   }

/* Header - Feed2 */
   
   #header #header-feed2 {
      position: absolute;
      top: 210px;
      left: 803px;
      width: 30px;
      height: 30px;
   }

/* Header - Feed3 */
   
   #header #header-feed3 {
      position: absolute;
      top: 210px;
      left: 8px;
      width: 30px;
      height: 30px;
   }

/* Header - Stu */
   
   #header #header-stu {
      position: absolute;
      top: 210px;
      left: 680px;
      width: 30px;
      height: 30px;
   }



/* Main */

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

   /* Main - Content */
   
   #pagecontent {
      float: left;
      width: 541px;
      padding: 10px 17px 0 16px;
   }
   
   /* Main - Content - Post */
   
   #pagecontent .post {
      float: left;
      margin-bottom: 30px;
      width: 541px;
   }
   
      /* Post - Title */
      
      #pagecontent .post .post-title {
         width: 541px;
         height: 59px;
         font: bold 12px Century Gothic, Century Gothic;
         color: #000000;
      }
      
      #pagecontent .post .post-title a {
         color: #ff0000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-title a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-title h2 {
         color: #950000;
         font: bold 22px Century Gothic, Century Gothic;
         padding: 2px 0;
      }
      
      #pagecontent .post .post-title h2 a {
         color: #950000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-title h2 a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-title .post-date {
         float: left;
         background: url(http://img.webme.com/pic/o/ornexite/post_date.gif) no-repeat;
         width: 59px;
         height: 59px;
         margin-right: 18px;
         color: #FFC600;
         text-align: center;
         text-transform: lowercase;
         font: bold 10px Century Gothic, Century Gothic;
         letter-spacing: 1px;
      }
      
      #pagecontent .post .post-title .post-date span {
         padding: 9px 0 1px 0;
         display: block;
      }
      
      /* Post - Entry */
      
      #pagecontent .post .post-entry {
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 521px;
         padding: 0 10px;
      }
      
      #pagecontent .post .post-entry a {
         color: #FF0000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-entry a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-entry a.more-link {
         font: bold 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-entry a.more-link:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-entry blockquote {
         border-left: 10px solid #e6e6e6;
         margin: 0px 30px;
         padding-left: 15px;
      }
      
      /* Post - Info */
      
      #pagecontent .post .post-info {
         padding: 0 15px;
         width: 511px;
         height: 26px;
         background: url(http://img.webme.com/pic/o/ornexite/post_info.gif) no-repeat;
         clear: both;
         font: bold 12px/26px Century Gothic, Century Gothic;
         color: #ffffff;
      }
      
      #pagecontent .post .post-info a {
         color: #ffffff;
         text-decoration: none;
      }
      
      #pagecontent .post .post-info a:hover {
         text-decoration: underline;
      }
      
      /* Post - Comments */
      
      #pagecontent .post h3 {
         margin: 30px 0 5px 0;
         color: #000000;
         font: bold 18px Century Gothic, Century Gothic;
      }
      
      #pagecontent .post .comments {
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 521px;
      }
      
      #pagecontent .post .comments ol {
         margin: 10px 0;
         padding-left: 25px;
      }
      
      #pagecontent .post .comments ol li {
         padding: 5px;
      }
      
      #pagecontent .post .comments ol li a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .comments ol li.alt {
         background: #e6e6e6;
      }
      
      #pagecontent .post .comments ol li cite {
         color: #000000;
         font-style: normal;
         font-weight: bold;
      }
      
      #pagecontent .post .comments ol li cite a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li cite a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .comments ol li .commentmetadata a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li .commentmetadata a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post #commentform {
         margin: 0;
         padding-left: 25px;
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 496px;
      }
      
      #pagecontent .post #commentform a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post #commentform a:hover {
         text-decoration: underline;
      }
   
   /* Main - Content - Navigation */
   
   #pagecontent .navigation {
      margin-bottom: 30px;
      font: bold 12px Century Gothic, Century Gothic;
      color: #000000;
      width: 541px;
   }
   
   #pagecontent .navigation a {
      color: #000000;
      text-decoration: none;
   }
   
   #pagecontent .navigation a:hover {
      text-decoration: underline;
   }
   
      #pagecontent .navigation .navigation-previous {
         float: left;
      }
      
      #pagecontent .navigation .navigation-next {
         float: right;
      }
   
   /* Main - Sidebar */
   
   #sidebar {
      float: left;
      width: 295px;
      font: bold 14px/18px Century Gothic, Century Gothic;
      color: #000000;
   }
   
   #sidebar a {
      color: #fff;
      text-decoration: none;
      padding-left: 25px;
   }
   
   #sidebar a:hover {
      text-decoration: underline;
      padding-left: 25px;
   }
   
   #sidebar .sidebar-box {
      width: 295px;
      padding-bottom: 10px;
   }
   
      /* Sidebar - Titles */
      
      #sidebar h3 {
         font: bold 12px/35px Century Gothic, Century Gothic;
         color: #ffffff;
         width: 265px;
         height: 35px;
         padding: 0 17px;
         margin-bottom: 2px;
         background: url(http://img.webme.com/pic/o/ornexite/sidebar_title.gif) no-repeat;
      }
      
      /* Sidebar - Menus */
      
      #sidebar ul {
         margin: 0;
         padding: 0 0 0 15px;
         list-style-type: none;
      }
      
      #sidebar ul li {
         padding-left: 8px;
         background: url(http://img.webme.com/pic/o/ornexite/sidebar_menu.gif) no-repeat;
         font: bold 12px/22px Century Gothic, Century Gothic;
         color: #ffffff;
      }
      
      #sidebar ul li a {
         color: #ffffff;
         text-decoration: none;
      }
      
      #sidebar ul li a:hover {
         text-decoration: underline;
      }
      
      #sidebar ul li ul {
         padding: 0 0 0 10px;
      }
      
      /* Sidebar - Forms */
      
      #sidebar #searchform {
         margin: 0;
         padding: 10px 0;
         width: 295px;
         text-align: center;
      }
      
      #sidebar #searchform #s {
         width: 205px;
      }
      
      /* Sidebar - Tables */
      
      #sidebar #calendar_wrap {
         margin: 0 auto;
         padding-top: 5px;
         width: 116px;
      }
      
      #sidebar #calendar_wrap caption {
         font-weight: bold;
      }
      
      #sidebar #calendar_wrap tbody {
         text-align: right;
      }
      
      #sidebar #calendar_wrap tfoot #next {
         text-align: right;
      }
      
      #sidebar #calendar_wrap #today {
         font-weight: bold;
      }
      
      /* Sidebar - Texts */
      
      #sidebar .textwidget {
         padding: 0 5px;
      }
      
      /* Sidebar - Ads */
      
      #sidebar .sidebar-ads {
         padding: 10px 0 0 15px;
      }
      
      #sidebar .sidebar-ads-in {
         float: left;
         padding: 0 14px 14px 0;
      }


/* Footer */

#footer {
   margin: 0 auto;
   width: 869px;
   height: 270px;
   color: #ffffff;
   font: bold 12px Century Gothic, Century Gothic;
}

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

#footer a:hover {
   text-decoration: none;
}

   /* Footer - Footerbar */
   
   #footer #footerbar {
      width: 869px;
      height: 180px;
      padding-top: 17px;
   }
   
   #footer #footerbar h3 {
      font: bold 12px Century Gothic, Century Gothic;
      color: #ffffff;
      padding: 0 0 25px 15px;
   }
   
   #footer #footerbar ul {
      margin: 0;
      padding: 0 0 0 15px;
      list-style-type: none;
   }
   
   #footer #footerbar ul li {
      font: bold 12px/26px Century Gothic, Century Gothic;
      color: #ffffff;
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/footer_menu.gif) no-repeat;
   }
   
   #footer #footerbar ul li a {
      color: #ffffff;
      text-decoration: none;
   }
   
   #footer #footerbar ul li a:hover {
      text-decoration: underline;
   }
   
      /* Footer - Footerbar - Boxes */
      
      #footer #footerbar #footerbar-left {
         width: 249px;
         padding: 0 17px 0 10px;
         float: left;
      }
      
      #footer #footerbar #footerbar-center {
         width: 273px;
         padding: 0 14px 0 11px;
         float: left;
      }
      
      #footer #footerbar #footerbar-right {
         width: 264px;
         padding: 0 14px 0 16px;
         float: left;
      }
   
   /* Footer - Copyright */
   
   #footer #copyright {
      width: 869px;
      text-align: center;
      line-height: 42px;
         }

<style>
      #pagecontent .post .post-entry {
   padding-top: 10px;
   padding-bottom: 10px;
}
</style>
   <![endif]-->
<div id="page"><div id="page-top">
<div id="page-bottom">
   <!-- Header -->
   <div id="header">
      <!-- Title -->
      <div id="header-info">
         <h1><a href="">TURKHACKER60</a></h1>
         <div class="description">Mekanıma Hoş Geldiniz</div>
      </div>
      <!-- /Title -->
      
      <!-- Menu -->
      <div id="header-menu">
         <ul>
                        <li><a href="http://turkhacker60.tr.gg" >Ana Sayfa</a></li>
                        <li><a href="Programlar.htm">Programlar</a></li>
<li><a href="Kodlar.htm">Kodlar</a></li>
<li><a href="%26%23304%3Bstek.htm" target="_blank">İstek</a></li>
         </ul>
      </div>
   </div>
   <div id="main">
      <div id="pagecontent">
         <div class="post" id="post-15">
            <div class="post-title">
               <div class="post-date">
                  <span>X</span>
                  </div>
               <h2>[Linkleri görebilmek için üye olun veya giriş yapın.]
               TURKHACKER60 MEKANI</div>
            <div class="post-info"></div>
            <div class="post-entry">

<br/>
</div>
            
         </div>
         <div class="clear"></div>
         <div class="post" id="post-1">
         <div class="post-info"></div>
         </div>
         <div class="clear"></div>
         </div>
      <!-- /Page content -->
      <!-- Sidebar -->
      <div id="sidebar">

         <div class="sidebar-box">
            <h3>Menü</h3>
            <ul>
               <li><a href="http://turkhacker60.tr.gg" title="Ana Sayfa">Ana Sayfa</a></li>
<li><a href="Programlar.htm" title="Programlar">Programlar</a></li>
<li><a href="kodlar.htm" title="Kodlar">Kodlar</a></li>
<li><a href="%26%23304%3Bstek.htm" target="_blank" title="İstek">istek</a></li>
            </ul>
         </div>
         <div class="sidebar-box">
            <h3>Linkler</h3>
            <ul>
               <li><a href="1" target="_blank" title="1">1</a></li>
               <li><a href="1" target="_blank" title="1r">1</a></li>

            </ul>
<br/>
<img src="http://img.webme.com/pic/o/ornexite/ornexyanbanner.jpg" title="TURKHACKER60" />
   
         </div>
<br/><br/></div>
      <!-- Sidebar -->      
      <div class="clear"></div>
   
   </div>
   <!-- /Main -->
   
   <!-- Footer -->
   <div id="footer">
   
      <!-- Footerbar -->
      <div id="footerbar">
         <div id="footerbar-left">
<h3>TURKHACKER60</h3>
<ul><li><a href="javascript: void(0)">TURKHACKER60</a></li></ul>
         </div>
         <div id="footerbar-center">
<h3>TURKHACKER60</h3>
<ul><li><a href="javascript: void(0)">TURKHACKER60</a></li></ul>
         </div>
         <div id="footerbar-right">
<h3>TURKHACKER60</h3>
<ul><li><a href="turkhacker60.tr.gg" target="_blank">TURKHACKER60</a></li></ul>
         </div>
      </div>
      <!-- /Footerbar -->
      <!-- Copyright -->
      <div id="copyright">
Tasarım düzenleme <a href="[Linkleri görebilmek için üye olun veya giriş yapın.] target="_blank">TURKHACKER60</a>               
      </div>
      <!-- /Copyright --><br/><br/><br/>
<div align="center"><span style="color: rgb(0, 0, 0);">Mekanıma Hoş Geldiniz</span></div>
   </div>
   <!-- Footer -->
</div></div></div><br/><br/><br/>
<!-- /Page -->