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

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
   <td id="asd">&nbsp;</td>
   <td id="qw">
<div id="page">
  <div id="header">
    <div id="headerimg">
     <h1><a href="#">Kalpten Ses</a></h1>
     <div class="description">Kalpten Saat Gibi Çalan Ses!.</div>
   </div>
  </div>
  <!--/header -->
<div id="con_pad">
  <div id="content">
 
   
      
    <div class="post" id="post-4">
     <div class="post-date"><span class="post-month">Nis</span> <span class="post-day">13</span></div>
     <div class="post-title">
     <h4><a href="#" rel="bookmark" title="Permanent Link to Hüzünlü Bir Hikaye">Kalpten-Ses.Tr.Gg</a></h4>
      <span class="post-cat">Linkler</span> <span class="post-comments"><span>Yorumlar</span></span>
     </div>
     <div class="entry">

</div>
   </div><!--/post -->
   
    
   
   
      
   <div class="navigation">
     <span class="previous-entries"></span> <span class="next-entries"></span>
   </div>
   
      
  </div><!--/content -->
 
<div id="sidebar">
<ul>

 
    <li>
      <form method="get" id="searchform" action="#">
<div><input value="" name="s" id="s" type="text">
<input id="searchsubmit" value="Search" type="submit">
</div>
</form>
    </li>
   <li>
      <h4 class="sidebartitle">Menü</h4>
         <ul class="list-cat">
<li><a href="http://www.kalpten-ses.tr.gg">Anasayfa</a></li>
<li><a href="http://kalpten-ses.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
         </ul>
   </li>
   
    <li>
      <h4 class="sidebartitle">Yazılar,Şiirler</h4>
      <ul class="list-cat">
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
      </ul>
    </li>
    <li>
      <h4 class="sidebartitle">Slaytlar</h4>
      <ul class="list-archives">
           <li><a href="http://Link Burya">Link Burya</a></li>
      </ul>
    </li>
    <li>
      <h4 class="sidebartitle">Top10</h4>
      <ul class="list-blogroll">
        <li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>
<li><a href="http://Link Burya">Link Burya</a></li>

      </ul>
    </li>

 
 </ul>
</div>
<!--/sidebar --></div>

  <div id="footer">
  <!--recent comments start -->
  <div class="footer-recent-posts">
    <h4>Duyurular</h4>
        <ul>
      <li>
Sitemiz Hayırlı Olsun.Sadece:''AŞK''
      </ul>
  </div>
  <!--recent comments start -->

  <!--recent comments start -->
  <div class="footer-recent-comments">
       <h4>Copriyght</h4>
<ul>
   <li><strong><a href="#?p=1#comment-1" title="on Merhaba dünya!</li>
</ul>  </div>
  <!--recent comments end -->
 
   <!--about text start -->
   <div class="footer-about">
      <h4>About</h4>
<p>Bu Css By_PaTRoN Tarafından Düzenlenmiştir <a href="http://www.kalpten-ses">Kalpten Ses</a>.</p>

<p>Bu Site Sadece Aşk Üzerine Kurulmuştur.Saygılar</p>   
   </div>
   <!--about text end -->
   
  <hr class="clear">
  </div><!--/footer -->
 
</div><!--/page -->

<!--credits start -->
<div id="credits">
<div class="alignright"><a href="http://www.mircnet.org/">mIRC</a> Powered by <a href="http://www.wptr.net/">Wptr</a> ve <a href="http://www.kalpten-ses.tr.gg" target="_blank">Kalpten Ses</a>
  Bu site <a href="http://www.tatilde.org/"> Tatil</a> ve <a href="http://www.wptr.net/2008/04/12/gece-gunduz-temasi/">Gece Gündüz Teması</a> ile guclendirilmistir </div>
</div>
  </td>
   <td id="dsa">&nbsp;</td>
</tr>
</tbody></table>
<!--credits 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;}

/*
Theme Name: Dreamplace
Theme URI: http://www.nattywp.com
Description: WordPress theme designed by <a href="http://www.nattywp.com">Natty WP</a>.
Version: 1.2
Author: Dmitry A
Author URI: http://www.nattywp.com/

   This theme was designed and built by Dmitry Arhipov.
   
   By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to Natty Wp must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
*/

body {
   font: 75%/150% "Trebuchet MS", Tahoma, Arial;
   color: #333333;
   background: #000000;
   margin: 0px;
   padding: 0px 0px 0px;
}
a {
   color: #CC6600;
   text-decoration: none;
}
a:visited {
   color: #CC6633;
   text-decoration: none;
}
a:hover {
   color: #FF6600;
   text-decoration: underline;
}
img {
   border: none;
}
p {
   padding: 0px 0px 15px;
   margin: 0px;
}
h1 {
   margin:0px;
   text-align:right;
   padding-right:15px;
   font-size:24px;
   font: "Trebuchet MS", Tahoma, Arial;
   font-style:italic;
   color: #000000;
}
h1 a, h1 a:visited{
   color: #000000;
   text-decoration: none;
}
h1 a:hover{
   color: #ffffff;
   text-decoration: none;
}
h4 {
   color: #59770e;
   margin: 0px 0px 2px;
   border-bottom: 1px dotted #CCCCCC;
   letter-spacing: -1px;
   font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
   padding-bottom: 3px;
}
h4 a, h4 a:visited {
   color: #59770e;
   text-decoration: none;
}
h4 a:hover {
   color: #FF6600;
   text-decoration: none;
}
h3 {
   font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
   color: #758d38;
   margin: 10px 0px 5px;
}
h4 {
   font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
   color: #758d38;
   margin: 10px 0px 5px;
}
form {
   margin:0px;
   padding:0px;
}
#asd {
   color:#FFFFFF;
   background: #e6920c url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/bg_lt.jpg) top right repeat-x;
}
#dsa {
   color:#FFFFFF;
   background: #22403e url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/bg_rt.jpg) top left repeat-x;
}
#qw{
width:770px;
}
#page {
   margin: 0px auto;
   width: 770px;
   background: #FFFFFF url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/content-bg.gif) repeat-y;
}
/* header area */
#header {
   background: #0FACEA url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/header.jpg) no-repeat;
   height: 207px;
   border-bottom: 3px solid #000000;
   position: relative;
}
#headerimg {
   position: relative;
   padding: 45px 0px 0px 40px;
   height: 60px;
}
#headerimg .description{
   font-style:italic;
   text-align:right;
   padding:5px 15px 0px 0px;
   color: #ffffff;
   font-size: 12px;
}
#nav {
   list-style: none;
   margin: 0px;
   position: absolute;
   right: 10px;
   bottom: 0px;
}
#nav li {
   float: left;
   margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
   color: #000000;
   text-decoration: none;
}
#nav .page_item a{
   color: #ffffff;
   text-decoration: none;
   background: #5c8d0c url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/nav-button-bg.gif) repeat-x;
   padding: 5px 15px;
   font: bold 14px/100% Arial, Helvetica, sans-serif;
   border-top: 1px solid #E6EED0;
   border-left: 1px solid #AFCD69;
   border-right: 1px solid #AFCD69;
   display: block;
}
#nav .page_item a:hover {
   color: #000000;
}

