İce blue,red,butterfly,css deising Tasarımları

<style type="text/css">  <!--
td.nav{background-image:url(http://img152.imageshack.us/img152/1913/23941877sw0.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img152.imageshack.us/img152/1913/23941877sw0.png); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://img152.imageshack.us/img152/1913/23941877sw0.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://img230.imageshack.us/img230/4337/19907798go7.png);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://img510.imageshack.us/img510/669/98315001co4.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://img510.imageshack.us/img510/669/98315001co4.png);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png); background-attachment: fixed;background-color:;}
td.sidebar_heading{background-image:url(http://img510.imageshack.us/img510/669/98315001co4.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty2{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty3{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty4{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty5{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<style type="text/css">  <!--
td.nav{background-image:url(http://img502.imageshack.us/img502/7070/butonvj0.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img502.imageshack.us/img502/7070/butonvj0.png); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://img502.imageshack.us/img502/7070/butonvj0.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://img502.imageshack.us/img502/74/baslikresmivs6.png);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://img502.imageshack.us/img502/259/42152017mr8.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://img502.imageshack.us/img502/259/42152017mr8.png);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png); background-attachment: fixed;background-color:;}
td.sidebar_heading{background-image:url(http://img502.imageshack.us/img502/259/42152017mr8.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty2{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty3{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty4{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
td.shouty5{background-image:url(http://img142.imageshack.us/img142/5452/aaaez0.png);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<div id="main_container">

<div id="top_banner">
      <div id="logo">
        <a href="index.html"><img src="http://csscreme.com/freetemplates/aero_solutions/images/logo.gif" width="200" height="81" border="0" alt="" /></a></div>
       
        <div class="snapshot">
        <img src="http://csscreme.com/freetemplates/aero_solutions/images/demopic.gif" border="0" title="pic2" width="280" height="118" alt="" />
        </div>
</div>


          <div class="navigation">
            <ul>
               <li class="current"><a href="index.html">Anasayfa</a></li>
               <li><a href="about.html" >Link1</a></li>
                    <li><a href="contact.html" >Link2</a></li>
               <li><a href="terms.html" >Link3</a></li>
               <li><a href="support.html" >Link4</a></li>
                    <li><a href="contact.html" >Link5</a></li>
            </ul>
          </div>
<div id="center_content">

<div class="left_box1">
<div class="title1">Duyurular/Tanıtım</div>
<p>
<img src="http://csscreme.com/freetemplates/aero_solutions/images/team.gif" border="0" class="pic2" title="p1" alt="p2" /> Bu alana sitenizle ilgili yenilikleri veya duyuruları yapabilirsiniz. Yada kendinizi tanıtabilirsiniz.</p>
<p>WeBuz.Tr.GG </p>
<div class="sidebox">
<h3>Menü</h3>

<ul>
    <li><a href="#" title="">Menü 1</a></li>
    <li><a href="#" title="">Menü 2</a></li>
    <li><a href="#" title="">Menü 3</a></li>
    <li><a href="#" title="">Menü 4</a></li>
    <li><a href="#" title="">Menü 5</a></li>
</ul>
</div>

<div class="sidebox">
<h3>Menü 2 </h3>

<ul>
    <li><a href="#" title="">Menü 112</a></li>
    <li><a href="#" title="">Menü 213</a></li>
    <li><a href="#" title="">Menü 323</a></li>
    <li><a href="#" title="">Menü 412</a></li>
    <li><a href="#" title="">Menü 52</a></li>
</ul>
</div>


</div>

<div class="left_box2">
<div class="title1">
  <div align="center">WwW.WeBuZ.Tr.Gg </div>
</div>

<div class="title1">Partners</div>
 <p>
<img src="http://csscreme.com/freetemplates/aero_solutions/images/1.jpg" width="82" height="54" alt=""  title=""/><img src="http://csscreme.com/freetemplates/aero_solutions/images/2.jpg" width="137" height="54" alt=""  title=""/><img src="http://csscreme.com/freetemplates/aero_solutions/images/3.jpg" width="114" height="54" alt=""  title=""/>
<img src="http://csscreme.com/freetemplates/aero_solutions/images/4.jpg" width="125" height="54" alt=""  title=""/></p>
       
</div>






<div style="width:500px; clear:both; padding-bottom:2px;"></div>
</div>



</div>




<div id="footer">
      <ul>

         <li><a href="#" title="">Anasayfa</a></li>
         <li><a href="#" title="">Link1</a></li>
         <li><a href="#" title="">Link2</a></li>
         <li><a href="#" title="">Link3</a></li>
         <li><a href="#" title="">Link4</a></li>

         
      </ul>
       
        Copyright 2009 &copy; Tüm Hakları Saklıdır. <br />
        <a href="http://www.webuz.tr.gg">Tasarım Düzenleme By WebuZ </a><br />
<a href="http://validator.w3.org/check?uri=referer" title="This site is W3C compliant" style="text-decoration:none; color:#333333;">Xhtml</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.csscreme.com&amp;usermedium=all" title="This site is coded with validate CSS" style="text-decoration:none; color:#333333;">css</a>

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

body
{
background: #fff url('http://csscreme.com/freetemplates/aero_solutions/images/bg.gif') repeat-x;
margin: 0px;
padding: 0px;
}
.input{
width:140px;
height:15px;
font-size:12px;
color: #666666;
}
p{
width:auto;
padding:5px 0 0 0;
text-align:justify;
}
.title1{
color: #804000;
font-size:16px;
font-weight:bold;
padding:15px 10px 5px 40px;
border-bottom:1px #CCCCCC dashed;
margin-top:10px;
text-decoration:none;
}
h2{
color: #036B99;
font-size:16px;
padding:15px 10px 5px 10px;
border-bottom:1px #CCCCCC dashed;
margin:0px;
text-decoration:none;
}
.select{
width:60px;
height:19px;
font-size:12px;
color: #666666;
}
#main_container{
width:850px;
height:800px;
margin:16px auto;
background: none;
font-size:12px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#top_banner{
width:auto;
height:130px;
}
#logo{
width:auto;
float:left;
padding-left:20px;
}
.snapshot{
float:left;
padding-left:290px;
padding-top:6px;
}

/*-------------menu--------------*/
.navigation{
float:left;
padding-left:60px;
padding-bottom:3px;
}
.navigation ul
{
font-family: "trebuchet ms";
font-size: 11px;
text-decoration: none;
margin: 0px;
padding:0px;
list-style: none;
}
.navigation li
{
text-align:center;
display: inline;
background: none;
text-align: center;
padding: 0px;
margin-right: 5px;   
float: left;
}
.navigation li a
{
color: #fff;
float: left;
margin:   0px;
padding:5px 15px 5px 15px;
text-decoration: none;
}

.navigation li a:hover
{
color: #000000;
}
.navigation li.current a
{
color: #fff;
float: left;
margin:   0px;
padding:5px 15px 5px 15px;
text-decoration: none;
font-weight:bold;
}


#center_content{
clear:both;
width:850px;
height:auto;
background:url(http://csscreme.com/freetemplates/aero_solutions/images/center_bg.gif) repeat-y ;
}
.left_box1{
width:235px;
float:left;
height:auto;
padding-left:30px;
font-size:11px;
color:#333333;
padding-bottom:50px;
}
.left_box2{
width: 500px;
float:left;
height:auto;
padding-left:30px;
}
img.pic{
float:left;
padding:10px;
margin-right:10px;
border:1px  #D8C6B1 solid;
}
img.pic2{
padding:10px;
margin:3px;
border:1px  #D8C6B1 solid;
}


/*-------------list------------*/
.list {
color:#F26123;
font-weight:bold;

}
.list li span{
color:#333333;
}
.list ul{
padding:0px;
margin:0px;
}
.list li ul li{
font-weight:normal;
padding:5px;
list-style:none;
margin:5px;
background-color:#E2D8C6;
}
.list ul li.description{
color: #000;
font-size:10px;
}
/*side box header----------*/
.sidebox {
   margin-top:15px;
   width: 235px;
   color:#333333;
   background:url(http://csscreme.com/freetemplates/aero_solutions/images/title.gif) no-repeat top;
}
.sidebox h3{
padding:6px 0 0 0;
margin:0px;
height:23px;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.sidebox ul{
   border: 1px solid #CDC3B6;
   width: 210px;
   margin:0px;
   padding:0px 10px 0 13px;
   list-style:none;
   background: #E2D8C6 ;
}

.sidebox ul li {
   
   border-bottom: 1px solid #F6F0E7;
   line-height: 25px;
   list-style: none;
}

.sidebox ul li a {
   display: block;
   color: #666;
   text-decoration: none;
}
.sidebox ul li a:hover {
color:#993300;
}



.bottom_buttons{
padding-top:10px;
padding-left:50px;
}
/*----------*/
#login{
background-color:#E2D8C6;
color:#333333;
width:215px;
height:100px;
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
/*-------------foooter*/
#footer{
clear:both;
width:auto;
background:url(http://csscreme.com/freetemplates/aero_solutions/images/bg-footer.gif) repeat-x;
background-position:0px 0px;
padding-top:30px;
height:130px;
text-align:center;
}

#footer ul li {
   list-style: none;
   display: inline;
   margin-right: 15px;
   padding-right: 15px;
   background: url(http://csscreme.com/freetemplates/aero_solutions/images/separator.gif) no-repeat right center;
   font-size: 13px;
}
#footer ul li a{
text-decoration:none;
color:#000000;
}
#footer ul li a:hover{
text-decoration:underline;
}

<div id="container">
   
    <div id="head">
      
      <h1><a href="index.html" title="">Web Design Studio</a></h1>
      
      <ul id="menu">
           <li><a class="current" href="index.html" title="">Anasayfa</a></li>
         <li><a href="" title="">link1</a></li>
         <li><a href="" title="">link2</a></li>
         <li><a href="" title="">lin3</a></li>
         <li><a href="contact.html" title="">link4</a></li>
      </ul>
       
        <div class="top_head_banner">

        </div>
      
   </div>
   
   
    <div id="area">
      
   </div>
   
   
    <div id="main">
   
      <div id="welcome">
         
         
            <h1>WwW.WeBuZ.Tr.GG</h1>
         
      </div>
      

<div id="content_left">
       
       
           
            <img src="http://csscreme.com/freetemplates/bublue_studio/images/2.jpg" width="137" height="54" alt="" title="" />
            <img src="http://csscreme.com/freetemplates/bublue_studio/images/3.jpg" width="114" height="54" alt="" title=""/>
            <img src="http://csscreme.com/freetemplates/bublue_studio/images/4.jpg" width="125" height="54" alt="" title=""/>
            </p>         
         
           
      </div>
       
        <div id="content_right">
        <h4>Kategori</h4>
       
        <div class="item_box">
        <img src="http://csscreme.com/freetemplates/bublue_studio/images/t1.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br />
        <a href="work.html">devamı ></a>
        </div>
        <div class="item_box">
        <img src="http://csscreme.com/freetemplates/bublue_studio/images/t2.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br />
        <a href="work.html">devamı ></a>
        </div>       
        <div class="item_box">
        <img src="http://csscreme.com/freetemplates/bublue_studio/images/t3.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br />
        <a href="work.html">devamı ></a>
        </div>       
        <div class="item_box">
        <img src="http://csscreme.com/freetemplates/bublue_studio/images/t4.jpg" width="200" height="70" border="0" alt="t1" title="t1" /><br />
        <a href="work.html">devamı ></a>
        </div>
       
               
        </div>
      
      
      
   <div class="spacer"></div>
   </div>
   
         <div id="footer">
           <div style="float:left; padding-left:40px;">
      Copyright 2009 ©WeBuZ
           </div>
        <div id="madeby">
<a href="http://www.csscreme.com">Tasarım Düzenleme WeBuZ.Tr.GG </a><br />
        </div>
       
       
       
      </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;}

body {
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/background.gif) top center repeat-x #CFDEEA;
   margin: 0px;
   padding: 16px 0;
   font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
   color: #282828;
   text-align: center;
}
p{
font-size:11px;
text-indent:1cm;
text-align:justify;
line-height:16px;
}
img {
   border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
   color: #2E9FED;
   text-decoration: none;
}
a:hover {
   color: #1471B1;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
   position: relative;
   width: 750px;
   margin: 0 auto;
   padding: 0px;
   text-align: left;
}

#head {
   width: 750px;
   height: 172px;
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/head.gif) no-repeat;
}
#head h1 {
   position: absolute;
   margin: 31px 0 0 36px;
   width: 200px;
   height: 75px;
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/logo.gif) no-repeat;
}
#head h1 a {
   text-indent: -2000px;
   width: 154px;
   height: 59px;
   display: block;
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/logo.gif) no-repeat;
}
.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(http://csscreme.com/freetemplates/bublue_studio/images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}

#menu {
   position: absolute;
   width: 617px;
   top: 155px;
   left: 35px;
   margin: 0px;
   padding: 0px;
   z-index: 100;
}
#menu li {
   list-style-type: none;
   float: left;
   margin: 0 8px;
   height: 22px;
}
#menu li a {
   padding: 0 0 7px 0;
   height: 22px;
   color: #8A8A8A;
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}
#area {
   width: 750px;
   height: 54px;
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/area.gif) repeat-x;
}

