Siyah Tasarım

<div id="content"> <!-- start header --> <div id="main"> <div id="header">  <!--Header start -->  <div id="logo">    <h1>Site Adı</h1>    <h2><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" id="metamorph">Design by Css Merkez</a></h2>  </div> <!--Header end --> <div id="menu">  <ul>    <li><a href="#" _fcksavedurl="#">Home</a></li>    <li><a href="#" _fcksavedurl="#">iletişim</a></li>    <li><a href="#" _fcksavedurl="#">Defter</a></li>    <li><a href="#" _fcksavedurl="#">Hakkımda</a></li>    <li><a href="#" _fcksavedurl="#">TopList</a></li>      </ul> </div> </div> <div id="wrapper"> <div id="top">  <div id="text">

</div> </div>  </div>  <div id="footer">    <p>Copyright 2009. TeşekkürLer... <a href="http://www.site-mekani.tr.gg" _fcksavedurl="http://www.site-mekani.tr.gg">Site Mekani</a> | <a href="http://www.msncocugu.tr.gg" _fcksavedurl="http://www.msncocugu.tr.gg">Msn NickLeri</a> </p>     <p>Design by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.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 Css Merkez http://www.css-merkez.trhttp://www.css-merkez.tr.gg/Css-Design-10.htm.gg */  *{ padding: 0px; margin: 0px; }  body{ background: #000000 url(http://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(http://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(http://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(http://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(http://img.webme.com/pic/c/css-merkez/css-10-top.jpg) no-repeat top }  #text{ background: url(http://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; }