/* content area */
#con_pad{
   border-left: 3px solid #000000;
   border-right: 3px solid #000000;
   width:764px;
   overflow: hidden;
}
#content {
   padding: 10px 0px 30px 20px;
   float: left;
   width: 485px;
   overflow: hidden;
}
.post {
   clear:both;
   padding-top: 15px;
}
.post-date {
   width: 45px;
   height: 49px;
   float:left;
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/date-bg.gif) no-repeat;
}
.post-month {
   font-size: 11px;
   text-transform: uppercase;
   color: #FFFFFF;
   text-align: center;
   display:block;
   line-height: 11px;
   padding-top: 2px;
   margin-left: -3px;
}
.post-day {
   font-size: 18px;
   text-transform: uppercase;
   color: #999999;
   text-align: center;
   display:block;
   line-height: 18px;
   padding-top: 7px;
   margin-left: -3px;
}
.post-title {
   float: left;
   margin-left: 10px;
   width: 430px;
}

.entry {
   clear: both;
   padding-top: 10px;
}
.post-cat {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-category.gif) no-repeat;
   padding-left: 20px;
   float:left;
   font-size: 95%;
   color: #999999;
}
.post-comments {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-comments.gif) no-repeat;
   padding-left: 20px;
   float: right;
   font-size: 95%;
}
.post-calendar {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-calendar.gif) no-repeat;
   padding-left: 20px;
   float: right;
   font-size: 95%;
   color: #999999;
}
.mini-add-comment {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-down-arrow.gif) no-repeat;
   padding-left: 18px;
   float: right;
}
.navigation {
   clear: both;
   padding: 10px 0px;
}
.navigation a, .navigation a:visited {
   color: #59770e;
}
.previous-entries a {
   float: left;
   padding-left: 18px;
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
   float: right;
   padding-right: 18px;
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
   border-bottom: 1px dotted #CCCCCC;
   padding: 10px 0 5px 0;
   clear: both;
}
.commentlist {
   margin: 10px 0px;
   padding-left: 20px;
   line-height: 130%;
}
.commentlist li{
   padding: 5px 10px;
}
.commentlist .alt {
   background: #f1fedb;
}
.commentlist cite {
   font-weight: bold;
   font-style: normal;
   font-size: 120%;
   color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
   color: #CC6600;
}
.commentlist small {
   margin-bottom: 5px;
   display: block;
   font-size: 87%;
}
#commentform {
   margin-top: 10px;
   font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
   padding: 6px 0px;
   margin: 0px;
}
#commentform label{
   color: #787878;
   font-size: 87%;
}
#commentform input{
   width: 200px;
   background:#f1fedb;
   border: 1px solid #bdd77f;
   padding: 3px;
   margin-top: 3px;
}
#commentform textarea{
   width: 478px;
   height: 115px;
   background:#f1fedb;
   border: 1px solid #bdd77f;
   padding: 2px;
   margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
   background: #ffffff;
}
#commentform #submit{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/btn-bg.gif) no-repeat;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   border: none;
   float:right;
   width: 144px;
   height: 28px;
   cursor: pointer;
}

/*sidebar */
#sidebar {
   float: right;
   padding: 0px 10px 20px 0px;
   width: 220px;
   color: #666666;
   overflow: hidden;
}
/*sidebar title (h4) */
#sidebar h4, #sidebar .sidebartitle{
   font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
   color: #758d38;
   margin: 20px 0px 2px;
   border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
   color: #495233;
   text-decoration: none;
}
#sidebar a:hover{
   color: #FF6600;
   text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
   margin: 0;
   padding: 0;
}
#sidebar ul li {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
   padding: 0;
   margin: 0;
}
#sidebar ul li ul li{
   padding: 2px 0 2px 0px;
   border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
   padding: 1px 0 1px 10px;
   border: none;
}
/*blogroll */
ul.list-blogroll li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-blogroll.gif) no-repeat !important;
   padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-category.gif) no-repeat !important;
   padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-monthly-archive.gif) no-repeat !important;
   padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-page.gif) no-repeat !important;
   padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-page-arrow.gif) no-repeat !important;
   padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-recent-comments.gif) no-repeat !important;
   padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
   padding: 1px 7px;
}
/*text widget */
.textwidget {
   padding-top: 5px;
}

/*search form */
#searchform {
   margin: 15px 0 0;
}
#searchform br {
   display: none;
}
#searchform #s {
   border:1px solid #203346;
   width: 135px;
   height: 22px;
   padding: 4px 5px 0px 5px;
   border: 1px solid #bed881;
   background: #fff;
   margin-right: 2px;
   color: #000000;
   font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/search-btn-bg.gif) no-repeat;
   border: none;
   width: 67px;
   height: 26px;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   vertical-align: middle;
}