#main {
   margin: auto;
   background: url(http://csscreme.com/freetemplates/bublue_studio/images/bg_main.gif) repeat-y;
   width: 750px;
   height: auto;
}

#content_left {
float:left;
padding:0 30px 30px 30px;
width: 445px;
height:auto;
}
#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
}
#welcome {
background: url(http://csscreme.com/freetemplates/bublue_studio/images/center_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 750px;
height:80px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
   padding: 0px;
   margin: 0px;
}
#fields label {
   width: 260px;
   display: block;
   padding: 0px;
}
#fields input {
   border: 1px solid #C8D2D9;
   margin: 0 0 3px 0;
   width: 260px;
}
#fields textarea {
   border: 1px solid #C8D2D9;
   margin: 0 0 3px 0;
   width: 260px;
   height: 63px;
}
#send input {
   width: 64px;
   height: 20px;
   margin: 0px;
}
ul {
   margin: 0 0 20px 0;
   padding: 0px;
   list-style-type: none;
}
.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
color:#000033;
background: url(http://csscreme.com/freetemplates/bublue_studio/images/footer.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 750px;
height:85px;
}
#footer a {
   background: none;
   padding: 0px;

}
#madeby{
width:200px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:none;
color:#666666;
}

<center><div id="main">
<!-- header begins -->
<div id="header">
   <div id="logo">
      <h1><a href="#" id="black">SITE</a> &amp; <a href="#" id="white">ADI</a></h1>
      <h2><a href="http://www.webuz.tr.gg/" id="metamorph">Tasarım Düzenleme WeBuZ</a></h2>
   </div>   
