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

<style type="text/css">
<!--
td.nav{background-image:url(http://www.ww64.com/uploads/images/2008-11-30/E0UYKn6yR3.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://www.ww64.com/uploads/images/2008-11-30/B4GqrSAZF3.png); background-repeat:no-repeat;}
td.nav a{text-color:#FD0000;}
td.nav_heading{background-image:url(http://www.ww64.com/uploads/images/2008-11-30/l73Gac2fc0.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://www.ww64.com/uploads/images/2008-11-30/Z6C7k6j3o6.png);}
td.edit_content_bottom{http://www.ww64.com/uploads/images/2008-11-30/l73Gac2fc0.png}
td.edit_content_top{background-image:url(http://www.ww64.com/uploads/images/2008-11-30/l73Gac2fc0.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:#ad1b1b;}
td.sidebar_heading{background-image:url(http://www.ww64.com/uploads/images/2008-11-30/l73Gac2fc0.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://www.ww64.com/uploads/images/2008-11-30/l73Gac2fc0.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:#ad1b1b;}
td.shouty2{background-image:url();background-color:#ad1b1b ;}
td.shouty3{background-image:url();background-color:#ad1b1b ;}
td.shouty4{background-image:url();background-color:#ad1b1b;}
td.shouty5{background-image:url();background-color:#ad1b1b;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<!-- www.tasarimkent.tr.gg tasarim sayfalari kod baslangici ---><center><style type="text/css">
<!--
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; }
td.edit_header_full table{width: 100% !important;}
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%;}
-->
</style>
<style type="text/css"> <!--
td.nav_heading{height: 33px; width: 185px;background-image: url(http://i38.tinypic.com/vgsxs3.jpg);}
td.nav{background-image:url(http://i38.tinypic.com/vgsxs3.jpg);}
td.nav:hover{background-image:url(http://i36.tinypic.com/2cna07b.jpg);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{background-image:url(http://i35.tinypic.com/2wh3z9k.jpg);}
td.edit_content{background-image:url();background-color:transparent;}
td.edit_content_bottom{height: 38px; width: 640px;background-image:url(http://i38.tinypic.com/2luxgxz.jpg);}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url();}
body{background-image:url(http://i35.tinypic.com/1zv5zye.jpg);background-attachment: fixed;background-color:;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{height: 33px; width: 185px;background-image: url(http://i38.tinypic.com/vgsxs3.jpg);}
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;}
--></style>
<style type="text/css">
<!--

td.edit_header_full{height: 150px; width: 1000px;background-image: url(http://i36.tinypic.com/2m7t9pf.jpg); }


-->
</style><!-- www.tasarimkent.tr.gg tasarim sayfalari kod bitisi --->

<body bgcolor="#000000" style="margin: 0 0 0 0;" background="http://www.internethaftasi.org.tr/hafta05/resimler/beyaz.jpg">
<style type="text/css">
<!--
td.headline2{visibility:hidden;width:0px;}
td.headline_bar_left{visibility:hidden;width:0px;}
td.headline_bar_right{visibility:hidden;width:0px;}
td.headline_bar_middle{visibility:hidden;width:0px;}
td.edit_nav_headline{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.nav_bar_left{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.nav_bar_right{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.nav_bar_bottom{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(http://img.webme.com/pic/y/yugiohman/naviover.jpg);}
td.headline3{background-image: url()
);background-repeat:no-repeat;}
td.rb_bar_left{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.rb_bar_right{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.rb_bar_bottom{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.edit_rechts_headline{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
td.edit_content_headline3{heigth: 60px;background-image: url(http://img.webme.com/pic/y/yugiohman/baslikresmi.jpg);background-repeat:repeat;}
td.edit_content_headline{background-image: url(http://img.webme.com/pic/y/yugiohman/headlinebg.jpg
);background-repeat:no-repeat;}
-->
</style>
<style type="text/css">
<!--
td.edit_header{background-image: url(http://img.webme.com/pic/y/yugiohman/logo.jpg);
-->
</style>

<!-- www.tasarimkent.tr.gg tasarim sayfalari kod baslangici ---><center><style type="text/css">
<!--
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; }
td.edit_header_full table{width: 100% !important;}
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%;}
-->
</style>
<style type="text/css"> <!--
td.nav_heading{height: 33px; width: 185px;background-image: url(http://i35.tinypic.com/2wqao41.jpg);}
td.nav{background-image:url(http://i35.tinypic.com/2wqao41.jpg);}
td.nav:hover{background-image:url(http://i34.tinypic.com/o7uarn.jpg);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{background-image:url(http://i33.tinypic.com/350o307.jpg);}
td.edit_content{background-image:url(http://i34.tinypic.com/2vmhhms.jpg);background-color:transparent;}
td.edit_content_bottom{height: 38px; width: 640px;background-image:url(http://i33.tinypic.com/350o307.jpg);}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url();}
body{background-color:#ca4358;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{height: 33px; width: 185px;background-image: url(http://i35.tinypic.com/2wqao41.jpg);}
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;}
--></style>
<style type="text/css">
<!--

td.edit_header_full{height: 150px; width: 1000px;background-image: url(http://i37.tinypic.com/10gl9fq.jpg); }


-->
</style><!-- www.tasarimkent.tr.gg tasarim sayfalari kod bitisi --->

<style type="text/css"> <!--
td.nav{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/xI4AZDtzJJ.png); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/eSg69L463z.png); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/jbkII9sr70.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: #000000;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/64YvhhOqGs.png);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/aJtNbXbN9h.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/9YfR6IIMs7.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(URL); background-attachment: fixed;background-color:#000000;}
td.sidebar_heading{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/xI4AZDtzJJ.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://www.ww64.com/uploads/images/2008-12-03/ZcO38D8NW0.jpg);background-color: ;}
td.shouty2{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/ZcO38D8NW0.jpg);background-color: ;}
td.shouty3{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/ZcO38D8NW0.jpg);background-color: ;}
td.shouty4{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/ZcO38D8NW0.jpg);background-color: ;}
td.shouty5{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/ZcO38D8NW0.jpg);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
<style type="text/css">
<!--
body{background-image:url(http://www.ww64.com/uploads/images/2008-12-03/KqdUH3KZap.jpg);background-attachment: fixed}
-->
</style>

<!--http://www.islamvedinim.tr.gg--> <div id="maincontainer">

<!-- START HEADER -->

<div id="header">
<div id="headerLeft"></div>

<div id="headerMiddle">
your-<span style="color: #cc0000;">city</span>.com<br />
<div class="tagline1">Online Magazine</div>
<div class="tagline2"><span>Here · goes · your · tagline</span></div>
</div>

<div id="headerRight"></div>

</div>

<!-- END HEADER -->

<div id="navigationTop">
<ul id="navlist">
<li>» <a href="index.html">Home</a></li>
<li>» <a href="#seitenname">Page 2</a></li>
<li>» <a href="#seitenname">Page 3</a></li>
<li>» <a href="#seitenname">Page 4</a></li>
<li>» <a href="#seitenname">Page 5</a></li>
</ul>
</div>


<div id="contentwrapper">

<div id="contentcolumn">

<!-- START CONTENT -->
 <!--http://www.islamvedinim.tr.gg

<!-- END CONTENT -->

</div></div>

<!-- START LEFT COLUMN -->

<div id="leftcolumn">

<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#seitenname">Page 2</a></li>
<li><a href="#Pagenname">Page 3</a></li>
<li><a href="#Pagenname">Page 4</a></li>
<li><a href="#Pagenname">Page 5</a></li>
</ul>
</div>

<h4>Headline</h4>

<div class="boxBlue">
<h3>Headline article</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
<p>» <a href="#sitename">Read more...</a></p>
</div>

<h4>Headline</h4>

<div class="boxGrey">
<h3>Headline article</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
<p>» <a href="#sitename">Read more...</a></p>
</div>

<div class="advertisement">
<p><strong>Advertisement</strong><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<img src="css/images/roundedbox_bottom.gif" width="160" height="4" alt="Rounded corner bottom" />
</div>

<div class="advertisement">
<p><strong>Advertisement</strong><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<img src="css/images/roundedbox_bottom.gif" width="160" height="4" alt="Rounded corner bottom" />
</div>

</div>

<!-- END LEFT COLUMN -->

<div id="rightcolumn">

<!-- START RIGHT COLUMN -->

<h4>Headline</h4>

<div class="boxBlue">
<h3>Headline article</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
<p>» <a href="#sitename">Read more...</a></p>
</div>

<h4>Headline</h4>

<div class="boxGrey">
<h3>Headline article</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>
<p>» <a href="#sitename">Read more...</a></p>
</div>

<div class="advertisement">
<p><strong>Advertisement</strong><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<img src="css/images/roundedbox_bottom.gif" width="160" height="4" alt="Rounded corner bottom" />
</div>

<div class="advertisement">
<p><strong>Advertisement</strong><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<img src="css/images/roundedbox_bottom.gif" width="160" height="4" alt="Rounded corner bottom" />
</div>

<!-- END RIGHT COLUMN -->

</div>

</div>

<div id="push"></div>

<div id="footer">

<div id="footerLeft">
&copy; 2008 Layout (XHTML/CSS) &amp; Grafik Design <a rel="nofollow" href="http://www.wfiedler-online.de">wfiedler</a><br />
Valid CSS<br />
Valid XHTML 1.0 Transitional<br />
Licensed under a Creative Commons Attribution License
</div>

<div id="footerRight">
Lorem ipsum dolor sit amet,<br />consetetur sadipscing elitr,<br />sed diam nonumy eirmod<br />tempor invidunt ut labore<br />et dolore magna aliquyam erat<br />sed diam voluptua.
</div>

</div><!--http://www.islamvedinim.tr.gg

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

* { outline: none; }

html, body { height: 100%; }

body { background: #fff url(http://img.webme.com/pic/k/karayizbis/bg.png) repeat-y center center; }

#maincontainer{ width: 960px; min-height: 100%;   height: auto !important; height: 100%; margin: 0 auto -150px; margin-bottom: 10px;}

#contentwrapper { float: left; width: 100%;  }

#contentcolumn{ margin: 0 180px 0 180px; }

#leftcolumn{ float: left; width: 160px; margin-left: -960px; }

#rightcolumn{ float: left; width: 160px; margin-left: -160px; }

#footer, #push { height: 150px; }

#footerLeft { float: left; width: 48%; text-align: left; }

#footerRight { float: right; width: 48%; text-align: right; }

#footer{ background: #fff url(http://img.webme.com/pic/k/karayizbis/borderbottom.png) repeat-x 0% 0%; font-size: 12px; line-height: 1.4em; margin: 0 auto; padding: 30px 0 0 0; width: 960px; clear: left; }

/*HEADER*/

#header { background: #fff url(http://img.webme.com/pic/k/karayizbis/bordertop.png) repeat-x 0 159px; height: 183px; width: 960px; margin: 0 auto 0; border-top: 20px solid #fff; }

#headerLeft { background: url(http://img.webme.com/pic/k/karayizbis/header_image_left.jpg) no-repeat 0% 0%; border: 1px solid #000; float: left; height: 158px; margin-top: 0; width: 158px; }

#headerMiddle { background: url(http://img.webme.com/pic/k/karayizbis/header.png) no-repeat 0% 0%; color: #4682b4; float: left; font: bold italic 65px/65px times new roman, times, serif; margin: 0; padding-bottom: 33px; text-align: center; width: 640px; }

#headerMiddle .tagline1 { color: #000; font: bold 16px/35px arial, helvetica, sans-serif; }

#headerMiddle .tagline2 span { background-color: #cc0000; font: bold 16px/26px arial, helvetica, sans-serif; color: #fff; letter-spacing: 1px; padding: 3px 6px; }

#headerRight { background: url(http://img.webme.com/pic/k/karayizbis/header_image_right.jpg) no-repeat 0% 0%; border: 1px solid #000; float: left; height: 158px; float: left; margin-top: 0; width: 158px; }

/*NAVIGATION TOP*/

#navlist { border-bottom: 20px solid #fff; }

ul#navlist { background: #fff url(http://img.webme.com/pic/k/karayizbis/bg_navtop.png) no-repeat 0% 0%; color: #fff; font-weight: bold; height: 23px; margin: 0; padding: 0; width: 960px; white-space: nowrap; text-align: right; }

#navlist li, #navlist li:visited { margin: 0; display: inline; list-style-type: none; line-height: 1.7em; padding: 0 5px 0 0; }

#navlist li a { color: #fff; text-decoration: none; padding: 0 2px 2px 0; }

#navlist li a:hover { background-color: #f0f8ff; color: #4682b4; text-decoration: none; }

/*MENU LEFT*/

#menu { width: 160px; }

#menu ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; }

#menu a, #menu a:visited { color: #666; display: block; padding: 3px 5px; width: 150px; background-color: #f5f5f5; border-bottom: 1px solid #fff; }

#menu a:link, #menu a:visited { color: #666; text-decoration: none; }

#menu a:hover { background: url(http://img.webme.com/pic/k/karayizbis/arrows.png) no-repeat top right; color: #4682b4; border-bottom: 1px solid #4682b4; }

/*STYLES*/

body { color: #666; margin: 0; font: normal 13px/1.5em arial, helvetica, sans-serif; }

h2, h3, h4 { display: block; clear: both; letter-spacing: 1px; margin: 10px 0 10px 0; }

h2 { font-size: 28px; line-height: 28px; margin: 0 0 10px 0; }

h3 { font-size: 20px; }

h4 { background-color: #f0f8ff; font-size: 13px; padding: 2px 5px; }

#leftcolumn h4, #rightcolumn h4 { background: #4682b4 url(http://img.webme.com/pic/k/karayizbis/h4.png) no-repeat 0 0; border-bottom: 1px solid #fff; font-size: 1em; font-weight: bold; color: #fff; margin: 0; text-align: center; letter-spacing: 0; line-height: 1.2em; }

#leftcolumn h3, #rightcolumn h3 { font-size: 14px; margin: 5px 0;  letter-spacing: 0; }

p { display: block; clear: both; margin: 10px 0 10px 0; }

a, a:visited { color: #4682b4; font-weight: bold; text-decoration: underline; }

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

hr { background-color: #ccc; color: #ccc; clear: both; height: 1px; border: 0; margin: 10px 0 10px 0; }

img { border: 0; vertical-align: middle; }

#contentcolumn ul { padding-left: 0; margin-left: 16px; }

#contentcolumn li { background: url(http://img.webme.com/pic/k/karayizbis/list.png) no-repeat 0% 2px; list-style-type: none; padding-left: 16px; }

blockquote { border: 1px solid #ccc; margin: 10px 0; padding: 1px; }

blockquote h4 { background-color: #f5f5f5; margin: 0; padding: 2px 5px; }

blockquote p { padding: 0 4px 8px 4px; margin: 0; }

/*CLASSES*/

.advertisement { background: url(http://img.webme.com/pic/k/karayizbis/roundedbox_bottom.gif) no-repeat top right; margin: 0 0 20px 0; font-size: 0pt; line-height: 0; }

.advertisement p { margin: 0; font-size: 12px; line-height: 1.4em; padding: 5px; }

.boxBlue { background-color: #f0f8ff; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxGrey { background-color: #f5f5f5; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxBlue p, .boxGrey p { margin: 0 0 10px 0; }

.marginLeft { margin-left: 20px; }

.marginRight { margin-right: 20px; }

.imgLeft { background: url(http://img.webme.com/pic/k/karayizbis/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: left; margin: 5px 10px 0 0; }

.imgRight { background: url(http://img.webme.com/pic/k/karayizbis/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: right; margin: 5px 0 0 10px; }

.shadow { background: url(http://img.webme.com/pic/k/karayizbis/shadow.png) repeat-x left bottom; padding-bottom: 7px; }

/*SPECIAL*/

.statusBox_gsnb, .gs-snippet, .gs-publisher { margin: 0 5px; }

.gs-title, .gs-clusterUrl { margin: 0 3px; }

<!--http://www.islamvedinim.tr.gg kod baslangici-->
<div id="header">
   <div id="title"><a href="#">Fernando 2</a><span class="subtitle"> - Free CSS template</span></div>
   <div id="mainmenu">
      <ul>
      <li><a class="selected" href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Templates</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Menu1</a></li>
      </ul>
   </div>
</div>
<div id="sidebar">
   <div class="sidebar_title">
      Side Menu
   </div>
   <div id="menu">
      <ul>
      <li><a class="selected" href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Templates</a></li>
      <li><a href="#">Contact</a></li>
      </ul>
   </div>
   <div class="sidebar_title">
      Title
   </div>
   <div class="sidebar_content">
<!--      <div class="entry"> -->
      <h3>As simple as it gets...</h3>
      <p>Welcome to <strong>Fernando 2</strong>, a free website template by <a rel="nofollow" href="http://www.fernbap.com/">Fernbap</a>. This is a regular XHTML/CSS template which you can use to build your own website. I kindly ask that you leave the credit text and link in the footer, since that would be a nice way of supporting my work.</p>
<!--      </div> -->
   </div>
</div>
<div id="content">
   <div id="right">
   <h2>Floating sidebar</h2>
   <p>No tables were harmed (or used) while manufacturing this template.</p><p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
   <h2>Now, some links</h2>
   <ul>
      <li><a rel="nofollow" href="http://www.opendesigns.org">open designs</a></li>
      <li><a rel="nofollow" href="http://www.w3schools.com/xhtml/default.asp">learn XHTML</a></li>
      <li><a rel="nofollow" href="http://www.w3schools.com/css/default.asp">learn CSS</a></li>
      <li><a rel="nofollow" href="http://www.mozilla.com/firefox">get firefox</a></li>
   </ul>
   <p class="announce">No tables were harmed (or used) while manufacturing this template.</p><p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
   </div>
<!--http://www.islamvedinim.tr.gg kod bitisi-->

<!--http://www.islamvedinim.tr.gg kod baslangici-->
</p>
   <div id="footer">
      <p>Copyright &copy; 2008 Your Name - All rights reserved | <a rel="nofollow" href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a rel="nofollow" href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.1</a> | Design by <a rel="nofollow" href="http://www.fernbap.com">Fernbap</a></p>
   </div>
</div>
<!--http://www.islamvedinim.tr.gg kod bitisii-->

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;}
/* Fernando 2 - An open source xhtml/css website template by Fernbap - http://fernbap.com.
Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, June 7, 2008 */
/* standard elements */

html {
   height: 100%;
}

* {
   margin: 0;
   padding: 0;
}

body {
   direction: ltr;
   font-size:76%;
   font-family: Verdana,tahoma,Arial,sans-serif;
   color:#303030;
   line-height:1.2em;
}

a {
   color: #8B6969;
   text-decoration: none;
}

a:hover{
   text-decoration:underline;
}

a img {
   border:0;
}

h1,h2,h3 {
   color: #8B6969;
}

h1,h2,h3 {
   margin: 12px 0 10px 0;
   line-height: 1.2em;
}

p {
   line-height: 1.3em;
   margin-bottom: 6px;
}

table {
   margin-bottom: 12px;
}

#content ul, #content ol {
   padding-left: 15px;
}

#header {
/* needed for that stupid IE: */
   position: absolute;
   top: 0;
   left: 0;
/* end of moronic fix */
   position: fixed;
   width: 100%;
   height: 130px;
   background: #491A14 url(images/bgtop.jpg) no-repeat;
}

#header #title {
   font-size: 3em;
/* needed for that stupid IE: */
   line-height: 3em;
/* end of moronic fix */
   font-weight: bold;
   letter-spacing: 4px;
   color: #fff;
   margin-left: 170px;
   float: left;
}

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

#header .subtitle {
   font-size: .7em;
   letter-spacing: 2px;
}

#mainmenu {
   font-size: 16px;
   font-weight: bold;
   position: absolute;
   top: 101px;
   left: 170px;
   text-align: left;
}

#mainmenu li {
   list-style: none;
   display: inline;
}

#mainmenu a {
   border-top: 2px #8b4513 solid;
   border-left: 2px #8b4513 solid;
   border-right: 2px #8b4513 solid;
   color: #8B6969;
   background: #FDF5E6;
   text-decoration: none;
   padding: 3px 7px 3px 7px;
   line-height: 30px;
   height: 31px;
}

#mainmenu a:hover, #mainmenu a.selected {
   background: #fafafa;
   border-top: 4px #8b4513 solid;
}

#mainmenu a.selected {
   border-bottom: 2px #fafafa solid;
}

#sidebar {
/*needed for that stupid IE: */
   position: absolute;
   top: 130px;
   left: 0;
/* end of moronic fix */
   position: fixed;
   width: 158px;
   height: 100%;
   color: #fff;
   background: #491A14 url(http://img.webme.com/pic/k/karayizbis/lefttop.jpg) no-repeat;
   padding-left: 14px;
}

.sidebar_content {
   clear: both;
   padding: 0 8px;
   border-right: 2px #8b4513 solid;
}

.sidebar_title {
   clear: both;
   color: #fff;
   border-right: 2px #8b4513 solid;
   padding: 8px;
   font-size: 1.7em;
   font-weight: bold;
}

#sidebar h1, #sidebar h2, #sidebar h3 {
   color: #fff;
   margin: 0;
}

#menu {
   display: block;
   font-size: 16px;
   width: 156px;
   float: right;
   border-top: 1px #8b4513 solid;
   padding-bottom: 10px;
}
#menu a {
   display: block;
   text-decoration: none;
   text-align: right;
   color: #e0e0e0;
   font-weight: bold;
   padding: 6px 4px 6px 4px;
   border-right: 2px #8b4513 solid;
}

#menu ul {
   list-style: none;
   display: block;
}

#menu li {
   display: block;
   border-bottom: 2px #8b4513 solid;
}
#menu li a:hover, #menu li a.selected {
   text-align: left;
   border-left: 4px #8b4513 solid;
}
#menu li a.selected {
   color: #8B4513;
   border-right: 0;
   background: #fafafa;
}

#content {
   margin-top: 120px;
   margin-left: 170px;
   padding: 20px 20px 0 20px;
   background: #fafafa;
   font-size: 1.1em;
}

#content p:first-letter {
   color: #8B6969;
   font-weight: bold;
   font-size: 1.2em;
   padding: 2px 1px 0 0;
}

#content h2 {
   border-bottom: 1px solid #8b4513;
}

#content ul {
   margin: 6px 0 10px 20px;
}

p.teaser {
   width: 50%;
   margin: 10px 0 10px 100px;
   padding: 10px;
   background: #ff9090;
   border: 1px solid #8b4513;
}

.heading {
   width: 100%;
   background: #800000;
   color: #fff;
   display: block;
   text-align: center;
   padding: 4px 0 4px;
   margin-bottom: 4px;
   font-size: 1.2em;
   font-weight: bold;
}

blockquote {
   background: #FDF5E6;
   border-bottom: 1px solid #8b4513;
   border-left: 4px solid #8b4513;
   border-right: 1px solid #8b4513;
   border-top: 1px solid #8b4513;
   clear: left;
   margin: 16px;
   padding: 7px 7px 7px 11px;
}

#right {
   float: right;
   width: 200px;
   margin-left: 10px;
   padding-left: 10px;
   background: #fafafa;
   border-bottom: 1px solid #8b4513;
   border-left: 1px solid #8b4513;
}

#right h2 {
   background: url(http://img.webme.com/pic/k/karayizbis/glass_bar.png) no-repeat;
   color: #fff;
   font-size: 1.15em;
   height: 34px;
   margin: 0;
   padding-top: 6px;
   text-align: center;
   border: none;
}

#right .announce {
   background: #FDF5E6;
   border: 1px solid #d8d8d8;
   color: #505050;
   line-height: 1.3em;
   margin-top: 10px;
   padding: 0 5px 5px 10px;
   width: 182px;
}

p.readmore {
   background: #FDF5E6;
   margin: 4px 20px 14px 40px;
   padding: 4px 4px 4px 12px;
   border: 1px solid #d8d8d8;
   clear: left;
   text-align: right;
}

div.box {
   width: 48%;
   float: left;
   clear: right;
   margin-right: 10px;
   background: #FDF5E6;
   border: 1px solid #d8d8d8;
}

.box h4 {
   background: #8b4513;
   padding: 4px 10px 4px 10px;
   border-bottom: 1px solid #d8d8d8;
   margin-bottom: 6px;
   color: #fff;
}

.box p {
   margin: 0 0 6px 10px;
}

#content textarea, #content input {
   overflow: auto;
   width: 200px;
   margin: 2px;
}

div.row {
   width: 380px;

}

div.row span.formlabel {
   float: left;
   width: 150px;
   text-align: left;
}

div.row span.forminput {
   width: 180px;
   text-align: right;
}

.submit {
   font-family: verdana, arial, sans-serif;
   font-size: 100%;
   text-align: center;
   border: 1px solid #707070;
   cursor: pointer;
}

form, fieldset, table {
   background: transparent;
   border: none;
   margin: 0;
   padding: 0;
   text-align: left;
}

#content fieldset {
   background: #FDF5E6;
   border: 1px solid #d8d8d8;
   padding: 8px;
   width: 400px;
   margin: 10px 0 10px 100px;
}

input,textarea {
border:1px solid #ccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
text-align: left;
}

label {
   margin: 2px;
}

input {
   width: 200px;
}

textarea {
   width: 400px;
}

#footer {
   clear: both;
   text-align: right;
   background: #FDF5E6;
   padding: 8px;
   margin-top: 20px;
   width: 100%;
   border: 1px solid #d8d8d8;
}

label {
   margin: 2px;
}

input {
   width: 200px;
}

textarea {
   width: 400px;
}

.clear {
   clear: both;
}

/* alignment classes: */
.left {
   float:left;
   margin: 0 10px 5px 0;
}

.right {
   float:right;
   margin: 0px 0 5px 10px;
}

.center {
   text-align: center;
}

img.center {
   display: block;
   text-align: center;
   margin: 0 auto 8px;
}