/* footer area */
#footer {
   clear: both;
   background: #000000;
   color: #ACD7EE;
   font-size: 95%;
   line-height: 130%;
   padding-bottom: 10px;
}
#footer a, #footer a:visited {
   color: #ffffff;
}
#footer h4 {
   font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
   color: #9cdbfb;
   margin: 10px 0px 5px;
}
.footer-recent-comments {
   width: 240px;
   float: left;
   margin-left: 10px;
}
.footer-recent-comments ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.footer-recent-comments ul li {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-footer-comments.gif) no-repeat;
   padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
   width: 240px;
   float: left;
   margin-left: 10px;
}
.footer-recent-posts strong {
   font-size: 107%;
   line-height: 135%;
   font-weight: bold;
}
.footer-recent-posts ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   font-size: 92%;
   line-height: 110%;
}
.footer-recent-posts ul li {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-footer-post.gif) no-repeat;
   padding: 0px 0px 10px 20px;
}
.footer-about {
   width: 220px;
   float: right;
   padding-right: 10px;
   padding-left: 10px;
   background: #000000;
}
/* credits */
#credits {
   margin: 0px auto;
   width: 770px;
   color: #000000;
   font-size: 85%;
   line-height: 120%;
   height:100px;
   background:url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/bottom.jpg);
}
#credits a, #credit a:visited {
   color: #000000;
}
.rss {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-rss.gif) no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin-left: 8px;
}
.loginout {
   background: url(http://testrun.wptr.net/wp-content/themes/dreamplace/images/mini-loginout.gif) no-repeat left center;
   padding-left: 18px;
   padding-bottom: 2px;
   margin-left: 8px;
}

/* alignments */
.center {
   text-align: center;
}
img.center, img[align="center"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
img.alignleft, img[align="left"] {
   float:left;
   margin: 2px 10px 5px 0px;
}
.alignright {
   float: right;
   padding-top:3px;
   padding-right:13px;
}
img.alignright, img[align="right"] {
   float:right;
   margin: 2px 0px 5px 10px;
}
.clear {
   clear:both;
}
hr.clear {
   clear:both;
   visibility: hidden;
   margin: 0px;
   padding: 0px;
}

body {
width : 600px;
background : #000;
padding : 30px;
font-size : 9pt;
font-family : fixedsys, LucidaTerminal, monospace;
color : #ffffff;
text-align : left;
overflow : auto;
border : 5px solid #ffffff;
margin-left : 200px;
margin-top : 50px;
margin-bottom : 50px;
}
h1 {
margin-bottom : -10px;
margin-top : -10px;
}
.cse-branding-bottom, .cse-branding-right {
margin : 0;
padding : 0;
}
.cse-branding-bottom:after, .cse-branding-right:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.cse-branding-text {
font : 10px Arial;
}
.cse-branding-form form {
margin-bottom : 0;
padding-bottom : 0;
}
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {
display : block;
float : left;
}
.cse-branding-bottom .cse-branding-form {
margin-bottom : 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding : 0;
}
.cse-branding-bottom .cse-branding-text {
padding-top : 4px;
}
.cse-branding-right .cse-branding-form {
float : left;
}
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {
margin-left : 4px;
}
.cse-branding-right .cse-branding-form {
float : left;
margin-right : 4px;
}
.cse-branding-right .cse-branding-logo {
padding : 0;
}
.cse-branding-right .cse-branding-text {
margin-top : -4px;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/http://www.w3.org/1999/xhtmlxhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="">
<head>
<title>Flower</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Subheader, website description H2</h2>
</div>

<div id="right">

</div>

<div id="left">

<h3>Categories :</h3>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>

<h3>Archives</h3>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>

</div>
<div style="clear: both;"> </div>

<div id="footer">
Designed by (f)rk(n)19,

</body>
</html>

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 { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(http://img219.imageshack.us/img219/6808/98493134.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }

#header {
background: #FE7B09 url(http://img512.imageshack.us/img512/7140/headerg.jpg) repeat-x;
height: 215px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
   
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }

<div id="container">
<div id="header">
<div id="nav">
<ul>
    <li><a href="http://www.freewebsitetemplates.com">News</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Game Guide</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Interactive</a></li>
</ul>
<ul>
    <li><a href="http://www.freewebsitetemplates.com">Account</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Support</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Media</a></li>
</ul>
</div>
</div>
<div id="content1">
<div id="text1"><br />

<p> </p>
</div>
</div>
<div id="pagebottom">
<div id="left">
<div id="text2"> </div>
</div>
<div id="right">
<div class="heading2">QUICK LINKS</div>
<div id="quicklinks">
<ul>
    <li><a href="http://www.freewebsitetemplates.com">Contact</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Realms Status</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Account Creation</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Account Management</a></li>
    <li><a href="http://www.freewebsitetemplates.com">Cetrieve Passward</a></li>
</ul>
</div>
<div class="heading2">SCREENSHOT OF THE DAY</div>
<img alt="Screenshot" src="images/screenshot.jpg" /> <br />
<a href="http://www.freewebsitetemplates.com">Cross Realm Battlegrounds</a><br />
<a href="http://www.freewebsitetemplates.com">World PvP </a><br />
<a href="http://www.freewebsitetemplates.com">Rogue Talents revamped </a></div>
</div>
<div id="footer"><a href="http://www.freewebsitetemplates.com">News</a>   |          <a href="http://www.freewebsitetemplates.com">Game Guide </a>  |          <a href="http://www.freewebsitetemplates.com">Interactive</a>   |          <a href="http://www.freewebsitetemplates.com">Community</a>   |          <a href="http://www.freewebsitetemplates.com">Account</a>   |          <a href="http://www.freewebsitetemplates.com">Support</a>   |          <a href="http://www.freewebsitetemplates.com">Media</a>
<p><a href="http://www.freewebsitetemplates.com">Legal Documents</a>    |             <a href="http://www.freewebsitetemplates.com">Game Policies</a> <br />
©2006 <a href="http://www.freewebsitetemplates.com">WorldofWarcraft.com</a>. All rights reserved.</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;}
body {
   background: #000000;
   color: #534834;
   font-family: tahoma, arial;
   font-size: 11px;
   line-height: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
}

* html body {
   line-height: 13px;
}

a:link {
   color: #B00000;
   font-weight: bold;
   text-decoration: none;
}
   
a:visited {
   color: #B00000;
   font-weight: bold;
   text-decoration: none;   
}
   
a:hover, a:active {
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}

#footer a:link {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;
}
   
#footer a:visited {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;   
}
   
#footer a:hover, #footer a:active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}

#nav a:link {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;
}
   
#nav a:visited {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;   
}
   
#nav a:hover, #nav a:active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}

#right a:link {
   color: #73613B;
   font-weight: bold;
   text-decoration: underline;
}
   
#right a:visited {
   color: #73613B;
   font-weight: bold;
   text-decoration: underline;   
}
   
#right a:hover, #right a:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

/* ------------------------------------------------------------------  DIV ID's ------- */

#container {
   margin: 0 auto;
   margin-top: 20px;
   text-align: left;
   width: 900px;
}

#content1 {
   background: url(http://img512.imageshack.us/img512/8763/elfbg.jpg) no-repeat 2px;
   clear: both;
   display: block;
   height: 450px;
   padding-left: 130px;
   padding-top: 38px;
   width: 770px;
}

#footer {
   background: url(http://img12.imageshack.us/img12/4286/footerbgq.jpg) no-repeat;
   clear: both;
   color: #F1D6AC;
   display: block;
   height: 99px;
   padding-top: 20px;
   text-align: center;
   width: 900px;
}

#header {
   background: url(http://img219.imageshack.us/img219/7480/headerbgy.jpg) no-repeat;
   display: block;
   height: 197px;
   width: 900px;
}

#left {
   background: url(http://img147.imageshack.us/img147/3426/btmleftbg.gif) no-repeat;
   display: block;
   float: left;
   height: 494px;
   width: 558px;
}

#pagebottom {
   clear: both;
   width: 900px;
}

#nav {
   padding-left: 175px;
   padding-top: 68px;
}

#nav ul {
   float: left;
   list-style: none;
   margin: 0;
   margin-right: 70px;
   padding: 0;
}

* html #nav ul {
   margin-right: 40px;
}

#nav li {
   float: left;
   list-style: none;
   margin: 0;
   margin-right: 30px;
   padding: 0;
}

#right {
   background: url(http://img22.imageshack.us/img22/1351/btmrightbg.gif) no-repeat;
   display: block;
   float: left;
   height: 464px;
   padding-left: 25px;
   padding-top: 30px;
   width: 314px;
}

#text1 {
   width: 430px;
}

#text2 {
   margin-left: 110px;
   margin-top: 28px;
   width: 410px;
}

#quicklinks {
   background: url(http://img512.imageshack.us/img512/4695/quicklinksbg.gif) no-repeat;
   display: block;
   height: 165px;
   margin-bottom: 10px;
   padding-top: 5px;
   width: 210px;
}

#quicklinks ul {
   list-style: none;
   margin: 0;
   margin-left: 40px;
   padding: 0;
}

* html #quicklinks ul {
   margin-top: 22px;
}

#quicklinks li {
   list-style: none;
   margin: 0;
   margin-top: 15px;
   padding: 0;
}

* html #quicklinks li {
   margin-top: 16px;
}

/* ------------------------------------------------------------------  CLASSE'S ------- */

.flt-lft {
   float: left;
   margin-right: 10px;
}

.flt-rgt {
   float: right;
}

.heading {
   color: #413727;
   font-family: arial;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: -10px;
}

* html .heading {
   margin-bottom: -16px;
}

.heading2 {
   color: #413727;
   font-family: arial;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 10px;
}