</div>
<!-- header ends -->
<div id="menu">
      <ul>
         <li><a href="#" title="">Anasayfa</a></li>
         <li><a href="#" title="">Link1</a></li>
         <li><a href="#" title="">Link2</a></li>
         <li><a href="#" title="">Link3</a></li>
         <li><a href="#" title="">Link4</a></li>
      </ul>
</div>
<!-- content begins -->
<div id="content">
   <div id="left">
      <div id="login" class="boxed">
         <h2 class="title">Üyelik Girişi </h2>
         <div class="content2">
            <form id="form1" method="post" action="#">
               <fieldset>
               <legend>Giris</legend>
               <label for="text1">isim:</label>
               <input id="text1" type="text" name="text1" value="" />
               <label for="text2">Şifre:</label>
               <input id="text2" type="password" name="text2" value="" />
               <input id="submit1" type="submit" name="submit1" value="Yolla" />
               <p><a href="#">Forgot your password?</a></p>
               </fieldset>
            </form>
         </div>
      </div>
      <div id="updates" class="boxed">
         <h2 class="title">Yeniler </h2>
         <div class="content2">
            <ul>
               <li>
                  <h3>June 23, 2008</h3>
                  <p><a href="#">Tempus in, lacus. Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. …</a></p>
               </li>
               <li>
                  <h3>March 4, 2008</h3>
                  <p><a href="#">Nulla id magna sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam…</a></p>
               </li>
               <li>
                  <h3>February 18, 2008</h3>
                  <p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. …</a></p>
               </li>
               <li>
                  <h3>February 12, 2008</h3>
                  <p><a href="#"> Sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam. Suspendisse </a></p>
               </li>
               <li>
                  <h3>February 1, 2008</h3>
                  <p><a href="#">Ipsum dolor sit amet, consectetuer adipiscing elit. In nec …</a></p>
               </li>
            </ul>
         </div>
      </div>
   </div>
   <div id="right">
      <h1>WwW.WeBuZ.Tr.Gg</h1>

</div>
</div>
<!-- content begins -->

<!-- footer begins -->
<div id="metamorph1">
   <p>Copyright &copy; 2009. <a href="http://www.webuz.tr.gg/" title="WeBuZ.Tr.GG">Free Web Templates</a></p>
   <p> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
<!-- footer ends -->
</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 Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
   margin: 0;
   padding: 0;
}

#black
{
color: #000000;
}
#white
{
color: #ffffff;
}

a:link {
   color: #000000;
}

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

a:visited {
   color: #000000;
}
body {
   margin: 0px;
   padding: 0px;
   background: #000000;
   font: 13px Arial, Helvetica, sans-serif;
   color: #333333;
}

#main
{
background: #ffffff;
width: 682px;
}

#header {
   width: 682px;
   height: 136px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/header.jpg) no-repeat;
}

#logo {
   float: left;
   width: 682px;
}

#logo h1 {
   padding-top: 38px;
   margin-left: 20px;
   font-size: 28px;
   font-weight: normal;
}


#logo h2 {
   margin-top: 5px;
   margin-left: 20px;
   text-align: left;
   font-size: 14px;
   font-weight: normal;
}

#logo h2 a {

}

#logo a {
   text-decoration: none;
}

#metamorph {
    font-size: 14px;
   color: #ffffff;
}
#menu {
   float: left;
   margin-left: 3px;
   margin-left: 3px;
   width: 673px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/buttons.gif) repeat-x;
}

#menu ul {
   margin: 0;
   margin-left: 100px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   width: 90px;
   height: 26px;
   padding-top: 5px;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   font-weight: bold;
}

#menu a:hover {
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/buttons_r.gif) repeat-x;
text-decoration: underline;
}

#content
{
width: 682px;
}

#left
{
   float: left;
   padding-top: 10px;
   padding-left: 10px;
   width: 200px;
}



#right
{

width: 450px;
padding-top: 10px;
padding-right: 10px;
}

#right H4
{
   font-size: 12px;
   color: #000000;

}

#right H1
{
   font-size: 28px;
   color: #000000;
   padding-bottom: 10px
}

#right a
{
color: #000000;
text-decoration: none;
}

#right p {
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
}

#right h2 {
   margin: 0;
   padding: 0;
   padding-top: 10px;
   color: #0041A3;
}
.date {
   text-align: right;
   color: #0041A3;
   font-size: 11px;
   background-color: #fff;
}

.date a {
   color: #0041A3;
   background-color: #fff;
}

#right .pic
{
float: left;
margin: 5px;
}

#right .pic1
{
float: right;
margin: 5px;
}

#metamorph1 {
   clear: both;
   height: 46px;
   padding: 20px 0;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/footer.gif) repeat-x;
   text-align: center;
   width: 675px;
   margin-left: 4px;
}

#metamorph1 p {
   margin: 0;
   color: #ffffff;
}

#metamorph1 a {
   color: #ffffff;
}

#metamorph1 a:hover {
   color: #FF0000;
}
.small p {
   margin: 0;
   font-size: 11px;
}
.boxed {
   margin-bottom: 20px;
}

.boxed .title {
   height: 33px;
   padding: 13px 0 0 20px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/black_and_white/images/small.jpg) repeat-x;
   font-size: 12px;
   color: #FFFFFF;
}

.boxed .content2 {
   padding: 10px;
}

#login {
}

#login form {
}

#login fieldset {
   border: none;
}

#login legend {
   display: none;
}

#login label {
   font-size: x-small;
   font-weight: bold;
}

#login input {
   margin-bottom: 5px;
}

#text1, #text2 {
   width: 150px;
   padding: 2px;
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
}


#updates ul {
   margin: 0;
   list-style: none;
}

#updates h3 {
   margin: 0;
   font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
   margin-bottom: 1.4em;
   font-size: smaller;
   line-height: normal;
}

<!--header start -->
<div id="header">
<a href="giriş yapılacak  sayfanın adresi" class="member">GİRİŞ YAP</a>
<ul class="nav">
<li class="SAYFA URL">ANA SAYFA</li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
</ul>
</div>
<!--header end -->
<!--body start -->
<div id="body">
<p class="top"></p>
<!--left panel start -->

