Blue Tasarim

<div id="templatemo_wrapper">      <div id="templatemo_header">         <div id="site_title">              <h1><a target="_self" href="http://www.online-blogum.tr.gg/" _fcksavedurl="http://www.online-blogum.tr.gg/"><img border="0" alt="" body="" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D0%22" style="opacity: 1; width: 250px; height: 50px;" src="http://img.webme.com/pic/o/online-blogum-css/logo.png" _fcksavedurl="http://img.webme.com/pic/o/online-blogum-css/logo.png" /></a></h1>         </div> <!-- end of site_title -->                  <ul id="social_box">             <li><a href="http://facebook.com" _fcksavedurl="http://facebook.com"><img src="http://img.webme.com/pic/o/online-blogum-css/facebook.png" _fcksavedurl="http://img.webme.com/pic/o/online-blogum-css/facebook.png" alt="facebook" /></a></li>                         </ul>               </div> <!-- end of templatemo_header -->          <div id="templatemo_menu">        <div class="home"><a href="/Anasayfa" _fcksavedurl="/Anasayfa"></a></div>         <ul>             <li><a href="İletisim.html" _fcksavedurl="İletisim.html" class="current">Sorun ne?<span>İletişim</span></a></li>             <li><a href="Blog.html" _fcksavedurl="Blog.html">Burada Blog Varr!<span>Blog</span></a></li>             <li><a href="Ziyaretci-Defteri.html" _fcksavedurl="Ziyaretci-Defteri.html">Görüşünü Bildir.<span>Yorum YAZ!</span></a></li>             <li><a href="Hakkimda.html" _fcksavedurl="Hakkimda.html">Ben Kimim<span>Hakkımda</span></a></li>             <li><a href="HTML-Kodlar.html" _fcksavedurl="HTML-Kodlar.html">Tüm Kodlar Burada!<span>HTML Kodlar</span></a></li>             <li><a href="Css-Tasarimlar.html" _fcksavedurl="Css-Tasarimlar.html" class="last">Seninde Bir Tarzın Olsun!<span>Css Tasarımlar</span></a></li>         </ul>            </div> <!-- end of templatemo_menu -->          <div id="templatemo_content_wrapper">        <div id="templatemo_content_top"></div>         <div id="templatemo_content">

                 </div>         <div id="templatemo_content_bottom"></div>    </div>          <div id="templatemo_sp_box">             <div class="col_w340 float_l">             <img src="http://img.webme.com/pic/o/online-blogum-css/bar-graph.png" _fcksavedurl="http://img.webme.com/pic/o/online-blogum-css/bar-graph.png" alt="image" />             <div class="right"> <h4>Link Takaslar</h4> <p><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a>   |   <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a>   |   <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a>   |   <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a><br /> <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a>   |   <a href="/iletisim.htm" _fcksavedurl="/iletisim.htm">Link Takas</a></p> <div class="button"><a href="#" _fcksavedurl="#"><span>+</span> Devamı</a></div> </div> </div> <div class="col_w340 float_r"><br /> <div class="right"> </div> </div> </div> <div id="templatemo_footer">Copyright © 2012-2013 Tüm Hakkı Saklıdır. <a href="http://Siteadi.com" _fcksavedurl="http://Siteadi.com">Siteadi.com</a> -          Designed by <a target="_parent" href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com">Free CSS Templates</a> | BS Uyarlama <a href="http://Online-Blogum.TR.GG" _fcksavedurl="http://Online-Blogum.TR.GG">Online-Blogum.TR.GG</a> <br><center> Üst Kısmı Değiştirmek Kesinlikle ve Kesinlikle Yasaktır.</div>  <!-- end of templatemo_footer -->        <!-- end of templatemo_wrapper -->

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}   /* Credit: http://www.templatemo.com */  body {    margin: 0px;    padding: 0px;    color: #333;    font-family: Tahoma, Geneva, sans-serif;    font-size: 13px;    line-height: 1.5em;     background-color: #0097d6;    background-image: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_body.jpg);    background-repeat: repeat-y;    background-position: center; }  a, a:link, a:visited { color: #0066CC; text-decoration: none; } a:hover { color: #CC3300; text-decoration: underline; }  p { margin: 0px; padding: 0; } img { border: none; }  h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; } h2 { font-size: 28px; font-weight: normal; margin: 0 0 20px 0; padding: 0; } h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; } h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #333; } h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; } h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; }   .float_l { float: left; } .float_r { float: right; }  .image_wrapper { display: inline-block; padding: 4px; border: 1px solid #fff; background: none; margin-bottom: 10px; } .image_fl { float: left; margin: 3px 15px 0 0; } .image_fr { float: right; margin: 3px 0 0 15px; }  blockquote { font-style: italic; margin-left: 10px;} cite { font-weight: bold; color:#3b3823; } cite span { color: #696443; } em { color: #000; }  .tmo_list { margin: 20px 0; padding: 0; list-style: none; } .tmo_list li { background: transparent url(http://img.webme.com/pic/o/online-blogum-css/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px;    line-height: 1em; } .tmo_list li a { color: #fff; } .tmo_list li a:hover { color: #ff4301; }   .button a { color: #333; font-weight: bold; }  .button a span { color: #de3f00; font-size: 18px; }  .button a:hover { color: #de3f00; text-decoration: none; }  #templatemo_wrapper {     width: 970px;    margin: 0 auto; }  #templatemo_header {    width: 740px;    height: 180px;    padding: 0 100px 0 130px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_header.png) top no-repeat ; }  #templatemo_header  #site_title {    float: left;    margin: 60px 0 0 60px; }  #templatemo_header  #site_title a {    margin: 0px;    padding: 0px;    font-size: 40px;    color: #ffffff;    font-weight: bold;    text-decoration: none; }  #templatemo_header  #site_title a span {    display: block;    text-align: right;    font-size: 14px;    color: #fff;    font-weight: normal;    margin-left: 5px; }  #social_box {    float: right;    display: inline-block;    margin: 10px 0 0;    padding: 0;    list-style: none; }  #social_box li {    display: block;    float: left;    padding: 0;    margin: 0; }  #social_box li a {    width: 46px;    height: 46px;    margin-right: 5px; }   /* menu */  #templatemo_menu {    clear: both;    width: 950px;    height: 122px;    padding: 0 10px;    margin-bottom: 20px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_menu.png) no-repeat top; }  #templatemo_menu .home a {    float: left;    width: 52px;    height: 52px;    margin: 9px 19px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_home.png) no-repeat center; }  #templatemo_menu .home a:hover {    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_home_hover.png) no-repeat center; }   #templatemo_menu ul {    float: left;    display: inline-block;    height: 50px;    margin: 0;    padding: 10px 0;    list-style: none; }  #templatemo_menu ul li {    padding: 0;    margin: 0;    display: inline-block; }  #templatemo_menu ul li a {    float: left;    display: block;    height: 45px;    width: 140px;    padding: 5px 0 0 0;    font-size: 11px;    color: #666;        text-align: center;    text-decoration: none;    font-weight: normal;    outline: none;    border: none;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_menu_divider.gif) repeat-y right; }  #templatemo_menu ul li a span {    display: block;    font-size: 20px;    font-weight: normal;    color: #333; }  #templatemo_menu ul li .last {    background: none; }  #templatemo_menu ul li a:hover, #templatemo_menu ul .current {    color: #a13c03; }   #templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {     color: #a13c03;  }  #templatemo_menu ul li a span:hover {    color: #a13c03; } /* end of menu */  /* content */  #templatemo_content_wrapper {    width: 802px;    padding: 0 68px 0 100px; }  #templatemo_content_top {    width: 802px;    height: 10px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_content_top.png) no-repeat; }  #templatemo_content_bottom {    width: 802px;    height: 10px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_content_bottom.png) no-repeat; }     #templatemo_content {    padding: 20px 30px;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_content.png) repeat-y; }   #templatemo_content p {    margin-bottom: 10px; }         .col_w340 {    width: 340px; }  .col_w220 {    width: 220px; }  .news_box {    clear: both;    margin-bottom: 30px;    padding-bottom: 30px;    border-bottom: 1px dashed #fff; }  .news_box .news_meta {    margin-bottom: 10px; }  .news_box img {    float: left;    width: 240px;    height: 180px;    margin-right: 30px;    border: 1px solid #fff;    padding: 4px; }  .news_box_last {    margin: 0;    padding: 0;    border: none; }   .service_box {    width: 340px;    margin-bottom: 40px; }  .service_box img {    float: left;    width: 48px;    height: 48px; }  .service_box .sb_right {    float: right;    width: 260px; }  .comment{    font-weight: bold; }  /* end of content */  /* sp_box */  #templatemo_sp_box {    width: 740px;    height: 140px;    margin: 20px 70px 0 100px;    padding: 30px;    color: #eac5b8;    background: url(http://img.webme.com/pic/o/online-blogum-css/templatemo_sp_box.png) no-repeat; }   #templatemo_sp_box h4 {    color: #fff; }  #templatemo_sp_box img {    float: left;    width: 80px;    height: 80px; }  #templatemo_sp_box .right {    float: right;    width: 240px; }  #templatemo_sp_box p {    margin-bottom: 15px; }  #templatemo_sp_box .button a span { color: #fff; } #templatemo_sp_box .button a { color: #000;    } #templatemo_sp_box .button a:hover { color: #fff; }  /* end of sp_box */   #contact_form {    float: left;    padding: 0; }  #contact_form form {    margin: 0px;    padding: 0px; }  #contact_form form .input_field {    width: 300px;    padding: 5px 0;    background: #FFFFFF;    border: 1px solid #CCCCCC; }  #contact_form form label {    display: block;    width: 100px;    margin-bottom: 5px;    font-size: 14px;    }  #contact_form form textarea {    width: 335px;    height: 200px;    background: #FFFFFF;    border: 1px solid #CCCCCC; }  .submit_btn {    margin: 0px;    padding: 5px 10px;    color: #FFFFFF;    background: #0099FF;    border: 1px solid #FFFFFF; }  /* footer */  #templatemo_footer {    width: 770px;    padding: 20px 100px;;    text-align: right;    color: #12526d; }  #templatemo_footer a {    color: #000; }  /* end of footer */