.small {
   font-size: 10px;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>
Free Website Templates
</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div id="body_wrapper">

   <!-- Start of Page Header -->

   <div id="page_header">

      <!-- Start of Company Name -->

      <div id="company_name">
      <h1><span>Hot Sauce Pepper Palace</span></h1>
      </div>

      <!-- End of Company Name -->


      <!-- Start of Header Navigation -->

      <div id="header_nav">

         <ul>
         <li><a href="http://www.freewebsitetemplates.com/">Home</a></li>
         <li><a href="http://www.freewebsitetemplates.com/">About Us</a></li>
         <li><a href="http://www.freewebsitetemplates.com/">Recipes</a></li>
         <li><a href="http://www.freewebsitetemplates.com/">Privacy</a></li>
         <li><a href="http://www.freewebsitetemplates.com/">Contact</a></li>
         </ul>

      </div>

      <!-- End of Header Navigation -->


      <div class="clearthis"> </div>
   </div>

   <!-- End of Page Header -->


   <!-- Start of Left Sidebar -->

   <div id="leftsidebar_1">
   <div id="leftsidebar_2">
   <div id="leftsidebar_content">

      <ul>
      <li><a href="http://www.freewebsitetemplates.com/">About Us</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Duct Tape Series</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Hot Sauce</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Jerk Sauce</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Steak Sauce</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">BBQ Sauce</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Rub & Spice</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Country Store</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Recipes</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Photo Gallery</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Payment Options</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Weber Grills</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Privacy Info</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Collectors</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Feedback</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Gift Sets</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Marinades</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Geezer</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Check Out</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Caviar</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Scientific American</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Guest Book</a></li>
      <li><a href="http://www.freewebsitetemplates.com/">Contact Us</a></li>
      </ul> 

   </div>
   </div>
   </div>

   <!-- End of Left Sidebar -->


   <!-- Start of Main Content -->

   <div id="maincontent_1">
   <div id="maincontent_2">
   <div id="maincontent_content">

   </div>

   <!-- End of Main Content -->


   <div class="clearthis"> </div>


   <!-- Start of Page Footer -->

   

   
      
      </div>

                                 (f)rk(n)19 Tasarım Sayfası

</body>
</html>

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: 0px;
   padding: 0px;
}

body {
   background: #b20000 url('http://img238.yukle.tc/images/392background.png') repeat-x;
   color: #fff;
   font-family: arial, sans-serif;
   font-size: 11px;
   text-align: center;
}

a {
   color: #fff;
   background-color: inherit;
   font-weight: bold;
   text-decoration: underline;
}

a:hover {
   color: #f4a308;
   background-color: inherit;
}

span {
   display: none;
}

img {
   border: none;
}

ul {
   list-style-type: none;
}

li {
   list-style-type: none;
}

p {
   padding: 10px 0px 11px;
   text-align: justify;
   line-height: 16px;
}

.clearthis {
   margin : 0px;
   height : 1px;
   clear : both;
   float : none;
   font-size: 1px;
   line-height: 0px;
   overflow : hidden;
   visibility: hidden;
}


#body_wrapper {
   margin: 0px auto;
   width: 788px;
   background: url('http://img236.yukle.tc/images/1670header_bg.gif') no-repeat 0% 0%;
}


/* Page Header */

#page_header {
   margin: 0px auto;
   width: 716px;
   height: 56px;
   overflow: hidden;
   text-align: left;
}

#company_name {
   width: 275px;
   float: left;
}

#company_name h1 {
   width: 265px;
   height: 56px;
   background: url('http://img236.yukle.tc/images/6011hotsaucepepperpalace.gif') no-repeat 0% 0%;
}


/* Header Navigation */

#header_nav {
   width: 440px;
   height: 56px;
   overflow: hidden;
   float: left;
   text-align: left;
}

#header_nav ul {
   margin-top: 16px;
}

#header_nav li {
   height: 23px;
   background: url('http://img236.yukle.tc/images/7605menu_bullet.gif') no-repeat 0% 0%;
   float: left;
}

#header_nav li a {
   display: block;
   padding: 5px 5px 0px 38px;
   text-decoration: none;
}

#header_nav li a:hover {
   color: #ffe400;
   background-color: inherit;
}


/* Left Sidebar */

#leftsidebar_1 {
   margin-top: 5px;
   padding-left: 36px;
   background: url('http://img236.yukle.tc/images/5811sidebar_top.gif') no-repeat 36px 0%;
   float: left;
   text-align: left;
}

#leftsidebar_2 {
   padding: 11px 0px;
   width: 154px;
   background: url('http://img236.yukle.tc/images/5790sidebar_bot.gif') no-repeat 0% 100%;
}

#leftsidebar_content {
   padding: 15px 20px 15px 25px;
   color: #f4a308;
   background: #60160a url('http://img236.yukle.tc/images/5263sidebar_bg.gif') repeat-y;
   font-weight: bold;
}

#leftsidebar_content a {
   color: #f4a308;
   background-color: inherit;
   text-decoration: none;
}

#leftsidebar_content a:hover {
   color: #fff;
   background-color: inherit;
}

#leftsidebar_content li {
   padding: 4px 0px;
}


/* Main Content */

#maincontent_1 {
   margin-top: 178px;
   padding-right: 60px;
   background: url('http://img236.yukle.tc/images/1441main_top.gif') no-repeat 0% 0%;
   float: right;
   text-align: left;
}

#maincontent_2 {
   padding: 12px 0px;
   width: 520px;
   background: url('http://img236.yukle.tc/images/1288main_bot.gif') no-repeat 0% 100%;
}

#maincontent_content {
   padding: 17px 20px;
   color: #4b3001;
   background: #c9953b url('http://img236.yukle.tc/images/7702main_bg.gif') repeat-y 0% 0%;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

#maincontent_content a {
   color: #4b3001;
   background-color: inherit;
}

#maincontent_content a:hover {
   color: #724c04;
   background-color: inherit;
}


/* Page Footer */

#page_footer {
   margin: 0px auto;
   padding: 15px 0px 25px;
   width: 690px;
   text-align: left;
}

#ringoffire {
   width: 290px;
   height: 70px;
   background: url('http://img236.yukle.tc/images/3281logo_ringoffire.gif') no-repeat 100% 50%;
   float: left;
}

#ringoffire .box {
   padding-top: 12px;
   line-height: 22px;
}

#paypalverified {
   padding-left: 35px;
   float: left;
}

#paypalverified a {
   display: block;
   width: 86px;
   height: 70px;
   background: url('http://img236.yukle.tc/images/3281logo_paypal.gif') no-repeat 50% 50%
}

#copyright_info {
   margin-right: 2px;
   width: 270px;
   float: right;
   line-height: 30px;
   text-align: center;
   font-weight: bold;
}

#copyright_info small b {
   padding-top: 1px;
   display: block;
   float: left;
   font-size: 15px;
}

<div id="wrap">

   <!--header -->
   <div id="header">         
            
      <h3 id="logo-text"><a href="LİNK" title="">Site İsmi</a></h3>      
      <p id="slogan">Site Slogan Vs yazı</p>   
      
      <div id="top-menu">
         <p><a href="#">Link</a> |<p><a href="#">Link</a> | <p><a href="#">Link</a>
      </div>         
            
   <!--header ends-->               
   </div>
      
   <!-- navigation starts-->   
   <div id="navi">
      <ul>
         <li><a href="#">Link</a></li>
         <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>   
      </ul>
   <!-- navigation ends-->   
   </div>               
         
   <div id="conntent">
   
      <div id="main">
            
         <a name="TemplateInfo"></a>
         <h4>AmAzOnEx.Tr.Gg</h4>
               
         <p class="post-info">Slogon Yada Yazı AmAzOnEx</p>