<!--right panel start -->
<div id="right">
<h2>Search</h2>
<form name="serch" action="#" method="post">
<p class="domain">enter the domain name</p>
<input type="text" name="name" />
<input type="submit" name="go" value="" class="go" />
</form>
<h2 class="scope">Our scopes</h2>
<ul>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
</ul>
<a href="#"><img src="http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif" alt="banner" width="157" height="146" border="0" class="banner" /></a>
<p class="bottom">
<a href="#" class="xhtm"></a>
<a href="#" class="css"></a>
</p>
</div>
<!--right panel end -->
<p class="bot"></p>
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<ul>
<li><a href="SAYFA URL">ANA SAYFA</a>|</li>
<li><a href="SAYFA URL">SAYFA ADI</a>|</li>
<li><a href="SAYFA URL">SAYFA ADI</a>|</li>
<li><a href="SAYFA URL">SAYFA ADI</a>|</li>
<li><a href="SAYFA URL">SAYFA ADI</a>|</li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
<li><a href="SAYFA URL">SAYFA ADI</a></li>
</ul>
<p class="copyright"> <a href="http://tasarimci-amca1.tr.gg">tasarimci-amca1.tr.gg</a> ve <a href="http://tasarimci-amca2.tr.gg">tasarimci-amca2.tr.gg</a></p>
<p>Designed By: semih</p>
</div>
<!--footer end -->

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

/* CSS Document */

body{
   padding:0;
   margin:0;
   background:url(http://img530.imageshack.us/img530/5081/bodybgyn7.gif/body_bg.gif) 0 0 repeat-x #C3EA5E;
   color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
   margin:0; padding:0;
}

ul{
   margin:0;
   padding:0;
   list-style-type:none;
}
.spacer{
   clear:both;
   font-size:0px;
   line-height:0px;
}
/*------------------------------------------------body---------------------*/

/*------------------------------------------------header start---------------------*/
#header{
   width:778px;
   height:49px;
   background:url(http://img57.imageshack.us/img57/1140/headerry2.jpg/header.jpg) 0 0 no-repeat;
   padding:385px 0 0 0;
   margin:0 auto;
   position:relative;
}
#header a.member{
   background:url(http://img124.imageshack.us/img124/1285/memberloginiconpz0.gif/member_login_icon.gif) center top no-repeat #fff;
   width:44px;
   height:17px;
   padding:23px 0 0 0;
   font:bold 10px/10px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#0C0C0C;
   text-transform:uppercase;
   text-decoration:none;
   text-align:center;
   position:absolute;
   left:490px;
   top:6px;
}
#header a.member:hover{
   color:#607800;
   background-color:#fff;
}
#header img{
   position:absolute;
   left:209px;
   top:311px;
}
#header ul.nav{
   width:538px;
   height:28px;
   padding:0;
   margin:0 auto;
}
#header ul.nav li{
   float:left;
   padding:0;
   margin:0;
}
#header ul.nav li a{
   display:block;
   height:28px;
   padding:0 11px 0 11px;
   background-color:#FFFFEF;
   color:#523500;
   font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-decoration:none;
   margin:0 1px 0 0;
   float:left;
}
#header ul.nav li a:hover{
   background:url(http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif) 0 0 repeat-x #FFFEEF;
   color:#fff;
}
#header ul.nav li.home{
   display:block;
   height:28px;
   float:left;
   margin:0;
   padding:0 11px 0 11px;
   background:url(http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif) 0 0 repeat-x #FFFEEF;
   color:#fff;
   font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-decoration:none;
}
/*------------------------------------------------header end---------------------*/

/*------------------------------------------------body start---------------------*/
#body{
   background:url(http://img530.imageshack.us/img530/6888/bodybgmidwd3.gif/body_bg_mid.gif) 0 0 repeat-y;
   width:631px;
   margin:0 auto;
}
#body p.top{
   display:block;
   background:url(http://img266.imageshack.us/img266/2095/bodytopbghg0.gif/body_top_bg.gif) 0 0 no-repeat;
   width:631px;
   height:75px;
   float:left;
}
#body p.bot{
   display:block;
   background:url(http://img231.imageshack.us/img231/5766/bodybottombgpz5.gif/body_bottom_bg.gif) 0 0 no-repeat;
   width:631px;
   height:78px;
   float:left;
}
/*------------------------------------------------left panel start---------------------*/
#left{
   width:414px;
   padding:0 0 0 29px;
   float:left;
}
#left h2{
   display:block;
   width:300px;
   font:bold 22px/38px Georgia, "Times New Roman", Times, serif;
   color:#694F10;
   background-color:#F8EFD3;
   float:left;
}
#left h3{
   display:block;
   width:354px;
   height:23px;
   padding:0 0 0 12px;
   margin:0 0 0 0;
   background:url(http://img84.imageshack.us/img84/1471/h3bgww0.gif/h3_bg.gif) 0 0 no-repeat #FCF8EA;
   font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#7C7A02;
   float:left;
}
#left p.text1{
   display:block;
   width:385px;
   font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#63562E;
   background-color:#F8EFD3;
   margin:0 0 0 0;
   padding:24px 0 0 0;
   float:left;
}
#left p.text2{
   display:block;
   width:385px;
   font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#63562E;
   background-color:#F8EFD3;
   padding:11px 0 19px 0;
   float:left;
}
#left p.text2 span{
   font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#9C4D00;
   background-color:#F8EFD3;
}
#left p.rm{
   display:block;
   width:370px;
   height:19px;
   margin:0 0 4px 0;
   font-size:0;
   background:url(http://img207.imageshack.us/img207/4461/readmoredivgv1.gif/read_more_div.gif) 0 0 repeat-x;
   float:left;
}
#left p.rm a{
   background:url(http://img266.imageshack.us/img266/1682/btnreadmorebh1.gif/btn_read_more.gif) 0 1px no-repeat;
   width:58px;
   height:14px;
   padding:0;
   margin:0;
   float:right;
}
#left p.rm a:hover{
   background:url(http://img84.imageshack.us/img84/2955/btnreadmorehoverok4.gif/btn_read_more_hover.gif) 0 1px no-repeat;
}
#left h3.date{
   display:block;
   background:url(http://img84.imageshack.us/img84/6221/datebgce0.gif/date_bg.gif) 0 0 no-repeat #FCF8EA;
   width:125px;
   height:18px;
   padding:0 0 0 12px;
   margin:0 0 0 0;
   font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#7C7A02;
   float:left;
}
#left p.event{
   width:354px;
   background:url(http://img517.imageshack.us/img517/5166/eventbgvb9.gif/event_bg.gif) 0 11px no-repeat #F8EFD3;
   padding:11px 0 0 20px;
   margin:0 0 15px 0;
   font:normal 12px/18px Arial, Helvetica, sans-serif;
   color:#63562E;
   float:left;
}
#left p.rm2{
   display:block;
   width:370px;
   height:14px;
   font-size:0;
   margin:0 0 4px 0;
   background:url(http://img517.imageshack.us/img517/3364/readmoredivjp6.gif/read_more_div.gif) 0 0 repeat-x;
   float:left;
}
#left p.rm2 a{
   background:url(http://img525.imageshack.us/img525/2529/btnreadmoredg7.gif/btn_read_more.gif) 0 1px no-repeat;
   width:58px;
   height:14px;
   padding:0;
   margin:0;
   float:right;
}
#left p.rm2 a:hover{
   background:url(http://img518.imageshack.us/img518/607/btnreadmorehovercm8.gif/btn_read_more_hover.gif) 0 1px no-repeat;
}