</div>
            
      <div id="sidebar">
      
            
         <h5>Arama</h5>   
         
         <form id="qsearch" action="index.html" method="get">
         <p>
         <label for="qsearch">Arama:</label>
         <input class="tbox" name="qsearch" value="Artılıcak Cümleyi yazınız.. Amazonex" title="Start typing and hit ENTER" type="text">
         <input class="btn" alt="Arama" name="searchsubmit" title="Search" src="index_files/search.gif" type="image">
         </p>
         </form>      
         
         <h5>Sidebar Menu</h5>
         <ul class="sidemenu">            
            <li><a href="#">Lİnk</a></li>
            <li><a href="#">Lİnk</a></li>
                                <li><a href="#">Lİnk</a></li>
                                <li><a href="#">Lİnk</a></li>
            <li><a href="#">Lİnk</a></li>   
                                <li><a href="#">Lİnk</a><li>            
         </ul>   
                  
                  
      <!-- sidebar ends -->      
      </div>      
      
   </div>
      
   <!-- footer starts -->      
   <div id="footer">
                  
         <p>
         © Sitedeki Tüm Eser Ve Meteryalleri Kaynak Belirtmeden Almak Hoş Olmaz Değilmi?   
         
         
         
         
         <li>
         
          <span style="color: rgb(0, 0, 0);"><a>Design by : AmAZoNeX.tr.gg </a></span>
         
      <li>   

            </p>         
   
   <!-- footer ends-->
   </div>

<!-- wrap ends here -->
</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;}

/* ----------------------------------------------
   Template Name : VectorLover
   Template Code : S-0026
   Version : 1.0   
   Author : Erwin Aligam
   Author URI : http://www.styleshout.com/   
   Last Date Modified : July 31, 2008   
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
   background: #CCC url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/bg.gif) repeat-x;
   font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   color: #6B6B6B;
   text-align: center;   
}

/* links */
a, a:visited {   
   color: #79A325;
   background: inherit;
   text-decoration: none;
}
a:hover {
   color: #73471B;
   background: inherit;
   text-decoration: underline;
}

/* headers */
h3, h4, h5 {
   font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   font-weight: Bold;    
   padding: 10px;      
   color: #444;   
}
h3 {
   font-size: 2.9em;      
}
h4 {
   font-size: 2.5em;
   color: #88AC0B;
}
h5 {
   font-size: 1.6em;
   font-weight: normal;   
   padding: 16px 10px 4px 10px;   
}

/* Paragraph */
p { padding: 12px 10px;   }

/* Lists */
ul, ol {
   margin: 10px 20px;
   padding: 0 20px;   
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px;
}

/* images */
img {
   background: #FAFAFA;
   border: 1px solid #E4E4E4;
   padding: 8px;
}
img.float-right {
     margin: 5px 0px 10px 10px; 
}
img.float-left {
     margin: 5px 10px 10px 0px;
}

code {
     margin: 5px 0;
     padding: 15px;
     text-align: left;
     display: block;
     overflow: auto; 
     font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
     /* white-space: pre; */
     border: 1px solid #EEE8E1;
   background: #FAF7F5;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
   margin: 15px 10px;
    padding: 5px 7px 5px 40px;     
   font-weight: normal;
   font-size: 17px;
   line-height: 1.6em;
   font-style: italic;
   font-family: Georgia, 'Times New Roman', Times, serif;      
   color: #80614D;   
   border: 1px solid #EEE8E1;
   background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/quote.gif) no-repeat 15px 15px;
}

/* start - table */
table {
   border-collapse: collapse;
   margin: 15px 10px;      
}
th {
   height: 38px;
   padding-left: 12px;
   padding-right: 12px;
   color: #fff;
   text-align: left;
   background: #ADD163;   
   border-width: 1px;
     border-style: solid;
     border-color: #C4DE8F #93C138 #93C138 #C4DE8F;   
}
tr {
   height: 34px;
   background: #fff;
}
td {
   padding-left: 11px;
   padding-right: 11px;
   border: 1px solid #E7F0CC;   
}   
/* end - table */

/* form elements */
form {
   margin: 20px 10px;
   padding: 15px 25px 25px 20px;
   border: 1px solid #EEE8E1;
   background: #FAF7F5;
}
form p {
   border-bottom: 1px solid #ECE5DD;
   padding: 12px 0 5px 0;   margin: 0;   
   color: #9D6D37;
}
label {
   font-weight: bold;
   color: #A7743B;
}
input, select, textarea {
   margin: 5px 0;
   padding: 5px;
   color: #6A6969;
   border-width: 1px;
   border-style: solid;
     border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}
option { padding-right: 0.5em; }

#name, #email, #message, #website{
   width: 455px;
}
input.button {
   font: bold 12px Arial, Sans-serif;
   height: 30px;
   margin: 0;
   padding: 2px 3px;
   color: #fff;
   background: #A6CD56;
   
   border-width: 1px;
     border-style: solid;
     border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}


/*-------------------------------------------
   LAYOUT
--------------------------------------------*/
#wrap {
   position: relative;
   width: 952px;
   background: #FFF url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/wrap.gif) repeat-y center top;
   margin: 40px auto 30px auto;
   text-align: left;   
}
#conntent {
   clear: both;   
   float: left;   
   width: 952px;                  
   padding: 25px 0 60px 0;    
}
#header {
   position: relative;
   width: 952px;
   height: 245px;
   background: #8AB84B url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/header.jpg) no-repeat;   
   color: #fff;   
   padding: 0;   
   margin: 0;   
}
#header h3#logo-text a {
   position: absolute;
   margin: 0; padding: 0;
   font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   letter-spacing: -5px;
   text-decoration: none;
   color: #332616;
   
   /* change the values of top and left to adjust the position of the logo*/
   top: 75px; left: 55px;   
}
#header p#slogan {
   position: absolute;
   margin: 0; padding: 0;
   font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   color: #322815;
   letter-spacing: -0.5px;
   
   /* change the values of top and left to adjust the position of the slogan*/
   top: 148px; left: 150px;      
}

/* top-menu */
 #top-menu {
    position: absolute;
   margin: 0;
   padding: 30px 15px 8px 15px;
   background: #74A838 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/top-menu.gif) repeat-x;
   font-family: 'Trebuchet MS', Arial, Sans-serif;
   color: #FFF;
   
   top: 0;   right: 70px
 }
 #top-menu p {    
   margin: 0; padding: 0;   
 }
 #top-menu a {
    font-weight: bold;
   color: #fff;
 }

/* Navigation */
#navi {
   clear: both;   
   padding: 0;   margin: 0;
   width: 952px;
   height: 50px;
   background: #988060 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/nav.gif) no-repeat;      
}
#navi ul {
   float: left;   
   list-style: none;   
   margin: 5px 0 0 0;
   height: 45px;
   padding: 0 0 0 40px;               
}
#navi ul li {
   float: left;
   margin: 0; padding: 0 0 0 10px;      
}
#navi ul li a {
   float: left;
   margin: 0;
   padding: 0 15px 0 5px;
   color: #FFF;
   font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
   text-decoration: none;      
}
#navi ul li a:hover,
#navi ul li a:active {
   color: #E7FAA9;   
}
#navi ul li#current {
   background: transparent url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/left-tab.gif) no-repeat;   
}
#navi ul li#current a {   
   color: #4B3D2C;
   background: transparent url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/right-tab.gif) no-repeat right top;   
}

/* Main Column */
#main {
   float: left;
   width: 535px;
   padding: 0; margin: 0 0 0 40px;
   display: inline;   
}
#main h4 {
   font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   color: #51432F;
   padding: 10px 0 5px 5px;    
   margin-left: 5px;      
   letter-spacing: -2px;
   border-bottom: 1px solid #E4F2C8;    
}
#main h4 a {
   color: #51432f;
   text-decoration: none;      
}
#main ul li {
   list-style-image: url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/bullet.gif);
}

#sidebar {
   float: right;
   width: 285px;
   padding: 0;
   margin: 0 45px 0 0;
   display: inline;   
}
#sidebar h5 {
   color: #51432F;
   font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   text-transform: none;
   letter-spacing: -0.5px;
   padding: 5px 0 5px 7px;
   margin: 10px 0 5px 10px;    
   border-bottom: 1px solid #E4F2C8;   
}

/* sidebar menu */
#sidebar .sidemenu {
   margin: 10px 10px 5px 7px; padding: 0;
   text-decoration: none;         
}
#sidebar .sidemenu li {
   list-style: none;
   margin: 0;
   padding: 8px 10px;       
   border-bottom: 1px solid #E8E8E8;   
}
* html body #sidebar .sidemenu li {
   height: 1%;
}
#sidebar .sidemenu li a {
   text-decoration: none;   
   color: #739A23;
   background: none;
   font-weight: normal;
}
#sidebar .sidemenu li a span {
   color: #7F7F7F;   
   font-size: .9em;
   
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-style: italic;
   font-weight: normal;
   }
#sidebar .sidemenu li a:hover {   
   color: #000;   
   background: none;   
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }

/* header quick search */
#sidebar form#qsearch {
   padding: 0; margin: 20px 0 30px 10px;
   border: none;
   width: 270px; height: 33px;
   background: #F2F0F0 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/qsearch.gif) no-repeat;      
}
#sidebar form#qsearch p {
   margin: 0; padding: 0;      
}
#sidebar form#qsearch input {
   float: left;
   border: none;
   background: transparent;
   color: #B8B8B8;   
   margin: 0;
}
#sidebar form#qsearch .tbox {
   margin: 5px 0 0 5px;
   width: 220px;   
   display: inline;   
   font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;   
}
#search form#qsearch .btn{
   width: 24px; height: 24px;            
}
#sidebar form#qsearch label {
   display: none;
}

/* footer */
#footer {
   clear: both;
   width: 952px;
   margin: 0;
   padding: 30px 0 25px 0;
   background: #CCC url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/footer-bottom.gif) no-repeat left top;         
   font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
   font-size: 0.95em;
   color: #777;   
   text-align: center;   
   letter-spacing: .2px;
}
#footer p {
   padding:10px 0;
}
#footer a:hover {
   color: #555;
   border-bottom: 1px dotted #555;
   text-decoration: none;
}

/* postmeta */
.post-footer {
   padding: 8px 10px;
   margin: 15px 10px 10px 10px;   
   color: #977C57;
   border: 1px solid #EEE8E1;
   background: #FAF7F5;
}
.post-footer .date{
   margin: 0 10px 0 5px;   
   padding: 7px;
   background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/clock.gif) no-repeat 0 2px;
   padding-left: 30px;
}
.post-footer a.comments {
   margin: 0 10px 0 5px;   
   padding: 7px 5px;
   background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/comments.gif) no-repeat 0 2px;
   padding-left: 30px;
   color: #977C57;
}
.post-footer a.readmore {
   margin: 0 10px 0 5px;   
   padding: 7px 5px;
   background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/doc.gif) no-repeat 0 2px;
   padding-left: 30px;
   color: #977C57;
}
.post-footer a.edit {
   margin: 0 10px 0 5px;   
   padding: 7px 5px;
   background: #FAF7F5 url(http://www.styleshout.com/templates/preview/VectorLover1-0/images/edit-doc.gif) no-repeat 0 2px;
   padding-left: 30px;
   color: #977C57;
}

.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #333; }

/* comments list */
ol.commentlist {
   margin: 12px 10px;
   padding: 0;
   border-style: solid;   
   border-color: #EEE8E1;   
   border-width: 1px 1px 0 1px;
}
.commentlist li {
   margin: 0;
   padding: 10px;
   list-style: none;
   border-bottom: 1px solid #EEE8E1;
}
.commentlist li cite {
   display: block;
   font-style: normal;
   font-weight: bold;
   padding: 7px;   
}
.commentlist li cite img {
   float: left;
   margin-right: 10px;   
}
.commentlist li cite .comment-data {
   font-size: .8em;
   font-weight: normal;
}
.commentlist li .comment-text {
   clear: both;
   margin: 0; padding: 0;
}
.commentlist li.alt {
   background: #FAF7F5;
}
   
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {   display:inline-block; }
.clear:after {
   display:block;
   visibility:hidden;
   clear:both;
   height:0;
   content: ".";
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sticky Notes by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
   <h1><a href="#">Site İsmi</a></h1>
   
</div>
<div id="pages">

      <li class="active"><a id="page1" href="#">link</a></li>
      <li><a id="page2" href="#">link</a></li>
      <li><a id="page3" href="#">link</a></li>
      <li><a id="page4" href="#">link</a></li>
      <li><a id="page5" href="#">link</a></li>
   </ul>
</div>
<div id="content">
   <div id="posts">
      <div class="post">

</div>
      </div>
   </div>
   <div id="search" class="yellownotes">
      <h2 class="heading">Search</h2>
      <div class="content">
         <form method="get" action="#">
            <div>
               <input type="text" id="textfield1" name="textfield1" value="" size="18" />
               <input type="submit" id="submit1" name="submit1" value="Go" />
            </div>
         </form>
      </div>
   
   <div id="categories" class="orangenotes">
      <h2 class="heading">Categories</h2>
      <div class="content">
         <ul>
            <li class="first"><a href="#">Quisque vestibulum</a></li>
            
            <li><a href="#">SAYFA LİNKİ</a></li>
            <li><a href="#">SAYFA LİNKİ</a></li>
            <li><a href="#">SAYFA LİNKİ</a></li>
            <li><a href="#">SAYFA LİNKİ</a></li>
            <li><a href="#">SAYFA LİNKİ</a></li>
            </ul>
      </div>
   </div>
   </div>
<div id="footer">
   <p>Copyright © 2009  Designed by <a href="http://www.amazonex.tr.gg/"><strong>AmAzOnEx</strong></a></p>
</div>
</body>
</html>

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 Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 20px;
   padding: 0;
   background: #D4D4D4 url(http://img231.yukle.tc/images/8276img1.gif);
   font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
   color: #704B3A;
}

h1, h2, h3, h4, h5, h6, form {
   margin: 0;
   padding: 0;
}