/*------------------------------------------------left panel end---------------------*/

/*------------------------------------------------right panel start---------------------*/
#right{
   width:188px;
   padding:5px 0 55px 0;
   margin:0;
   float:left;
}
#right h2{
   display:block;
   background:url(http://img117.imageshack.us/img117/1872/serchbgcp5.gif/serch_bg.gif) 0 0 no-repeat #ECE2C3;
   width:145px;
   height:27px;
   padding:0 0 0 9px;
   margin:0 0 5px 0;
   font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
   color:#694F10;
   float:left;
}
#right form{
   width:154px;
   padding:0 0 35px 0;
   margin:0;
   float:left;
}
#right form p.domain{
   width:134px;
   height:15px;
   background:url(http://img117.imageshack.us/img117/1872/serchbgcp5.gif/domain_name_bg.gif) 0 0 no-repeat #FCF8EA;
   padding:0 0 0 20px;
   margin:0 0 7px 0;
   font:normal 10px/15px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#900C00;
   text-transform:uppercase;
   float:left;
}
#right form input{
   width:152px;
   height:22px;
   background-color:#fff;
   color:#000;
   border:#D0BE90 solid 1px;
   font:normal 11px/22px Arial, Helvetica, sans-serif;
   float:left;
}
#right form input.go{
   background:url(http://img237.imageshack.us/img237/2803/btngoxl7.gif/btn_go.gif) 0 0 no-repeat;
   width:27px;
   height:11px;
   border:none;
   cursor:pointer;
   float:right;
}
#right h2.scope{
   display:block;
   background:url(http://img237.imageshack.us/img237/9907/serchbgbb8.gif/serch_bg.gif) 0 0 no-repeat #ECE2C3;
   width:145px;
   height:27px;
   padding:0 0 0 9px;
   margin:0 0 12px 0;
   font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
   color:#694F10;
   float:left;
}
#right ul{
   width:140px;
   padding:0 0 28px 9px;
   margin:0 0 0 0;
   float:left;
   font-size:0;
}
#right ul li{
   padding:0;
   margin:0;
   float:left;
}
#right ul li a{
   display:block;
   width:125px;
   background:url(http://img49.imageshack.us/img49/1765/arrow1yi9.gif/arrow1.gif) 0 5px no-repeat #F8EFD3;
   padding:0 0 0 15px;
   font:bold 11px/19px Arial, Helvetica, sans-serif;
   color:#BF0000;
   text-decoration:none;
   height:19px;
}
#right ul li a:hover{
   background:url(http://img49.imageshack.us/img49/5572/arrow1hoveril8.gif/arrow1_hover.gif) 0 5px no-repeat #FEFAEC;
   color:#694F10;
}
#right img.banner{
   display:block;
   width:157px;
   height:146px;
   margin:0 0 15px 0;
   padding:0 0 0 3px;
   float:left;
}
#right p.bottom{
   display:block;
   background:url(http://img49.imageshack.us/img49/9097/bottombgzc3.gif/bottom_bg.gif) 0 0 no-repeat;
   width:162px;
   height:14px;
   padding:0 0 0 22px;
   margin:0;
   float:left;
}
#right p.bottom a.xhtm{
   display:block;
   background:url(http://img129.imageshack.us/img129/2592/xhtmlbgsr3.gif/xhtml_bg.gif) 0 1px no-repeat;
   width:58px;
   height:14px;
   padding:0;
   margin:0 7px 0 0;
   font-size:0;
   float:left;
}
#right p.bottom a.xhtm:hover{
   background:url(http://img210.imageshack.us/img210/7044/xhtmlbghovermn2.gif/xhtml_bg_hover.gif) 0 1px no-repeat;
}
#right p.bottom a.css{
   display:block;
   background:url(http://img129.imageshack.us/img129/1017/cssbgtm9.gif/css_bg.gif) 0 1px no-repeat;
   width:58px;
   height:14px;
   padding:0;
   margin:0;
   font-size:0;
   float:left;
}
#right p.bottom a.css:hover{
   background:url(http://img132.imageshack.us/img132/3936/cssbghoverdp6.gif/css_bg_hover.gif) 0 1px no-repeat;
}
   
/*------------------------------------------------right panel end---------------------*/

/*------------------------------------------------body end---------------------*/

/*------------------------------------------------footer start---------------------*/
#footer{
   width:778px;
   height:207px;
   margin:0 auto;
   padding:31px 0 0 0;
   background:url(images/footer_bg.gif) left bottom no-repeat;
   position:relative;
}
#footer ul{
   width:559px;
   margin:0;
   padding:0;
   position:absolute;
   left:148px;
   top:31px;
}
#footer ul li{
   margin:0;
   float:left;
   font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#880000;
   background-color:#FFFFD5;
   background-image:none;
}
#footer ul li a{
   font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#880000;
   background-color:#FFFFD5;
   text-decoration:none;
   padding:0 10px 0 10px;
}
#footer ul li a:hover{
   color:#000;
   background-color:#C6EC62;
}
#footer p.copyright{
   font:normal 11px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#000;
   background-color:#FFFED0;
   position:absolute;
   left:285px;
   top:50px;
}
#footer p.design{
   display:block;
   width:194px;
   height:17px;
   border:#E1E08E solid 1px;
   padding:0 0 0 35px;
   position:absolute;
   left:291px;
   top:72px;
   font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#990000;
   background-color:#fff;
}
#footer a.link{
   width:85px;
   font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
   color:#990000;
   background-color:#fff;
   padding:0 3px;
   text-decoration:none;
   text-transform:capitalize;
}
#footer a.link:hover{
   color:#fff;
   background-color:#B50000;
}
/*------------------------------------------------footer end---------------------*/

<div id="topBackground">

<div id="container">

  <div id="header">
           
     <ul id="miniMenu">
       <li><a href="index.html">home</a></li>
        <li><a href="single.html">about</a></li>
        <li><a href="#">rss</a></li>
        <li><a href="#">contact</a></li>
     </ul>
   
    <h1><a href="#">YolumuzDevrimYolu
</a></h1>
   
    <h2>a place for your tag line... enjoy</h2>
     
  </div><!-- end #header -->

 <div id="content">

</div><!-- end #mainContent -->
<div id="sidebar">
   
    <ul class="sb1">
      <li><h3>archives</h3></li>
      <li><a href="#">June 2008</a></li>
      <li><a href="#">May 2008</a></li>
      <li><a href="#">April 2008</a></li>
      <li><a href="#">May 2008</a></li>
      <li><a href="#">February 2008</a></li>
      <li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li>
      <li class="sbb"> </li>
    </ul>
   
    <ul class="sb2">
      <li><h3>categories</h3></li>
      <li><a href="#">Apple / Mac</a></li>
      <li><a href="#">Personal</a></li>
      <li><a href="#">Technology</a></li>
      <li><a href="#">Poetry & Writing</a></li>
      <li><a href="#">Environment</a></li>
      <li class="sbb"> </li>
     </ul>
       
    <ul class="sb3">
        <li><h3>links</h3></li>
      <li><a href="#">Lorem ipsum dolor</a></li>
      <li><a href="#">Praesent aliquam</a></li>
      <li><a href="#">Quisque ornare</a></li>
      <li><a href="#">Phasellus tristique</a></li>
      <li><a href="#">Fusce varius urna</a></li>
      <li><a href="#">Etiam leo pede</a></li>
      <li><a href="#">Aenean  sagittis</a></li>
      <li><a href="#">Vestibulum ut nisl</a></li>
      <li><a href="#">Maecenas urna</a></li>
      <li><a href="#">Sed neque mi</a></li>
      <li class="sbContent"><h3>sidebar header</h3></li>
      <li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li>
      <li class="sbb"> </li>
     </ul>
  </div><!-- end #sidebar -->

 
  <br class="clearfloat" />
 
  <div id="footer">
 
    <p>Copyright © 2008, your.site.com - Designed by <a href="mailto:tony( at )20pirates.com">Tony Pires</a> - <a href="#">Terms of Use</a></p>
 
  </div><!-- end #footer -->
 
</div><!-- end #container -->

</div><!-- end #topBackground -->

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: url(http://www.opendesigns.org/designs/1635/images/bg.jpg) repeat-x #FFF;
   color: #435F73;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-align: center;
}

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

a {
   color: #435F73;
}

p {
   line-height: 1.5em;
   padding: 4px 0;
}

b,
strong {
   color: #000;
}

i,
em {
   font-family: Georgia, serif;
}

#sidebar {
   margin-right: 1px;
}

h3.blogMeta {
   position: relative;
   top: 4px;
}

#mainContent #commentList {
   margin-left: 32px;
}

#mainContent ul,
#mainContent ol {
   line-height: 1.5em;margin: 5px 0 5px 50px;
}

#mainContent ul li {
   list-style-image: url(http://www.opendesigns.org/designs/1635/images/b.gif);
}

blockquote {
   background: url(http://www.opendesigns.org/designs/1635/images/q.gif) no-repeat;
   font: 12px Georgia, serif;
   font-style: italic;
   margin: 10px 0 10px 20px;
   padding: 0 60px 0 30px;
   text-align: left;
}

code {
   background: #E5EDF7;
   border-top: 1px solid #84B0D3;
   border-bottom: 1px solid #84B0D3;
   padding: 2px 4px 0 4px;
}

input,
textarea {
   background: #84B0D3;
   border: none;
   color: #000;
   padding: 4px 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #6998C6;
   font-weight: normal;
   line-height: 1.4em;
}

h5,
h6 {
   text-transform: uppercase;
}

h1 {
   font-size: 20px;
}

h2 {
   font-size: 18px;
}

h3 {
   font-size: 16px;
}

h4 {
   font-size: 14px;
}

h5 {
   font-size: 12px;
}

h6 {
   font-size: 10px;
}

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

#topBackground {
   background: url(http://www.opendesigns.org/designs/1635/images/header.jpg) top center no-repeat;
   margin: 0 auto;
   padding-top: 440px;
   width: 960px;
}

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

#header h1 {
   font-size: 48px;
   font-weight: normal;
   letter-spacing: -3px;
   padding-left: 24px;
}

#header h2 {
   color: #6998C6;
   font-size: 16px;
   font-style: italic;
   font-weight: normal;
   padding-right: 70px;
   text-align: right;
}

#header a {
   color: #000;
   text-decoration: none;
}

#miniMenu {
   height: 20px;
   float: right;
   font-size: 10px;
   padding-right: 70px;
   padding-top: 5px;
}

#miniMenu li {
   display: inline;
   margin: 0 1px;
}

#miniMenu a {
   background: #000;
   color: #FFF;
   padding: 2px 4px;
}

#miniMenu a:hover {
   background: #435F73;
   color: #B1DEFF;
}

#sidebar {
   float: right;
   width: 200px;
   padding: 110px 0 0 20px;
   margin-right: 2px
}

#content {
float: left;
width: 450px;
text-padding: 0 0 0 10px;

}


/**** SIDEBAR STYLES & LAYOUT ****/

#sidebar h3 {
   color: #FFF;
   font-size: 22px;
   font-weight: normal;
   margin-bottom: 10px;
}

#sidebar ul {
   list-style: none;
   padding-left: 20px;
}

#sidebar li {
   line-height: 2em;
   font-size: 13px;
}

#sidebar li a {
   color: #B1DEFF;
   text-decoration: none;
}

#sidebar li a:hover {
   color: #FFF;
}

#sidebar li.sbContent h3 {
   margin-top: 10px;
}

#sidebar li.sbContent p {
   border-left: 4px solid #84B0D3;
   color: #FFF;
   font-size: 11px;
   padding: 0 20px 0 10px;
}

#search input {
   margin-top: 10px;
   width: 110px;
}

.sb1 {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y;
   margin-top: -20px;
}

.sb1 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat;
   height: 37px;
   margin-left: -20px;
   width: 200px;
}

.sb2 {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y;
}

.sb2 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep2.gif) no-repeat;
   height: 35px;
   margin-left: -20px;
   width: 200px;
}

.sb3 {
   background: #000;
   margin-right: 0;
   margin-bottom: -10px;
}

.sb3 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat;
   height: 16px;
   margin-left: -20px;
   width: 200px;
}




#footer {
   background: url(http://www.opendesigns.org/designs/1635/images/footer.jpg) bottom left no-repeat;
   height: 27px;
   margin-left: 24px;
   margin-top: 20px;
}

#footer p {
   color: #B1DEFF;
   padding: 8px 0 0 0;
   text-align: center;
}

#footer a {
   color: #B1DEFF;
   text-decoration: none;
}

.floatR {
   float: right;
}

.floatL {
   float: left;
}