a {
   background: url(http://img231.yukle.tc/images/7844img10.gif) repeat-x left bottom;
   text-decoration: none;
   color: #6157E4;
}

a:hover {
   background-image: none;
}

.content ul {
   margin-top: 0;
}

/* Teal Notes */

.tealnotes {
}

/* Yellow Notes */

.yellownotes {
   margin-bottom: 20px;
   background: #FFF846 url(http://img231.yukle.tc/images/3436img2.gif) no-repeat left bottom;
}

.yellownotes .heading {
   height: 50px;
   padding: 10px;
   background: url(http://img231.yukle.tc/images/7797img3.gif) repeat-x left center;
}

.yellownotes .content {
   padding: 0 20px 60px 20px;
}

/* Orange Notes */

.orangenotes {
   margin-bottom: 20px;
   background: #FF8C46 url(http://img231.yukle.tc/images/911img6.gif) no-repeat left bottom;
}

.orangenotes .heading {
   height: 50px;
   padding: 10px;
   background: url(http://img231.yukle.tc/images/5770img7.gif) repeat-x left center;
}

.orangenotes .content {
   padding: 0 20px 60px 20px;
}

/* Green Notes */

.greennotes {
   margin-bottom: 20px;
   background: #AEE63F url(http://img231.yukle.tc/images/105img4.gif) no-repeat left bottom;
}

.greennotes .heading {
   height: 50px;
   padding: 10px;
   background: url(http://img231.yukle.tc/images/8084img5.gif) repeat-x left center;
}

.greennotes .content {
   padding: 0 20px 60px 20px;
}

/* Header */

#header {
   width: 720px;
   height: 100px;
   margin: 0 auto;
   padding: 20px;
   background: #5BCE9E url(http://img231.yukle.tc/images/6591img8.gif) no-repeat left bottom;
}

#header h1, #header h2 {
   float: left;
   margin: 0;
   padding: 0;
}

#header a {
   background: none;
}

/* Pages */

#pages {
   width: 560px;
   margin: -50px auto 50px auto;
   padding-left: 200px;
}

#pages h2 {
   float: left;
   margin: 0;
   padding: 0;
   font-size: 1em;
}

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

#pages li {
   display: inline;
   padding-left: 1em;
}

#pages a {
}

/* Content */

#content {
   width: 760px;
   margin: 0 auto;
}

/* Posts */

#posts {
   float: left;
   width: 490px;
}

.post {
   margin-bottom: 20px;
   background: #5BCE9E url(http://img231.yukle.tc/images/6686img9.gif) repeat-x left top;
}

.title {
   padding: 5px 20px;
}

.posted {
   padding: 0 0 0 20px;
   font-size: small;
}

.story {
   padding: 20px;
}

.meta {
   height: 60px;
   padding: 40px 0 0 0;
   background: url(http://img231.yukle.tc/images/6591img8.gif) no-repeat left bottom;
}

.meta p {
   margin: 0;
   padding: 0 20px 0 0;
   text-align: right;
}

/* Search */

#search {
   float: right;
   width: 250px;
}

#search .content {
   padding-bottom: 100px;
}

/* Archives */

#archives {
   clear: right;
   float: right;
   width: 250px;
}

/* Categories */

#categories {
   clear: right;
   float: right;
   width: 250px;
}

/* Blogroll */

#blogroll {
   clear: right;
   float: right;
   width: 250px;
}

/* Footer */

#footer {
   clear: both;
   text-align: center;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Trial Impact</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main_body">
  <div id="left_pan"> <img src="images/trial.gif" width="85" height="100" title="trial impact" alt="trial impact" />
    <h2>Yapımdayız<span></span></h2>
   
    <ul>
      <li><a href="http://www.free-css.com/">Navigation 01</a></li>
      <li><a href="http://www.free-css.com/">Navigation 02</a></li>
      <li><a href="http://www.free-css.com/">Navigation 03</a></li>
      <li><a href="http://www.free-css.com/">Navigation 04</a></li>
      <li><a href="http://www.free-css.com/">Navigation 05</a></li>
      <li><a href="http://www.free-css.com/">Navigation 06</a></li>
      <li class="li1"><a href="http://www.free-css.com/">Navigation 07</a></li>
    </ul>

</div>
  <div id="rightPan">
    <ul>
      <li><a href="http://www.free-css.com/" class="main">Home</a></li>
      <li><a href="http://www.free-css.com/" class="home">About Us</a></li>
      <li><a href="http://www.free-css.com/" class="home">Network</a></li>
      <li><a href="http://www.free-css.com/" class="sub">Submission</a></li>
      <li><a href="http://www.free-css.com/" class="home">Archives</a></li>
      <li><a href="http://www.free-css.com/" class="home">Finance</a></li>
      <li><a href="http://www.free-css.com/" class="con">Contact</a></li>
    </ul>
    <ul class="link">
      <li><a href="">Tasarım</a></li>
      <li class="sup"><a href="/">Yardım</a></li>
      <li class="sol"><a href="">Web Ders</a></li>
    </ul>

 </div>
  <br class="bank" />
</div>
<div id="footer_bg">
  <div id="footer">
    <ul>
   
    </ul>
    <p>© Design By AmAzOnEx.Tr.Gg</p>
    <ul class="xhtml">
     
    </ul>
  </div>
</div>
</body>
</html>

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{
   background:url(http://img234.yukle.tc/images/288bg.gif) repeat-x 0 0 #FFF9F2; color:#333227;
   padding:0; margin:0;
}
div, p, ul, h1, h2, h3, img, form{
   padding:0; margin:0;
   }
ul{
   list-style-type:none;
   }
.bank{
   line-height:0; font-size:0; clear:both;
   }
/*------------------------main body-------------------------*/
#main_body{
   width:778px;  margin:0 auto 0 auto;
   }
#left_pan{
   width:188px; background:url(http://img232.yukle.tc/images/4294logo_bg.gif) no-repeat #FFF9F2; color:#fff; float:left;
}
#left_pan img{
   margin:40px 0 38px 52px; display:block;
   }
#left_pan h2{
   width:73px; height:41px; background:url(http://img232.yukle.tc/images/3853login_bg.gif) no-repeat 0 0; margin:0 0 0 6px; display:block;
   font:14px/14px Arial, Helvetica, sans-serif; padding:17px 65px 0 32px; font-weight:bold; text-transform:uppercase;

   }
#left_pan h2 span{
   font-size:24px; line-height:24px;
   }
#left_pan form{
   width:148px; margin:0 0 0 0; padding:28px 0 0 23px; display:block;
   }
#left_pan form input{
   width:136px; height:17px; display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold;
   padding:4px 0 0 12px; margin:0px 0 10px 0;
   }
#left_pan form input.button{
   width:59px; height:22px; display:block; background:url(http://img232.yukle.tc/images/7409button_arrow.gif) no-repeat 0 5px #FFF9F2; color:#333227;
   font:13px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 21px; margin:0 0 10px 90px; border:none;
   cursor:pointer; font-weight:bold;
   }
#left_pan form label{
   width:132px; font:9px/13px Tahoma, Arial, Helvetica, sans-serif; color:#D43723; font-weight:bold; display:block;
   text-transform:uppercase; background-color:#FFF9F2;
   }
#left_pan form a{
   width:132px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#000101; text-decoration:underline; display:block;
   background-color:#FFF9F2;
   }
#left_pan form a:hover{
   text-decoration:none;
   }
#left_pan ul{
   width:126px; display:block; margin:38px 0 0 38px;
   }
#left_pan ul li{
   background:url(http://img231.yukle.tc/images/1900ul_arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 1px dashed; padding: 0 0 0 18px;
   }
#left_pan ul li.li1{
   background:url(http://img231.yukle.tc/images/1900ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;
   }
#left_pan ul li a{
   font:13px/23px Arial, Helvetica, sans-serif; color:#4D371E; text-decoration:none; background-color:#FFF9F2;
   }
#left_pan ul li a:hover{
   text-decoration:underline;
   }
/*-------------------------------right side--------------------*/
#rightPan{
   width:590px; float:left; margin:0; background:url(http://img231.yukle.tc/images/3357header_pic.jpg) no-repeat 0 29px;
   }
#rightPan ul{
   width:550px; display:block; margin:0 0 0 25px; height:29px; font-size:0;
   }
#rightPan ul li{
   float:left;  height:29px;
   }