.clearfloat {
   clear: both;

<style type="text/css"> <!--
---->Plantilla by Iamyta<----
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center
;background-repeat:no-repeat; }
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility: hidden;}
--> </style> <style type="text/css"> <!--
td.edit_header_full{background-image: url(http://pixelea.com/s/61638a17fd.gif)
; width: 990px; height:180px;}
td.nav:hover{background-image: url(http://pixelea.com/s/4ff5fc8e62.png)}
td.nav{background-image: url(http://pixelea.com/s/4ff5fc8e62.png);}
td.edit_below_nav{visibility: hidden;}
td.edit_content{background-image: url(url);}
td.edit_rechts_cbg{background-image: url(URL);}
td.nav a{color: #000000;font-size:
12px;font-weight: bold;text-align: left;}
td.nav a:hover{color: #ffffff;font-size: 13px;text-align: left;}
body {background-image:url(http://pixelea.com/s/b92b46b57c.png);background-color: #000000;border: 0px dashed #000000
;background-attachment: fixed;}
td.edit_navi_headbg{background-image: url(http://pixelea.com/s/29fe447b44.jpg);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url(http://pixelea.com/s/29fe447b44.jpg);}
td.shouty{color:#000000;background-image: url(http://pixelea.com/s/f6fe92ec58.png)
;background-color: #000000;border: 2px inset #cccccc;}
td.shouty2{color:#000000;background-image: url(http://pixelea.com/s/f6fe92ec58.png)
;background-color: #000000;border: 2px inset #cccccc;}
td.shouty3{color:#000000;background-image: url(http://pixelea.com/s/f6fe92ec58.png)
;background-color: #000000;border: 2px inset #cccccc;}
td.shouty4{color:#000000;background-image: url(http://pixelea.com/s/f6fe92ec58.png)
;background-color: #000000;border: 2px inset #cccccc;}
td.shouty5{color:#000000;background-image: url(http://pixelea.com/s/f6fe92ec58.png)
;background-color: #000000;border: 2px inset #cccccc;}
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_top{background-image: url(http://pixelea.com/s/6604a67def.png)
; width: 0px;height:73px;}
td.edit_content_top:hover{background-image: url(http://pixelea.com/s/6604a67def.png)
; width: 0px;height:73px;}
td.edit_content_bottom2{background-image: url(); width: 0px;height:73px;}
td.edit_content_bottom{visibility: hidden;width: 0px;}
td.nav_heading{background-image:url(http://pixelea.com/s/d4b297b5b1.png);}
td.sidebar_heading{background-image:url(http://pixelea.com/s/d4b297b5b1.png);}
td.nav_heading a{color: ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.edit_content_bottom2 a{color: #ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.sidebar_heading a{color:#ffffff;font-size: 12px;font-weight: bold;text-align: center;}
td.headline2{color: #ffffff;font-size: 12px;font-weight: bold;}
--> </style></center></center></div></div></td>

<style type="text/css"><!--
---->Plantilla by *IAMYTA*<----
td.headline{visibility: hidden;}
td.edit_header_full{background-image: url(http://pixelea.com/s/80d5959158.gif); width: 921px; height:260px;}
td.nav:hover{background-image: url(http://pixelea.com/s/e06dc77e70.gif)}
td.nav{background-image: url(http://pixelea.com/s/d4c4ba3a55.png);}
td.edit_below_nav{visibility: hidden;}
td.edit_content{background-image: url();width: 0px;}
td.edit_rechts_sbg{background-image: url();width:}
td.edit_rechts_cbg{background-image: url();width:}
td.nav a{color: #ffffff;font-size: 13px; font-weight: bold; text-align: center;}
td.nav a:hover{color: #ffffff;font-size: 13px; font-weight: bold;text-align: center;}
body {background-image:url(http://pixelea.com/s/f23fe7b816.png);background-color: #000000;border: 0px dashed #000000;background-repeat:no-repeat;background-position:center center;background-attachment: fixed;}
td.edit_navi_headbg{background-image: url(http://pixelea.com/s/154eaa136b.png);}
td.edit_rechts_sbg{visibility: hidden;}
td.edit_rechts_bottom{background-image: url(http://pixelea.com/s/154eaa136b.png);}
td.shouty{color:#ffffff;background-image: url(http://pixelea.com/s/76f53871c5.gif); width: 160px;height:190px;background-color: transparent;border: 3px inset #cc6600;}
td.shouty2{color:#ffffff;background-image: url(http://pixelea.com/s/76f53871c5.gif); width: 160px;height:190px; background-color: transparent;border: 3px inset #cc6600;}
td.shouty3{color:#ffffff;background-image: url(http://pixelea.com/s/76f53871c5.gif); width: 160px;height:190px;background-color: transparent;border: 3px inset #cc6600;}
td.shouty4{color:#ffffff;background-image: url(http://pixelea.com/s/76f53871c5.gif); width: 160px;height:190px;background-color: transparent;border: 3px inset #cc6600;}
td.shouty5{color:#ffffff;background-image: url(http://pixelea.com/s/76f53871c5.gif); width: 160px;height:200px;background-color: transparent;border: 3px inset #cc6600;}
td.edit_rb_footer{visibility: hidden; width: 0px ;}
td.edit_content_top{background-image: url(http://pixelea.com/s/2464728c01.png); width: 0px;height:28px;}
td.edit_content_top:hover{background-image: url(http://s1.subirimagenes.com/imagen/previo/thump_1819308dibujo.png); width: 0px;height:28px;}
td.edit_content_bottom2{background-image: url(http://pixelea.com/s/2464728c01.png); width: 0px;height:28px;}
td.edit_content_bottom{background-image: url(); width: 0px;height:18px;}
td.nav_heading{color:#cc6600;font-size: 14px;font-weight: bold;text-align: center;background-image: url(http://pixelea.com/s/bd5708c0cf.png); width: 0px;height:28px;background-color: transparent;border: 0px inset transparent;}
td.sidebar_heading{color:#cc6600;font-size: 14px;font-weight: bold;text-align: center;background-image: url(http://pixelea.com/s/bd5708c0cf.png); width: 0px;height:28px;background-color: transparent;border: 0px inset transparent;}
td.nav_heading a{color: #cc6600;font-size: 15px;font-weight: bold;text-align: center;}
td.edit_content_bottom2 a{color: #cc6600;font-size: 12px;font-weight: bold;text-align: center;}
td.sidebar_heading a{color:#cc6600;font-size: 12px;font-weight: bold;text-align: center;}
td.headline2{color: #ffffff;font-size: 12px;font-weight: bold;}
--> </style></div></div></td>

<style type="text/css">  <!--
body{background-image:url(http://img527.imageshack.us/img527/5167/abstractwallpaper160012jj6.jpg);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rechts_bottom{background-image: url();}

td.edit_header_full{background-image:url();background-color:#NÚMERO DEL COLOR;}

td.nav_heading{background-image:url(http://img.webme.com/pic/c/coolplace/button0009.gif);background-color:;}
td.nav{background-image:url(http://img.webme.com/pic/c/coolplace/button0043.gif);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(http://img.webme.com/pic/c/coolplace/button0044.gif);background-color:#NÚMERO DEL COLOR;}

td.sidebar_heading{background-image:url(http://img.webme.com/pic/c/coolplace/button0009.gif);background-color:;}
td.shouty{background-image:url();background-color:##105ca8;}
td.shouty2{background-image:url();background-color:#105ca8;}
td.shouty3{background-image:url();background-color:#105ca8;}
td.shouty4{background-image:url();background-color:#105ca8;}
td.shouty5{background-image:url();background-color:#105ca8;}
td.edit_rb_footer{background-image:url(http://img.webme.com/pic/c/coolplace/button0009.gif);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url();background-color:#105ca8;}
td.edit_content{background-image:url(http://img527.imageshack.us/img527/5167/abstractwallpaper160012jj6.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url();background-color:#105ca8;}
td.edit_content_bottom:hover{background-image:url();}
td.edit_content_bottom2{background-image:url();background-color:;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

--></style>

 h1#title,h2#title span,div.header,li.nav_element{display:none}li.nav_element{list-style-type:none}*{padding:0;margin:0}body{font:12px "clear type",arial,verdana,helvetica,sans-serif;color:#000;background:#ffffff() top center fixed}body,#tasarim,#logo,#ust,#orta,#alt,#nazarboncugu{margin-left:auto;margin-right:auto}#tasarim,#logo,#ust,#orta,#alt{width:920px}#logo{background:url();height:250px}#logo,#ust,.diyorki,.reklam,.minimenu,#orta,.solsutun,.sagsutun,#alt,.copyright,#nazarboncugu{float:left}#ust{background:url(http://img.webme.com/pic/m/mehmet-altiner/mehmetust.png);height:297px}.diyorki{width:305px;padding:30px 0 0 30px}.diyorki,.reklam,.minimenu,.solsutun,.sagsutun,.copyright,#nazarboncugu{overflow:hidden}.diyorki,.reklam,.minimenu,.solsutun,.sagsutun,.copyright{list-style-image:url()}.reklam{width:173px;padding:50px 0 0 80px}.minimenu{width:300px;padding:30px 0 0 20px}#orta{background:url(http://img.webme.com/pic/m/mehmet-altiner/ynimhmhtortaaa.png);height:100%}.solsutun{width:145px;padding:0 0 0 38px}.sagsutun{width:672px;padding:0 0 0 42px}.sagsutun,.copyright,#alt{background:url(http://img.webme.com/pic/m/mehmet-altiner/ynimhmtalt.png);height:348px}.copyright{width:380px;padding:85px 0 0 520px}#nazarboncugu{width:94px;height:96px;padding:0 0 0 0;background:url()}#kommentartext,#gbooktext{background:url()}a:link,a:visited{color:green}a:link,a:visited,a:hover{text-decoration:none}a:hover{color:blue}
           

<div id="tasarim">

<div id="ust">
<div class="diyorki"> </div>
<div class="reklam">Reklam Alanı 1 | Burada sizin siteniz olabilir !</div>

<div class="minimenu">
</div>

</div>

<div id="orta">

<div class="solsutun">
İçerik buraya
<br/><br/>

<hr><h3><center>Hızlı Menü</center></h3><hr/>

<center><li><a href="/" class="menu"><span>AnaSayfa</span></a></li>
<li><a href="/hakkimda.htm" class="menu"><span>Hakkımda</span></a></li>
<li><a href="/100.htm" class="menu"><span>Yorumlar</span></a></li>
<li><a href="/ps.htm" class="menu"><span>Photoshop</span></a></li>
<li><a href="/rap.htm" class="menu"><span>Bilgisayar</span></a></li>
<li><a href="/rap.htm" class="menu"><span>İnternet</span></a></li>
<li><a href="/TopList.htm" class="menu"><span>TopList</span></a></li>
<li><a href="/Anket.htm" class="menu"><span>Anketler</span></a></li>
</center>

<hr><h3><center>Duyuru</center></h3><hr/>
<center>İçerik buraya</center>

<hr><h3><center>Reklam Alanı 2</center></h3><hr/>
İçeirk buraya
</div>
<div class="sagsutun">

</div>
<div id="alt">
<div class="copyright">
<center>Reklam Alanı 3
</center></div>
</div>

<style type="text/css">
<!--
td.nav{background-image:url(http://child.tasarim.googlepages.com/gri6nav.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://child.tasarim.googlepages.com/gri6navhover.png); background-repeat:no-repeat;}
td.nav a{text-color:#FD0000;}
td.nav_heading{background-image:url(http://child.tasarim.googlepages.com/headinggri6.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://child.tasarim.googlepages.com/gri6head.png);}
td.edit_content_bottom{http://child.tasarim.googlepages.com/headinggri6.png}
td.edit_content_top{background-image:url(http://child.tasarim.googlepages.com/headinggri6.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(display:none;);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(); background-attachment: fixed;background-color:#acb1b7;}
td.sidebar_heading{background-image:url(http://child.tasarim.googlepages.com/headinggri6.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {display:none;;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content_bottom:hover{background-image: url(http://child.tasarim.googlepages.com/headinggri6.png);}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url();background-color:#acb1b7;}
td.shouty2{background-image:url();background-color:#acb1b7 ;}
td.shouty3{background-image:url();background-color:#acb1b7 ;}
td.shouty4{background-image:url();background-color:#acb1b7;}
td.shouty5{background-image:url();background-color:#acb1b7;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<style type="text/css">




<!--
td{color:#ffffff;}
a{color:#ffffff;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}
body{background-attachment:fixed;background-image:url(http://img.webme.com/pic/w/webmaster-03/urban1-1024x789.jpg);}
td.nav{background-image:url(http://www.alnumel.com/-%20Button-Seite-2_dosyalar/wh001.jpg);}
td.nav:hover{background-image:url(http://www.alnumel.com/-%20Button-Seite-2_dosyalar/wh001.jpg);}
td.nav_heading{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/azz8.jpg);}
td.nav a{color:#FFFFFF;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url();}
td.headline2{background-image:url();}
td.headline{background-image:url();}
td.edit_content{background-image:url();}
div{color:#FFFFFF;width:100%;}
td.edit_content_top{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/azz8.jpg);}
td.edit_content_bottom{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/azz8.jpg);}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/azz8.jpg);}
td.shouty{background-image:url(http://img.webme.com/pic/w/webmaster-03/arkaplan2.jpg);background-color:transparent;}
td.shouty2{background-image:url();background-color:transparent;}
td.shouty3{background-image:url();background-color:transparent;}
td.shouty4{background-image:url();background-color:transparent;}
td.shouty5{background-image:url();background-color:transparent;}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url();}
--> </style><br />

<style type="text/css">
<!--
td{color:#ffffff;}
a{color:#ffffff;font-size:15px;}
a:visited{font-size:15px;}
a:hover{font-size:15px;}
body{background-attachment:fixed;background-image:url(http://www.stevetruett.com/Art/wallpapers/trifection_1280x960.jpg);}
td.nav{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.nav:hover{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.nav_heading{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.nav a{color:#FFFFFF;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url(baslik resmi urlu buraya gelecek);}
td.headline2{background-image:url();}
td.headline{background-image:url();}
td.edit_content{background-image:url();}
div{color:#FFFFFF;width:100%;}
td.edit_content_top{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.edit_content_bottom{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
td.shouty{background-image:url();background-color:transparent;}
td.shouty2{background-image:url();background-color:transparent;}
td.shouty3{background-image:url();background-color:transparent;}
td.shouty4{background-image:url();background-color:transparent;}
td.shouty5{background-image:url();background-color:transparent;}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/vs093.png);}
--> </style>