#rightPan ul li a{
   font:12px/29px Arial, Helvetica, sans-serif; font-weight:bold; height:29px; display:block; color:#FFF9F2;
   background:url(http://img231.yukle.tc/images/711navi_bg.gif) repeat-x 0 0 #005050; text-decoration:none; text-align:center;
   }
#rightPan ul li a.main{
   background:url(http://img231.yukle.tc/images/1538home.gif) no-repeat 0 0; width:59px;
   }
#rightPan ul li a.main:hover{
   background:url(http://img231.yukle.tc/images/4713home_h.gif) no-repeat 0 0; width:59px;
   }
#rightPan ul li a.home{
   background:url(http://img231.yukle.tc/images/5677about_us.gif) no-repeat 0 0; width:74px;
   }
#rightPan ul li a.home:hover{
   background:url(http://img231.yukle.tc/images/4127about_us_h.gif) no-repeat 0 0; width:74px;
   }
#rightPan ul li a.sub{
   background:url(http://img231.yukle.tc/images/3299submission.gif) no-repeat 0 0; width:92px;
   }
#rightPan ul li a.sub:hover{
   background:url(http://img231.yukle.tc/images/2673submission_h.gif) no-repeat 0 0; width:92px;
   }
#rightPan ul li a.con{
   background:url(http://img231.yukle.tc/images/7535contact_us.gif) no-repeat 0 0; width:74px;
   }
#rightPan ul li a.con:hover{
   background:url(http://img231.yukle.tc/images/347contact_us_h.gif) no-repeat 0 0; width:74px;
   }
#rightPan ul.link{
   width:590px; display:block; margin:23px 0 0 0; height:20px;
   }
#rightPan ul.link li{
   float:left;   width:102px; font-size:0px; display:block; padding:0 0 0 96px; height:20px;
   }
#rightPan ul.link li.sup{
   float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:20px; margin:0;
   }
#rightPan ul.link li.sol{
   float:left;   width:122px;  display:block; padding:0 0 0 55px; height:20px;
   }
#rightPan ul.link li a{
   font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#AA855B ; font-weight:normal;
   background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:20px;
   }
#rightPan ul.link li a:hover{
   color:#5A3000; background-color:#FFF9F2; padding:0; margin:0;
   }
#rightPan ul.sub_link{
   width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0;
   }
#rightPan ul.sub_link li{
   float:left;  width:104px; font-size:0px; display:block; padding:0 0 0 94px; height:14px; margin:0;
   }
#rightPan ul.sub_link li.sup1{
   float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:inherit;
   }
#rightPan ul.sub_link li.sol1{
   float:left;   width:112px; font-size:0px; display:block; padding:0 0 0 65px;
   }
#rightPan ul.sub_link li a{
   font:14px/14px Arial, Helvetica, sans-serif; color:#353535; font-weight:normal;
   background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:14px;
   }
#rightPan ul.sub_link li a:hover{
   color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; text-decoration:underline;
   }
#rightPan h2{
   width:214px; display:block; font:18px/18px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase;
   margin:175px 0 0 10px; padding:0px 0 0 0; height:29px; background-color:#FFF9F2;
   }
#rightPan P{
   width:570px; font:14px/19px Arial, Helvetica, sans-serif; color:#4D371E; font-weight:normal; display:block;
   margin:0 0 20px 10px; background-color:#FFF9F2;
   }
#rightPan P a{
   width:32px; background:url(http://img231.yukle.tc/images/4455more_arrow.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 520px; height:16px;
   font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px
   }
#rightPan P a:hover{
   color:#C01F0B; background:url(http://img231.yukle.tc/images/7609button_arrow.gif) no-repeat 0 0 #FFF9F2; width:32px;
   }
#rightLeft{
   width:186px; float:left; margin:0 0 45px 10px;
   }
#rightLeft h2{
   width:169px; height:39px; display:block; color:#FFFFFF; font:12px/14px Arial, Helvetica, sans-serif; font-weight:bold;
   background:url(http://img231.yukle.tc/images/4143h2_bg.gif) no-repeat 11px 143px #006666; padding:11px 0 0 17px; margin:0 0 18px 0; text-transform:none;
   }
#rightLeft ul{
   width:186px; margin:0 0 15px 0px; padding:0; display:block;
   }
#rightLeft ul li{
   border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:48px; font-size:0;
   }
#rightLeft ul li.noborder{
   border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0;
   }
#rightLeft ul li a{
   font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
    background-image:none;   background-color:#FFF9F2; text-align:left; font-weight:normal; width:177px;
   }
#rightLeft a.more{
   width:32px; background:url(http://img231.yukle.tc/images/2210more_arrow1.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
   font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
   float:right;
   }
#rightLeft a.more:hover{
   color:#C01F0B; background:url(http://img231.yukle.tc/images/3876more_arrow2.gif) no-repeat 0 0 #FFF9F2; width:32px;
   }
#rightRight{
   width:362px; float:left; margin:0 0 0 20px;
   }   
#rightRight h2{
   width:197px; height:39px; background:url(http://img231.yukle.tc/images/4663h2_bg1.gif) no-repeat 303px 9px #EFBA00; text-transform:none;
    font:12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
     margin:0 0 18px 0; font-weight:bold;
   }
#rightRight ul{
   width:362px; margin:0 0 15px 0px; padding:0; display:block;
   }
#rightRight ul li{
   border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:52px; font-size:0;
   }
#rightRight ul li.noborder1{
   border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0;
   }
#rightRight ul li a{
   font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
    background-image:none;   background-color:#FFF9F2; text-align:left; font-weight:normal; width:351px;
   }
#rightRight ul li a b{
   margin:0 200px 0 0;
   }
#rightRight a.more1{
   width:32px; background:url(http://img231.yukle.tc/images/2147more_arrow2.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
   font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
   float:right;
   }
#rightRight a.more1:hover{
   color:#C01F0B; background:url(http://img231.yukle.tc/images/9246more_arrow1.gif) no-repeat 0 0 #FFF9F2; width:32px;
   }
/*---------------------------footer-------------------*/
#footer_bg{
   background:url(http://img231.yukle.tc/images/2865footer_bg.gif) repeat-x; width:100%; margin:0  auto 0 auto; float:left; height:153px;
   }
#footer{
   width:525px; margin:0 auto 0 auto;
   }
#footer ul{
   width:525px; margin:29px 0 7px 0; display:block; height:15px;
   }
#footer ul li{
   float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854;
   display:block;
   }
#footer ul li a{
   font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; text-decoration:none;
   margin:0 10px 0 10px;
   }
#footer ul li a:hover{
   text-decoration:underline;
   }
#footer p{
   width:188px; margin:0 0 0 162px; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF;
   background-color:#6B6854
   }
#footer ul.xhtml{
   width:135px; display:block; margin:12px 0 0 197px; height:21px; font-size:0px;
   }
#footer ul.xhtml li{
   float:left; height:21px; margin-right:9px;
   }
#footer ul.xhtml li a{
   text-indent:-2000px; display:block; height:21px; margin:0; padding:0; font-size:0px;
   }
#footer ul.xhtml li a.xht{
   background:url(http://img231.yukle.tc/images/8665xhtml.gif) no-repeat 0 0 #6B6854; color:#fff; width:66px;
   }
#footer ul.xhtml li a.css{
   background:url(http://img231.yukle.tc/images/1484css.gif) no-repeat 0 0 #6B6854; color:#fff; width:50px;
   }