MYKODDOSTUM

Css Tasarım Kodu

NOT: Bu Alandaki Resim ve Kodlar CSSTEMALAR.tr.gg sitesinden alıntıdır

...............TASARIM ÜSTÜ KODU..............

<body class="home blog"><div id="art-main">    <div class="cleared reset-box"></div>    <div class="art-box art-sheet">        <div class="art-box-body art-sheet-body">            <div class="art-header">                <div class="art-headerobject"></div>                    <div class="art-logo">                                                            <h1 class="art-logo-name"><a href="http://localhost/video/" _fcksavedurl="http://localhost/video/"></a></h1>                                                                                    <h2 class="art-logo-text"></h2>                                        </div>            </div>            <div class="cleared reset-box"></div>            <div class="art-bar art-nav">                <div class="art-nav-outer"> <ul class="art-hmenu"> <li class="active"><a class="active" href="/" _fcksavedurl="/" title="Ana Sayfa">Ana Sayfa</a> </li> <li><a href="http://link adrei buraya" _fcksavedurl="http://link adrei buraya" title="Menü2">Menü1</a> </li> <li><a href="http://link adrei buraya" _fcksavedurl="http://link adrei buraya" title="Menü2">Menü2</a> </li> </ul> </div>            </div>            <div class="cleared reset-box"></div><div class="art-layout-wrapper">    <div class="art-content-layout">        <div class="art-content-layout-row">            <div class="art-layout-cell art-sidebar1">              <div class="art-box art-block widget widget_text" id="text-8">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Duyuru</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><marquee bgcolor="#ffffcc" direction="up" left="5" onmouseout_fckprotectedatt=" onmouseout="this.start();"" onmouseover_fckprotectedatt=" onmouseover="this.stop();"" scrollamount="1" scrolldelay="10" style="width: 180px; height: 140px; color:#990000; text-transform:capitalize; font-size:10px; font-family:Verdana; font-weight:bold" top="0">SİTEMİZ YAPIM AŞAMASINDA </marquee></center></div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-7">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Reklam Alanı</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><table bgcolor="#c0c0c0" border="1" bordercolordark="#800000" bordercolorlight="#800000" height="92" id="table1" style="width: 180px; height: 92px" width="211"> <tbody> <tr> <td bordercolordark="#800000" bordercolorlight="#800000" style="background-color: rgb(255, 255, 255); "> <span style="color:#a52a2a;"><span style="text-decoration: none">REKLAM ALANI</span></span> <p> </p> </td> </tr> </tbody> </table> <p> </p></center> </div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-9">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Boş Kutu</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir yazı veya reklam</div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_categories" id="categories-3">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Dost Siteler</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">		<ul> <li class="cat-item cat-item-9"><a href="http://site linki buraya" _fcksavedurl="http://site linki buraya" title="site1">site1</a> </li> <li class="cat-item cat-item-1"><a href="http://site linki buraya" _fcksavedurl="http://site linki buraya" title="site2">site2</a> </li> <li class="cat-item cat-item-10"><a href="http://site linki buraya" _fcksavedurl="http://site linki buraya" title="site3">site3</a> </li> </ul> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div>              <div class="cleared"></div>            </div>            <div class="art-layout-cell art-content">						<div class="art-box art-post post-51 post type-post status-publish format-standard hentry category-video" id="post-51">	    <div class="art-box-body art-post-body">	            <div class="art-post-inner art-article"> </a>

......TASARIM ALTI KODU:.......

</div>			<div class="cleared"></div>	    </div>	</div>					              <div class="cleared"></div>            </div>            <div class="art-layout-cell art-sidebar2">              <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-3">    <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">    <h3 class="t">Menü</h3></div><div class="art-box art-vmenublockcontent">    <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> <li><a title="Ana Sayfa" href="/" _fcksavedurl="/">Ana Sayfa</a> </li> <li><a title="Menü" href="http://buraya menü linki yaz" _fcksavedurl="http://buraya menü linki yaz">Menü</a> </li> <li><a title="Menü" href="http://buraya menü linkini yaz" _fcksavedurl="http://buraya menü linkini yaz">Menü</a> </li> <li><a title="Menü" href="http://buraya menü linkini yaz" _fcksavedurl="http://buraya menü linkini yaz">Menü</a> </li> </ul> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-10">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">BOŞ KUTU1</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir yazı veya reklam ekleyebilirsiniz.. </div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-2">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">BOŞ KUTU 2</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><table bgcolor="#c0c0c0" border="1" bordercolordark="#800000" bordercolorlight="#800000" height="92" id="table1" style="width: 180px; height: 92px" width="211"> <tbody> <tr> <td bordercolordark="#800000" bordercolorlight="#800000" style="background-color: rgb(255, 255, 255); "> <span style="color:#a52a2a;"><span style="text-decoration: none">REKLAM ALANI</span></span> <p> </p> </td> </tr> </tbody> </table> <p> </p></center></div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-11">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">BOŞ KUTU3</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir yazı veya reklam </div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div>              <div class="cleared"></div>            </div>        </div>    </div></div><div class="cleared"></div>    <div class="art-footer">                <div class="art-footer-body">                                    <a href="/" _fcksavedurl="/" class='art-rss-tag-icon' title=" RSS Feed"></a>                            <div class="art-footer-text">                                <p><a href="http://..." _fcksavedurl="http://...">Link</a> | <a href="http://..." _fcksavedurl="http://...">Link</a> | <a href="#" _fcksavedurl="http://...">Link Ekle</a></p><p>Copyright © 2011.Siteniz.tr.gg Tüm Hakları Saklıdır.</p>                            </div>                    <div class="cleared"></div>                </div>            </div>    		<div class="cleared"></div>        </div>    </div>    <div class="cleared"></div>    <p class="art-page-footer">Web Tasarım <a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">Css Temalar</a>.</p>    <div class="cleared"></div></div>    <div id="wp-footer">	       	            </div></body></html></a>

.........CSS KODU:........

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: CounterStrike Theme URI: http:// Description: Counter Strike teması Version: 1.0 Author: veysel kara Author URI: http:// Tags: fixed width, three columns, valid XHTML, widgets */ /* begin Page */ #art-main, table { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; text-align: justify; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } .art-postcontent p { margin: 12px 0; } .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover { font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif; font-style: normal; font-weight: bold; font-size: 28px; text-align: left; text-decoration: none; text-transform: uppercase; } .art-postcontent a { text-decoration: underline; letter-spacing: 1px; color: #B6C8B8; } .art-postcontent a:link { text-decoration: underline; letter-spacing: 1px; color: #B6C8B8; } .art-postcontent a:visited, .art-postcontent a.visited { color: #C1C7B8; } .art-postcontent  a:hover, .art-postcontent a.hover { text-decoration: none; color: #E5EBE5; } .art-postcontent h1 { color: #B6C8B8; margin: 19px 0; } .art-blockcontent h1 { margin: 19px 0; } .art-postcontent h2 { color: #B6C8B8; margin: 19px 0; font-weight: normal; font-size: 24px; } .art-blockcontent h2 { margin: 19px 0; font-weight: normal; font-size: 24px; } .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited { font-weight: normal; font-size: 24px; } .art-postcontent h3 { color: #C1C7B8; margin: 22px 0; font-size: 22px; } .art-blockcontent h3 { margin: 22px 0; font-size: 22px; } .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited { font-size: 22px; } .art-postcontent h4 { color: #B3C6B5; margin: 22px 0; font-size: 18px; } .art-blockcontent h4 { margin: 22px 0; font-size: 18px; } .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited { font-size: 18px; } .art-postcontent h5 { color: #B3C6B5; margin: 27px 0; font-size: 16px; } .art-blockcontent h5 { margin: 27px 0; font-size: 16px; } .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited { font-size: 16px; } .art-postcontent h6 { color: #85A387; margin: 32px 0; font-size: 14px; } .art-blockcontent h6 { margin: 32px 0; font-size: 14px; } .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited { font-size: 14px; } ul { list-style-type: none; } ol { list-style-position: inside; } html { height:100%; } #art-main { position: relative; z-index: 0; width: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } body { padding: 0; margin:0; color: #C7C7B2; height:100%; min-height:100%; background-color: #353527; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/Bottom_texture.jpg'); background-repeat: repeat; background-attachment: fixed; background-position: center right; min-width: 1000px; } .cleared { display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0; overflow:hidden; } .reset-box { overflow:hidden; display:table; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* Start Box */ .art-box { margin:0 auto; position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after { position:absolute; top:0; bottom:0; content:' '; background-repeat: no-repeat; } .art-box:before,.art-box-body:before{ left:0; } .art-box:after,.art-box-body:after{ right:0; } .art-box:before { overflow:hidden; background-position: bottom left; direction: ltr; z-index:-3; } .art-box:after { background-position: bottom right; z-index:-3; } .art-box-body:before, .art-box-body:after { background-repeat:repeat-y; } .art-box-body:before { background-position: top left; z-index:-3; } .art-box-body:after { background-position: top right; z-index:-3; } .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after { z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after { z-index:-1; } /* End Box */ /* Start Bar */ .art-bar { position:relative; } .art-bar:before, .art-bar:after { position:absolute; top:0; bottom:0; content:' '; background-repeat:repeat-y; z-index:-1; } .art-bar:before { left:0; background-position: top left; } .art-bar:after { right:0; background-position: top right; } /* End Bar *//* end Page */ /* begin Box, Sheet */ .art-sheet { max-width:1000px; margin-top: 7px; margin-bottom: -3px; cursor:auto; width: 1000px; } .art-sheet-body { padding:3px; min-width:28px; min-height:28px; padding-top:3px; padding-bottom:3px; } .art-sheet:before, .art-sheet:after { content: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sheet_t.png'); background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sheet_b.png'); } .art-sheet:after{ clip:rect(auto, auto, auto, 983px); } .art-sheet:before,.art-sheet-body:before{ right:17px; } .art-sheet-body:after{ width: 17px; top:17px; bottom:17px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sheet.png'); } .art-sheet-body:before{ top:17px; bottom:17px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sheet.png'); } #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare { min-width: 1000px; } /* end Box, Sheet */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; width:100%; height: 175px; margin-top: 0; margin-bottom: 0; } .art-header:before { position: absolute; display:block; content:' '; z-index:-2; top: 0; width:100%; height: 175px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/header.png'); background-repeat: no-repeat; background-position:top center; } /* end Header */ /* begin HeaderObject */ div.art-headerobject { display: block; left: 100%; margin-left: -185px; position: absolute; top: 0; width: 186px; height: 175px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/header-object.png'); } /* end HeaderObject */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 53px; left: 50%; margin-left: -495px; width: 805px; } .art-logo-name { display: block; text-align: center; font-size: 35px; padding: 0; margin: 0; color: #91AC93 !important; } .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover { font-size: 35px; padding: 0; margin: 0; color: #91AC93 !important; } .art-logo-text { display: block; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; padding: 0; margin: 0; color: #91AC93 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; padding: 0; margin: 0; color: #91AC93 !important; } /* end Logo */ /* begin Menu */ /* menu structure */ ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover { outline: none; } ul.art-hmenu, ul.art-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.art-hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; } ul.art-hmenu li:hover{ z-index: 10000; white-space: normal; } ul.art-hmenu li li{ float: none; width: auto; } ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none; min-height: 0; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } ul.art-hmenu li:hover>ul { visibility: visible; top: 100%; } ul.art-hmenu li li:hover>ul { top: 0; left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.art-hmenu{ min-height: 0; position:relative; padding: 6px 6px 6px 6px; } ul.art-hmenu ul.art-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } ul.art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; } ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right { right: auto; left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left { left: auto; right: 100%; } /* end menu structure */ /* menu bar */ .art-nav { margin:0 auto; min-height: 37px; z-index: 100; margin-top: 0; margin-bottom: 0; } .art-nav:before, .art-nav:after{ background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/nav.png'); } .art-nav:before{ right: 5px; } .art-nav:after{ width: 5px; } /* end menu bar */ .art-nav-outer{ position:absolute; width:100%; } /* end Menu */ /* begin MenuItem */ ul.art-hmenu>li>a { position: relative; display: block; height: 25px; cursor: pointer; text-decoration: none; color: #96B098; padding: 0 15px; line-height: 25px; text-align: center; } ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after { position: absolute; display: block; content:' '; top: 0; bottom:0; z-index: -1; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/menuitem.png'); } ul.art-hmenu>li>a:before { left: 0; right: 3px; background-position: top left; } ul.art-hmenu>li>a:after { width: 3px; right: 0; background-position: top right; } .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { font-weight: bold; font-size: 11px; text-align: left; text-decoration: none; text-transform: uppercase; } ul.art-hmenu>li>a.active:before { background-position: bottom left; } ul.art-hmenu>li>a.active:after { background-position: bottom right; } ul.art-hmenu>li>a.active { color: #000000; } ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before { background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after { background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ color: #000000; } /* end MenuItem */ /* begin MenuSeparator */ ul.art-hmenu>li:before { position:absolute; display: block; content:' '; top:0; left:-9px; width: 9px; height: 25px; background: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/menuseparator.png') center center no-repeat; } ul.art-hmenu>li { margin-left:9px; } ul.art-hmenu>li:first-child{ margin-left:0; } ul.art-hmenu>li:first-child:before{ display:none; } /* end MenuSeparator */ /* begin MenuSubItem */ .art-hmenu ul a { display: block; white-space: nowrap; height: 24px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-top-width: 0; border-color: #7C9C7F; text-align: left; text-decoration: none; line-height: 24px; color: #000000; font-weight: normal; font-size: 12px; margin:0; padding: 0 22px; } .art-hmenu ul>li:first-child>a { border-top-width: 1px; } .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active { text-align: left; text-decoration: none; line-height: 24px; color: #000000; font-weight: normal; font-size: 12px; margin:0; padding: 0 22px; } .art-hmenu ul li a:hover { color: #000000; background-position: left bottom; } .art-hmenu ul li:hover>a { color: #000000; background-position: left bottom; } /* end MenuSubItem */ /* begin Layout */ .art-layout-wrapper { position:relative; margin:0 auto 0 auto; } .art-content-layout { display: table; width:100%; table-layout: fixed; border-collapse: collapse; } .art-content-layout-row { display: table-row; } .art-layout-cell { display: table-cell; vertical-align: top; text-align: left; } /* end Layout */ /* begin Box, Block, VMenuBlock */ .art-vmenublock { max-width:994px; margin: 7px; } .art-vmenublock-body { padding:8px; } .art-vmenublock:before, .art-vmenublock:after { content: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenublock_t.png'); background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenublock_b.png'); } .art-vmenublock:after{ clip:rect(auto, auto, auto, 993px); } .art-vmenublock:before,.art-vmenublock-body:before{ right:1px; } .art-vmenublock-body:after{ width: 1px; top:1px; bottom:1px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenublock.png'); } .art-vmenublock-body:before{ top:1px; bottom:1px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenublock.png'); } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 7px; min-height: 34px; line-height:34px; } .art-vmenublockheader:before, .art-vmenublockheader:after{ background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenublockheader.png'); } .art-vmenublockheader:before{ right: 22px; } .art-vmenublockheader:after{ width: 22px; } .art-vmenublockheader .t { min-height: 34px; line-height:34px; color: #B7BEAC; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; margin:0; padding: 0 10px 0 28px; white-space: nowrap; } .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #B7BEAC; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { max-width:994px; } .art-vmenublockcontent-body { padding:0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul { list-style: none; display: block; } ul.art-vmenu, ul.art-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.art-vmenu { margin-top: 0; margin-bottom: 0; } ul.art-vmenu ul { display: none; position:relative; margin: 0; padding: 0; } ul.art-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */ ul.art-vmenu a { display: block; cursor: pointer; z-index:0; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; margin-left:0; margin-right:0; position:relative; } ul.art-vmenu li{ position:relative; } ul.art-vmenu>li>a { color: #C1C7B8; padding: 0 12px 0 12px; height: 30px; line-height: 30px; } ul.art-vmenu>li>a.active { color: #9B9C77; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #C6CBBD; } ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after { position: absolute; display: block; content: ' '; z-index:-1; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vmenuitem.png'); top:0; bottom:0; } ul.art-vmenu>li>a:before{ left: 0; right: 0; background-position: top left; } ul.art-vmenu>li>a:after{ width: 0; right: 0; background-position: top right; } ul.art-vmenu>li>a.active:before { background-position: bottom left; } ul.art-vmenu>li>a.active:after { background-position: bottom right; } ul.art-vmenu>li>a:hover:before  { background-position: center left; } ul.art-vmenu>li>a:hover:after { background-position: center right; } ul.art-vmenu>li,ul.art-vmenu>li>ul{ margin-top:2px; } ul.art-vmenu>li:first-child{ margin-top:0; } ul.art-vmenu>li:before, ul.art-vmenu>li>ul:before{ display: block; position:absolute; content: ' '; height: 0; top:-2px; left:0; right:0; z-index:1; border-bottom: dotted 2px #6F7051; } ul.art-vmenu>li:first-child:before,ul.art-vmenu>li:first-child:after{ display:none; } /* end VMenuItem */ /* begin VMenuSubItem */ ul.art-vmenu ul li{ margin: 0; padding: 0; } ul.art-vmenu ul a { display: block; position:relative; white-space: nowrap; height: 20px; overflow: visible; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:24px; padding-right:0; line-height: 20px; color: #A6A786; font-weight: normal; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu ul a.active{ background-position: bottom left; } ul.art-vmenu ul a:hover{ background-position: center left; line-height: 20px; color: #A6A786; font-weight: normal; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu ul ul li{ padding:0; } ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active { line-height: 20px; color: #A6A786; font-weight: normal; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu>li>ul>li:first-child{ padding-top: 0; margin-top:0; } ul.art-vmenu>li>ul{ padding-bottom: 0; } ul.art-vmenu ul ul{ border-bottom-width: 0; } ul.art-vmenu li li{ position:relative; margin-top:0; } ul.art-vmenu ul ul a{ padding-left:48px; } ul.art-vmenu ul ul ul a{ padding-left:72px; } ul.art-vmenu ul ul ul ul a{ padding-left:96px; } ul.art-vmenu ul ul ul ul ul a{ padding-left:120px; } ul.art-vmenu ul li a.active { color: #A4A583; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #C6CBBD; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{ background-position: left center; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { max-width:994px; margin: 7px; } .art-block-body { padding:8px; } .art-block:before, .art-block:after { content: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/block_t.png'); background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/block_b.png'); } .art-block:after{ clip:rect(auto, auto, auto, 993px); } .art-block:before,.art-block-body:before{ right:1px; } .art-block-body:after{ width: 1px; top:1px; bottom:1px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/block.png'); } .art-block-body:before{ top:1px; bottom:1px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/block.png'); } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 5px; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 7px; min-height: 38px; line-height:38px; } .art-blockheader:before, .art-blockheader:after{ background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/blockheader.png'); } .art-blockheader:before{ right: 42px; } .art-blockheader:after{ width: 42px; } .art-blockheader .t { min-height: 38px; line-height:38px; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; margin:0; padding: 0 10px 0 48px; white-space: nowrap; } .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 14px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { max-width:994px; } .art-blockcontent-body { padding:7px; color: #B6C8B8; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent-body table, .art-blockcontent-body li, .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover { color: #B6C8B8; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent-body p { margin: 6px 0; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #B6C8B8; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #EBEDE8; text-decoration: underline; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #D0DCD1; text-decoration: none; } .art-blockcontent-body ul li { line-height: 125%; color: #BEBFA6; padding: 0 0 0 13px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/blockcontentbullets.png'); background-repeat: no-repeat; background-position: top left; }/* end Box, BlockContent */ /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button { text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 11px; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #D9E2DA !important; width: auto; outline: none; border: none; background: none; line-height: 27px; height: 27px; margin: 0 !important; padding: 0 15px !important; overflow: visible; cursor: pointer; } .art-button img, span.art-button-wrapper img { margin: 0; vertical-align: middle; } span.art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 27px; overflow: hidden; white-space: nowrap; width: auto; max-width:994px; margin: 0; padding: 0; z-index: 0; } .firefox2 span.art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 11px; } div.art-block select { width:96%; } span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link { color: #000000 !important; text-decoration: none !important; } span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link { color: #DADDD4 !important; } span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r { display: block; position: absolute; top: 0; bottom: 0; margin: 0; padding: 0; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/button.png'); background-repeat: no-repeat; } span.art-button-wrapper>span.art-button-l { left: 0; right: 8px; background-position: top left; } span.art-button-wrapper>span.art-button-r { width: 8px; right: 0; background-position: top right; } span.art-button-wrapper.hover>span.art-button-l { background-position: center left; } span.art-button-wrapper.hover>span.art-button-r { background-position: center right; } span.art-button-wrapper.active>span.art-button-l { background-position: bottom left; } span.art-button-wrapper.active>span.art-button-r { background-position: bottom right; } span.art-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Post */ .art-post { max-width:994px; margin: 2px; } .art-post-body { padding:5px; min-width:12px; min-height:12px; } .art-post:before, .art-post:after { content: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/post_t.png'); background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/post_b.png'); } .art-post:after{ clip:rect(auto, auto, auto, 983px); } .art-post:before,.art-post-body:before{ right:11px; } .art-post-body:after{ width: 11px; top:11px; bottom:11px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/post.png'); } .art-post-body:before{ top:11px; bottom:11px; background-image:url('http://www.kozan.somee.com/Counter-Strike-temasi/images/post.png'); } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border-color: #3F4536; border-style: solid; border-width: 0; margin: 5px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-post .art-content-layout-br { height: 0; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } /* end Box, Post */ /* begin PostHeaderIcon */ .art-postheader { color: #D0DCD1; margin: 6px 0; font-size: 20px; letter-spacing: normal; } .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered { font-size: 20px; letter-spacing: normal; } .art-postheader a, .art-postheader a:link { text-align: left; text-decoration: none; color: #C5D3C6; } .art-postheader a:visited, .art-postheader a.visited { color: #CDD2C6; } .art-postheader a:hover,  .art-postheader a.hovered { text-decoration: underline; color: #E5EBE5; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; font-size: 11px; color: #E7E7DE; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: underline; letter-spacing: 1px; color: #B6C8B8; } .art-postheadericons a:visited, .art-postheadericons a.visited { color: #B6C8B8; } .art-postheadericons a:hover, .art-postheadericons a.hover { text-decoration: none; color: #A4A583; } /* end PostIcons, PostHeaderIcons */ /* begin PostIcon, PostDateIcon */ span.art-postdateicon { display:inline-block; } /* end PostIcon, PostDateIcon */ /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon { display:inline-block; } /* end PostIcon, PostAuthorIcon */ /* begin PostIcon, PostEditIcon */ span.art-postediticon { display:inline-block; } /* end PostIcon, PostEditIcon */ /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul { margin: 1em 0 1em 2em; padding: 0; } .art-postcontent li { font-size: 12px; text-align: left; color: #C7C7B2; margin: 0 0 0 12px; padding: 0 0 0 13px; } .art-postcontent li ol, .art-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; } .art-postcontent ol>li { background: none; padding-left: 0; /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .art-postcontent ul>li { background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 13px; /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } /* end PostBullets */ /* begin PostQuote */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover { color: #0C0C09; font-style: italic; font-weight: normal; text-align: left; } .art-postcontent blockquote p { margin: 17px 0 17px 17px; } .art-postcontent blockquote { border: solid 1px #A8B09B; margin: 10px; padding: 2px; background-color: #9FB7A1; margin-left: 50px; padding-left: 30px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/postquote.png'); background-position: left top; background-repeat: no-repeat; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } /* end PostQuote */ /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; font-size: 11px; color: #F2F2ED; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: underline; letter-spacing: 1px; color: #B6C8B8; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #B6C8B8; } .art-postfootericons a:hover, .art-postfootericons a.hover { text-decoration: none; color: #A4A583; } /* end PostIcons, PostFooterIcons */ /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon { display:inline-block; } /* end PostIcon, PostCategoryIcon */ /* begin PostIcon, PostTagIcon */ span.art-posttagicon { display:inline-block; } /* end PostIcon, PostTagIcon */ /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon { display:inline-block; } /* end PostIcon, PostCommentsIcon */ /* begin Footer */ .art-footer { position: relative; margin-top:0; margin-bottom:0; width: 100%; } .art-footer-body { position:relative; padding: 8px; color: #B3C6B5; font-style: italic; font-size: 11px; } .art-footer-body ul li { font-size: 12px; line-height: 125%; color: #AAAB8C; padding: 0 0 0 9px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/footerbullets.png'); background-repeat: no-repeat; background-position: top left; } .art-footer-body:before { position: absolute; content:' '; z-index:-2; left:0; right:0; top:0; bottom:50px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/footer.png'); background-position:bottom left; } .art-footer:before, .art-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:50px; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/footer_b.png'); } .art-footer:before { left:0; right:5px; background-position: top left; } .art-footer:after { right:0; width:5px; background-position: top right; } .art-footer-body .art-rss-tag-icon { position: absolute; left:   6px; bottom:8px; z-index:1; } .art-rss-tag-icon { display: block; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/rssicon.png'); background-position: center right; background-repeat: no-repeat; height: 32px; width: 32px; cursor: default; } .art-footer-text p { padding:0; margin:0; text-align: center; } .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td, .art-footer-body th, .art-footer-body caption { color: #B3C6B5; font-style: italic; font-size: 11px; } .art-footer-text { min-height: 50px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-body a, .art-footer-body a:link { color: #719473; text-decoration: underline; } .art-footer-body a:visited { color: #7B7C5A; } .art-footer-body a:hover { color: #719473; text-decoration: none; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #3F4536; border-style: solid; margin: 10px; }/* end Footer */ /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #8B9679; } .art-page-footer { padding: 1em; text-align: center; text-decoration: none; color: #C2C3AC; } /* end PageFooter */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { width: 224px; } .art-content-layout .art-sidebar1:before { position:absolute; z-index:-2; direction:ltr; left: 0; bottom:0; top:0; content:' '; overflow:hidden; display:block; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sidebar_bg.png'); width: 224px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 { width: 224px; } .art-content-layout .art-sidebar2:before { position:absolute; z-index:-2; direction:ltr; right: 0; bottom:0; top:0; content:' '; overflow:hidden; display:block; background-image: url('http://www.kozan.somee.com/Counter-Strike-temasi/images/sidebar_bg.png'); width: 224px; } /* end LayoutCell, sidebar2 */ textarea#comment { width:99%; } ul#comments-list div.avatar { float:right; } ul#comments-list, ul#comments-list li { background: none; padding:0; } ul#comments-list li li { margin-left: 20px; } div.avatar { position:relative; margin: 7px; border: 1px solid #aaa; padding: 1px; background: #fff; float:left; } div.avatar img, div.avatar img.wp-post-image { margin:0 !important; padding:0; border:none; } span.page-navi-outer, span.page-navi-inner { position:relative; display:block; float:left; margin:0; padding:0; } span.page-navi-outer { margin: 1px; border: 1px solid #aaa; } span.page-navi-inner { padding: 1px; min-width:14px; line-height:18px; text-align:center; border: 2px solid #fff; font-weight:bold; } a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width:1px; font-weight:normal; } a span.page-navi-outer, span.page-navi-caption { margin:2px 1px; } ul#comments-list li cite { font-size: 1.2em; } #commentform textarea { width: 100%; } #commentform { text-align:left; } .rtl #commentform { text-align:right; } img.wp-smiley { border: none; margin: 1px; vertical-align:middle; padding: 0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p.aligncenter , p.center { text-align: center; } .alignleft { float: left; } .alignright { float: right; } .alignright img, img.alignright { margin: 1em; margin-right: 0; } .alignleft img, img.alignleft { margin: 1em; margin-left: 0; } .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption p { text-align: center; } .gallery { margin: 0 auto 18px; clear:both; overflow:hidden; letter-spacing: normal; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery img { border: 10px solid #f1f1f1; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery br+br { display: none; } /* End */ .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .art-content { position: relative; z-index: 1; } #todays-events{ position: relative; z-index: 11; } #upcoming-events{ position: relative; z-index: 10; } img.wp-post-image { margin:0 5px 5px 0 !important; } ul#comments-list li { list-style-image: none; background:none; list-style-type:none; } div.art-footer div.art-content-layout { margin:0 auto; width:100%; } div.art-layout-cell-size1 { width:100%; } div.art-layout-cell-size2 { width:50%; } div.art-layout-cell-size3 { width:33%; } div.art-layout-cell-size4 { width:25%; } .art-widget-title { padding:0 0 0 24px; margin-bottom:0; } div.art-center-wrapper { position: relative; float: right; right: 50%; } div.art-center-inner { position: relative; float: left; left: 50%; } .firefox2 div.art-center-inner { float: none; } div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p, h3#reply-title, h4#comments, h4.box-title { margin:0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } #comments-list #respond { margin-left: 22px !important; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } .art-footer .art-widget-title { font-size:1.2em; padding: 0; } .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover { color: #B3C6B5; font-style: italic; font-size: 11px; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #719473; text-decoration: underline; } .art-footer .art-widget a:visited { color: #7B7C5A; } DIV[id^="GMPmap"] IMG { margin: 0; } </a>

........TASARIM ÜSTÜ KODU......

<body class="home blog"> <div id="art-main"> <div class="cleared reset-box"></div> <div class="art-box art-sheet"> <div class="art-box-body art-sheet-body"> <div class="art-header"> <div class="art-headerobject"></div> <div class="art-logo"> <h1 class="art-logo-name"><a href="http://localhost/site/" _fcksavedurl="http://localhost/site/">SİTE İSMİ</a></h1> <h2 class="art-logo-text">Site Sloganı</h2> </div> <div class="art-bar art-nav"> <div class="art-nav-outer"> <div class="art-nav-wrapper"> <div class="art-nav-inner"> <ul class="art-hmenu"> <li class="menu-item-7"><a href="/" _fcksavedurl="/" title="Ana Sayfa">Ana Sayfa</a> </li> <li class="menu-item-12"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link1</a> </li> <li class="menu-item-22"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link2</a> </li> <li class="menu-item-1"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link3</a> </li> <li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link4</a> </li> <li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link5</a> </li> <li class="menu-item-6"><a href="http://..." _fcksavedurl="http://..." title="Link adını gir">Link6</a> </li> </ul> </div> </div> </div> </div> <div class="cleared reset-box"></div> </div> <div class="cleared reset-box"></div> <div class="art-layout-wrapper"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-sidebar1"> <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-6"> <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader"> <h3 class="t">Menü</h3> </div><div class="art-box art-vmenublockcontent"> <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> <li class="menu-item-7"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Dünya">Link1</a> </li> <li class="menu-item-12"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Ekonomi">Link2</a> </li> <li class="menu-item-22"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Foto Galeri">Link3</a> </li> <li class="menu-item-1"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Genel">Link4</a> </li> <li class="menu-item-3"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Sağlık">Link5</a> </li> <li class="menu-item-15"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Spor">Link6</a> </li> <li class="menu-item-6"><a href="http://.." _fcksavedurl="http://.." title="View all posts in Teknoloji">Link7</a> </li> </ul> <div class="cleared"></div> </div> </div>		<div class="cleared"></div> </div> </div><div class="art-box art-block widget widget_text" id="text-22"> <div class="art-box-body art-block-body"><div class="art-bar art-blockheader"> <h3 class="t">BAŞLIK YAZ</h3> </div><div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Herhangi bir kod veya yazı gir...</div> <div class="cleared"></div> </div> </div>		<div class="cleared"></div> </div> </div><div class="art-box art-block widget widget_categories" id="categories-6"> <div class="art-box-body art-block-body"><div class="art-bar art-blockheader"> <h3 class="t">Dost Siteler</h3> </div><div class="art-box art-blockcontent"> <div class="art-box-body art-blockcontent-body">		<ul> <li class="cat-item cat-item-7"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-1</a> </li> <li class="cat-item cat-item-12"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-2</a> </li> <li class="cat-item cat-item-22"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-3</a> </li> <li class="cat-item cat-item-1"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-4</a> </li> <li class="cat-item cat-item-3"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-5</a> </li> <li class="cat-item cat-item-15"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-6</a> </li> <li class="cat-item cat-item-6"><a href="http://.." _fcksavedurl="http://.." title="site ismi">Site-7</a> </li> </ul> <div class="cleared"></div> </div> </div>		<div class="cleared"></div> </div> </div>              <div class="cleared"></div> </div> <div class="art-layout-cell art-content"> <div class="art-box art-post post-407 post type-post status-publish format-standard hentry category-spor tag-pyre_featured_tag tag-spor-2" id="post-407"> <div class="art-box-body art-post-body"> <div class="art-post-inner art-article"></a>

.........TASARIM ALTI KODU.......

</div>			<div class="cleared"></div>	    </div>	</div>					              <div class="cleared"></div>            </div> <div class="art-layout-cell art-sidebar2">              <div class="art-box art-block widget widget_text" id="text-23">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Face Sayfamız</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center> <a href="http://www.facebook.com/" _fcksavedurl="http://www.facebook.com/"><img src="http://e1203.hizliresim.com/v/b/3dd1l.jpg" _fcksavedurl="http://e1203.hizliresim.com/v/b/3dd1l.jpg" border="0" alt="FaceBook Sayfamız İçin Tıklayınız" title="FaceBook Sayfamız İçin Tıklayınız" width="160" height="100" /></a></center></div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-24">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Msn Desdek</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><a href="/" _fcksavedurl="/"><img src="http://cdn1.iconfinder.com/data/icons/orchestra/png/128/network_clock.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/orchestra/png/128/network_clock.png" border="0" width="120" height="100" /></a> </center></div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-25">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Reklam Alanı</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><a href="/" _fcksavedurl="/"><img src="http://e1203.hizliresim.com/v/b/3dcz0.jpg" _fcksavedurl="http://e1203.hizliresim.com/v/b/3dcz0.jpg" border="0" width="160" height="200" /></a> </center></div> <div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div>              <div class="cleared"></div>            </div>        </div>    </div></div><div class="cleared"></div>    <div class="art-footer">                <div class="art-footer-body">                                    <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı git"></a>                            <div class="art-footer-text">                                <p><a href="http://..." _fcksavedurl="http://..." title="Link1">Link1</a> | <a href="http://..." _fcksavedurl="http://..." title="Link2">Link2</a> | <a href="http://..." _fcksavedurl="http://...">Link3</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                            </div>                    <div class="cleared"></div>                </div>            </div>    		<div class="cleared"></div>        </div>    </div>    <div class="cleared"></div>    <p class="art-page-footer">Web Tasarım <a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">csstemalar.tr.gg</a> .</p>    <div class="cleared"></div></div>    <div id="wp-footer">	        	            </div></a>

........CSS KODU.........

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: oyun01 Theme URI: http://csstemalar.tr.gg/ Description: csstemalar.tr.gg tarafından oyun teması Version: 1.0 Author: Veysel Kara Author URI: http://csstemalar.tr.gg/ Tags: fixed width, three columns, valid XHTML, widgets */ #art-main, table { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 13px; text-align: justify; } h1, h2, h3, h4, h5, h6, p, a, ul, ol, li { margin: 0; padding: 0; } .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered { font-family: Arial, Helvetica, Sans-Serif; } .art-postcontent p { margin: 12px 0; } .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-style: normal; font-weight: normal; font-size: 28px; text-decoration: none; text-transform: uppercase; } .art-postcontent a { text-decoration: none; color: #BABABA; } .art-postcontent a:link { text-decoration: none; color: #BABABA; } .art-postcontent a:visited, .art-postcontent a.visited { color: #D6ECB6; } .art-postcontent  a:hover, .art-postcontent a.hover { text-decoration: underline; color: #D1D1D1; } .art-postcontent h1 { color: #BABABA; margin: 10px 0 0; font-size: 26px; } .art-blockcontent h1 { margin: 10px 0 0; font-size: 26px; } .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited { font-size: 26px; } .art-postcontent h2 { color: #D1D1D1; margin: 10px 0 0; font-size: 22px; } .art-blockcontent h2 { margin: 10px 0 0; font-size: 22px; } .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited { font-size: 22px; } .art-postcontent h3 { color: #8C8C8C; margin: 10px 0 0; font-size: 18px; } .art-blockcontent h3 { margin: 10px 0 0; font-size: 18px; } .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited { font-size: 18px; } .art-postcontent h4 { color: #F1F9E7; margin: 10px 0 0; font-size: 16px; } .art-blockcontent h4 { margin: 10px 0 0; font-size: 16px; } .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited { font-size: 16px; } .art-postcontent h5 { color: #F1F9E7; margin: 10px 0 0; font-size: 14px; } .art-blockcontent h5 { margin: 10px 0 0; font-size: 14px; } .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited { font-size: 14px; } .art-postcontent h6 { color: #EBF5DB; margin: 10px 0 0; font-size: 13px; } .art-blockcontent h6 { margin: 10px 0 0; font-size: 13px; } .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited { font-size: 13px; } ul { list-style-type: none; } ol { list-style-position: inside; } html, body { height:100%; } #art-main { position: relative; z-index: 0; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; } body { padding: 0; margin:0; min-width: 900px; color: #D1D1D1; background-color: #4D4D4D; background-image: url('http://www.kozan.somee.com/oyun-images/Bottom_texture.jpg'); background-repeat: repeat-x; background-attachment: fixed; background-position: top left; } .cleared { display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0; overflow:hidden; } .reset-box { overflow:hidden; display:table; } form { padding: 0 !important; margin: 0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* Start Box */ .art-box, .art-box-body { margin:0 auto; position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after { position:absolute; top:0; bottom:0; content:' '; background-repeat: no-repeat; line-height:0; } .art-box:before,.art-box-body:before{ left:0; } .art-box:after,.art-box-body:after{ right:0; } .art-box:before { overflow:hidden; background-position: bottom left; direction: ltr; z-index:-3; } .art-box:after { background-position: bottom right; z-index:-3; } .art-box-body:before, .art-box-body:after { background-repeat:repeat-y; } .art-box-body:before { background-position: top left; z-index:-3; } .art-box-body:after { background-position: top right; z-index:-3; } .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after { z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after { z-index:-1; } /* End Box */ /* Start Bar */ .art-bar { position:relative; } .art-bar:before, .art-bar:after { position:absolute; top:0; bottom:0; content:' '; background-repeat:repeat; z-index:-1; } .art-bar:before { left:0; background-position: top left; } .art-bar:after { right:0; background-position: top right; } /* End Bar */ li h1, .art-postcontent li h1, .art-blockcontent-body li h1 { margin:1px; } li h2, .art-postcontent li h2, .art-blockcontent-body li h2 { margin:1px; } li h3, .art-postcontent li h3, .art-blockcontent-body li h3 { margin:1px; } li h4, .art-postcontent li h4, .art-blockcontent-body li h4 { margin:1px; } li h5, .art-postcontent li h5, .art-blockcontent-body li h5 { margin:1px; } li h6, .art-postcontent li h6, .art-blockcontent-body li h6 { margin:1px; } li p, .art-postcontent li p, .art-blockcontent-body li p { margin:1px; } /* end Page */ /* begin Box, Sheet */ .art-sheet { max-width:900px; margin-top: 17px; margin-bottom: -3px; cursor:auto; width: 900px; } .art-sheet-body { padding:6px; min-width:26px; min-height:26px; padding-top:6px; padding-bottom:6px; } .art-sheet:before, .art-sheet:after { content: url('http://www.kozan.somee.com/oyun-images/sheet_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/oyun-images/sheet_b.png'); } .art-sheet:after{ clip:rect(auto, auto, auto, 881px); } .art-sheet:before,.art-sheet-body:before{ right:19px; } .art-sheet-body:after{ width: 19px; top:19px; bottom:19px; background-image:url('http://www.kozan.somee.com/oyun-images/sheet.png'); } .art-sheet-body:before{ top:19px; bottom:19px; background-image:url('http://www.kozan.somee.com/oyun-images/sheet.png'); } /* end Box, Sheet */ /* begin Header */ div.art-header { margin: 0 auto; position: relative; width:100%; height: 250px; margin-top: 0; margin-bottom: 0; } /* end Header */ /* begin HeaderObject */ div.art-headerobject { display: block; left: 93%; margin-left: -371px; position: absolute; top: 0; width: 400px; height: 250px; background-image: url('http://www.kozan.somee.com/oyun-images/header-object.png'); } /* end HeaderObject */ /* begin Logo */ div.art-logo { display: block; position: absolute; top: 85px; left: 15%; margin-left: -19px; } .art-logo-name { display: block; text-align: left; font-weight: bold; font-size: 23px; padding: 0; margin: 0; color: #E8E8E8 !important; } .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover { font-weight: bold; font-size: 23px; padding: 0; margin: 0; color: #E8E8E8 !important; } .art-logo-text { display: block; text-align: left; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 0; margin: 0; color: #D4D4D4 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 0; margin: 0; color: #D4D4D4 !important; } /* end Logo */ /* begin Menu */ /* menu structure */ ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover { outline: none; position: relative; z-index: 11; } ul.art-hmenu, ul.art-hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; } ul.art-hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; } ul.art-hmenu li:hover{ z-index: 10000; white-space: normal; } ul.art-hmenu li li{ float: none; width: auto; } ul.art-hmenu li:hover>ul { visibility: visible; top: 100%; } ul.art-hmenu li li:hover>ul { top: 0; left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } ul.art-hmenu, ul.art-hmenu ul { min-height: 0; } ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('http://www.kozan.somee.com/oyun-images/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; } ul.art-hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; margin-left: -11px; z-index: -1; } ul.art-hmenu ul ul.art-hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; margin-left: -11px; } ul.art-hmenu ul ul.art-hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; margin-right: -11px; } ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right { right: auto; left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left { left: auto; right: 100%; } ul.art-hmenu{ position:relative; padding: 8px 5px 0 5px; float: left; } /* end menu structure */ /* menu bar */ .art-nav { margin:0 auto; min-height: 39px; z-index: 100; margin: 0 0 -39px; width:auto; top: 211px; } .art-nav:before, .art-nav:after{ background-image: url('http://www.kozan.somee.com/oyun-images/nav.png'); } .art-nav:before{ right: 4px; } .art-nav:after{ width: 4px; } /* end menu bar */ .art-nav-outer{ position:absolute; width:100%; } .art-nav-wrapper { position: relative; margin:0 auto; width:auto; } .art-nav-inner{ margin: 0 6px; } /* end Menu */ /* begin MenuItem */ ul.art-hmenu>li>a { position: relative; display: block; height: 31px; cursor: pointer; text-decoration: none; color: #C9C9C9; padding: 0 18px; line-height: 31px; text-align: center; } ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after { position: absolute; display: block; content:' '; top: 0; bottom:0; z-index: -1; background-image: url('http://www.kozan.somee.com/oyun-images/menuitem.png'); } ul.art-hmenu>li>a:before { left: 0; right: 4px; background-position: top left; } ul.art-hmenu>li>a:after { width: 4px; right: 0; background-position: top right; } .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover { font-size: 12px; text-align: left; text-decoration: none; text-transform: uppercase; } ul.art-hmenu>li>a.active:before { background-position: bottom left; } ul.art-hmenu>li>a.active:after { background-position: bottom right; } ul.art-hmenu>li>a.active { color: #D0E9AA; } ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before { background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after { background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ color: #DDEFC3; } /* end MenuItem */ /* begin MenuSeparator */ ul.art-hmenu>li { margin-left:8px; } ul.art-hmenu>li:first-child { margin-left:0; } /* end MenuSeparator */ /* begin MenuSubItem */ .art-hmenu ul a { display: block; white-space: nowrap; height: 24px; background-image: url('http://www.kozan.somee.com/oyun-images/subitem.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-top-width: 0; border-color: #3B3B3B; min-width: 7em; text-align: left; text-decoration: none; line-height: 24px; color: #D4D4D4; font-size: 11px; margin:0; padding: 0 12px; } .art-hmenu ul>li:first-child>a { border-top-width: 1px; } .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active { text-align: left; text-decoration: none; line-height: 24px; color: #D4D4D4; font-size: 11px; margin:0; padding: 0 12px; } .art-hmenu ul li a:hover { color: #D9EDBB; background-position: left bottom; border-color: #636363; border-top-width: 1px !important; } .art-hmenu ul li a.art-hmenu-before-hovered { border-bottom-width: 0 !important; } .art-hmenu ul li:hover>a { color: #D9EDBB; background-position: left bottom; border-color: #636363; border-top-width: 1px !important; } /* end MenuSubItem */ /* begin Layout */ .art-layout-wrapper { position:relative; margin:0 auto 0 auto; } .art-content-layout { display: table; width:100%; table-layout: fixed; border-collapse: collapse; } .art-content-layout-row { display: table-row; } .art-layout-cell { display: table-cell; vertical-align: top; } /* end Layout */ /* begin Box, Block, VMenuBlock */ .art-vmenublock { max-width:888px; margin: 10px; } .art-vmenublock-body { padding:8px; } .art-vmenublock:before, .art-vmenublock:after { content: url('http://www.kozan.somee.com/oyun-images/vmenublock_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/oyun-images/vmenublock_b.png'); } .art-vmenublock:after{ clip:rect(auto, auto, auto, 881px); } .art-vmenublock:before,.art-vmenublock-body:before{ right:7px; } .art-vmenublock-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/oyun-images/vmenublock.png'); } .art-vmenublock-body:before{ top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/oyun-images/vmenublock.png'); } /* end Box, Block, VMenuBlock */ /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader { margin-bottom: 7px; min-height: 34px; line-height:34px; } .art-vmenublockheader:before, .art-vmenublockheader:after{ background-image: url('http://www.kozan.somee.com/oyun-images/vmenublockheader.png'); } .art-vmenublockheader:before{ right: 20px; } .art-vmenublockheader:after{ width: 20px; } .art-vmenublockheader .t { min-height: 34px; line-height:34px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; margin:0; padding: 0 10px 0 26px; white-space: nowrap; } .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } /* end BlockHeader, VMenuBlockHeader */ /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent { max-width:888px; } .art-vmenublockcontent-body { padding:0; } /* end Box, Box, VMenuBlockContent */ /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul { list-style: none; display: block; } ul.art-vmenu, ul.art-vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0; } ul.art-vmenu { margin-top: 0; margin-bottom: 0; } ul.art-vmenu ul { display: none; margin: 0; padding: 0; position:relative; margin-left: 2px; margin-right: 2px; } ul.art-vmenu ul.active { display: block; } /* end VMenu */ /* begin VMenuItem */ ul.art-vmenu a { display: block; cursor: pointer; z-index:0; text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; text-transform: uppercase; margin-left:0; margin-right:0; position:relative; } ul.art-vmenu li{ position:relative; } ul.art-vmenu>li>a { color: #BDBDBD; padding: 0 13px 0 13px; height: 34px; line-height: 34px; white-space: nowrap; } ul.art-vmenu>li>a.active { color: #47651B; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover { color: #B5B5B5; } ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after { position: absolute; display: block; content: ' '; z-index:-1; background-image: url('http://www.kozan.somee.com/oyun-images/vmenuitem.png'); top:0; height:34px; } ul.art-vmenu>li>a:before{ left: 0; right: 11px; background-position: top left; } ul.art-vmenu>li>a:after{ width: 11px; right: 0; background-position: top right; } ul.art-vmenu>li>a.active:before { background-position: bottom left; } ul.art-vmenu>li>a.active:after { background-position: bottom right; } ul.art-vmenu>li>a:hover { background-color: transparent; } ul.art-vmenu>li>a:hover:before  { background-position: center left; } ul.art-vmenu>li>a:hover:after { background-position: center right; } ul.art-vmenu>li{ margin-top:4px; } ul.art-vmenu>li>ul{ margin-top:4px; padding-bottom: 0; } ul.art-vmenu>li:first-child{ margin-top:0; } /* end VMenuItem */ /* begin VMenuSubItem */ ul.art-vmenu ul li{ margin: 0; padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a { position:relative; } ul.art-vmenu ul a { display: block; position:relative; white-space: nowrap; height: 24px; overflow: visible; background-image: url('http://www.kozan.somee.com/oyun-images/vsubitem.png'); background-repeat: repeat-x; background-position: top left; padding:0; padding-left:15px; padding-right:15px; line-height: 24px; color: #BDBDBD; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu ul a.active{ background-position: bottom left; } ul.art-vmenu ul a:hover{ background-position: center left; line-height: 24px; color: #BDBDBD; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{ background-position: left center; } ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active { line-height: 24px; color: #BDBDBD; font-size: 11px; margin-left: 0; margin-right: 0; } ul.art-vmenu>li>ul>li:first-child{ padding-top: 0; margin-top:0; } ul.art-vmenu li li{ position:relative; margin-top:0; } ul.art-vmenu ul ul a{ padding-left:30px; } ul.art-vmenu ul ul ul a{ padding-left:45px; } ul.art-vmenu ul ul ul ul a{ padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{ padding-left:75px; } ul.art-vmenu ul li a.active { color: #93CC3E; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active { color: #0F0F0F; } /* end VMenuSubItem */ /* begin Box, Block */ .art-block { max-width:888px; margin: 10px; } .art-block-body { padding:8px; } .art-block:before, .art-block:after { content: url('http://www.kozan.somee.com/oyun-images/block_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/oyun-images/block_b.png'); } .art-block:after{ clip:rect(auto, auto, auto, 881px); } .art-block:before,.art-block-body:before{ right:7px; } .art-block-body:after{ width: 7px; top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/oyun-images/block.png'); } .art-block-body:before{ top:7px; bottom:7px; background-image:url('http://www.kozan.somee.com/oyun-images/block.png'); } div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 0; margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .art-blockheader { margin-bottom: 7px; min-height: 38px; line-height:38px; } .art-blockheader:before, .art-blockheader:after{ background-image: url('http://www.kozan.somee.com/oyun-images/blockheader.png'); } .art-blockheader:before{ right: 42px; } .art-blockheader:after{ width: 42px; } .art-blockheader .t { min-height: 38px; line-height:38px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; margin:0; padding: 0 10px 0 48px; white-space: nowrap; } .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover { color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } /* end BlockHeader */ /* begin Box, BlockContent */ .art-blockcontent { max-width:888px; } .art-blockcontent-body { padding:4px; color: #ABABAB; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent:before, .art-blockcontent:after { content: url('http://www.kozan.somee.com/oyun-images/blockcontent_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/oyun-images/blockcontent_b.png'); } .art-blockcontent:after{ clip:rect(auto, auto, auto, 884px); } .art-blockcontent:before,.art-blockcontent-body:before{ right:4px; } .art-blockcontent-body:after{ width: 4px; top:4px; bottom:4px; background-image:url('http://www.kozan.somee.com/oyun-images/blockcontent.png'); } .art-blockcontent-body:before{ top:4px; bottom:4px; background-image:url('http://www.kozan.somee.com/oyun-images/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li, .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover { color: #ABABAB; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .art-blockcontent-body p { margin: 0 5px; } .art-blockcontent-body a, .art-blockcontent-body a:link { color: #D1D1D1; text-decoration: underline; } .art-blockcontent-body a:visited, .art-blockcontent-body a.visited { color: #D6ECB6; text-decoration: none; } .art-blockcontent-body a:hover, .art-blockcontent-body a.hover { color: #D1D1D1; text-decoration: underline; } .art-blockcontent-body ul li { font-size: 13px; line-height: 125%; color: #ABABAB; margin: 5px 0 0 10px; padding: 0 0 0 9px; background-image: url('http://www.kozan.somee.com/oyun-images/blockcontentbullets.png'); background-repeat: no-repeat; background-position: top left; } /* end Box, BlockContent */ /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button { text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 12px; text-transform: uppercase; position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #212121 !important; width: auto; outline: none; border: none; background: none; line-height: 31px; height: 31px; margin: 0 !important; padding: 0 19px !important; overflow: visible; cursor: pointer; text-indent: 0; } .art-button img, span.art-button-wrapper img { margin: 0; vertical-align: middle; } span.art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 31px; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto; max-width:888px; margin: 0; padding: 0; z-index: 0; } .firefox2 span.art-button-wrapper { display: block; float: left; } input, select, textarea { vertical-align: middle; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 12px; text-transform: uppercase; } div.art-block select { width:96%; } span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link { color: #000000 !important; text-decoration: none !important; } span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link { color: #DBDBDB !important; } span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r { display: block; position: absolute; top: 0; bottom: 0; margin: 0; padding: 0; background-image: url('http://www.kozan.somee.com/oyun-images/button.png'); background-repeat: no-repeat; } span.art-button-wrapper>span.art-button-l { left: 0; right: 11px; background-position: top left; } span.art-button-wrapper>span.art-button-r { width: 11px; right: 0; background-position: top right; } span.art-button-wrapper.hover>span.art-button-l { background-position: center left; } span.art-button-wrapper.hover>span.art-button-r { background-position: center right; } span.art-button-wrapper.active>span.art-button-l { background-position: bottom left; } span.art-button-wrapper.active>span.art-button-r { background-position: bottom right; } span.art-button-wrapper input { float: none !important; } /* end Button */ /* begin Box, Post */ .art-post { max-width:888px; margin: 2px; } .art-post-body { padding:14px; min-width:2px; min-height:2px; } .art-post:before, .art-post:after { content: url('http://www.kozan.somee.com/oyun-images/post_t.png'); font-size: 0; background-image: url('http://www.kozan.somee.com/oyun-images/post_b.png'); } .art-post:after{ clip:rect(auto, auto, auto, 873px); } .art-post:before,.art-post-body:before{ right:15px; } .art-post-body:after{ width: 15px; top:15px; bottom:15px; background-image:url('http://www.kozan.somee.com/oyun-images/post.png'); } .art-post-body:before{ top:15px; bottom:15px; background-image:url('http://www.kozan.somee.com/oyun-images/post.png'); } a img { border: 0; } .art-article img, img.art-article, .art-block img, .art-footer img { border-color: #787878; border-style: solid; border-width: 1px; margin: 7px 7px 7px 7px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } .art-article table, table.art-article { border-collapse: collapse; margin: 1px; } .art-post .art-content-layout-br { height: 0; } .art-article th, .art-article td { padding: 2px; border: solid 1px #A8A8A8; vertical-align: top; text-align: left; } .art-article th { text-align: center; vertical-align: middle; padding: 7px; } pre { overflow: auto; padding: 0.1em; } /* end Box, Post */ /* begin PostHeaderIcon */ .art-postheader { color: #D1D1D1; margin: 5px 0 0; line-height: 1em; font-size: 18px; } .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered { font-size: 18px; } .art-postheader a, .art-postheader a:link { text-align: left; text-decoration: underline; color: #A1A1A1; } .art-postheader a:visited, .art-postheader a.visited { text-decoration: none; color: #8F8F8F; } .art-postheader a:hover,  .art-postheader a.hovered { text-decoration: underline; color: #9ACF4A; } /* end PostHeaderIcon */ /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; font-size: 11px; color: #B5B5B5; } .art-postheadericons { padding: 1px; } .art-postheadericons a, .art-postheadericons a:link { text-decoration: none; color: #757575; } .art-postheadericons a:visited, .art-postheadericons a.visited { color: #BABABA; } .art-postheadericons a:hover, .art-postheadericons a.hover { text-decoration: underline; color: #9ACF4A; } /* end PostIcons, PostHeaderIcons */ /* begin PostIcon, PostDateIcon */ span.art-postdateicon { display:inline-block; line-height: 1em; } span.art-postdateicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostDateIcon */ /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon { display:inline-block; line-height: 1em; } span.art-postauthoricon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostAuthorIcon */ /* begin PostIcon, PostEditIcon */ span.art-postediticon { display:inline-block; line-height: 1em; } span.art-postediticon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostEditIcon */ /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul { margin: 1em 0 1em 2em; padding: 0; } .art-postcontent li { font-size: 13px; text-align: justify; color: #B5B5B5; margin: 5px 0 0 -15px; padding: 0 0 0 9px; } .art-postcontent li ol, .art-post li ul { margin: 0.5em 0 0.5em 2em; padding: 0; } .art-postcontent ol>li { background: none; padding-left: 0; /* overrides overflow for "ul li" and sets the default value */ overflow: visible; } .art-postcontent ul>li { background-image: url('http://www.kozan.somee.com/oyun-images/postbullets.png'); background-repeat: no-repeat; background-position: top left; padding-left: 9px; /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden; } /* end PostBullets */ /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover { color: #BABABA; font-style: italic; font-weight: normal; text-align: justify; } /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p { margin: 0; } blockquote { border: solid 1px #787878; margin: 10px; padding: 10px; background-color: #3B3B3B; margin-left: 50px; padding-left: 47px; background-image: url('http://www.kozan.somee.com/oyun-images/postquote.png'); background-position: left top; background-repeat: no-repeat; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both; } /* end PostQuote */ /* begin PostMetadata, PostMetadataFooter */ .art-postmetadatafooter { position:relative; z-index:1; padding: 1px; background-color: #292929; border-color: #636363; border-style: solid; border-width: 1px; } /* end PostMetadata, PostMetadataFooter */ /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; font-size: 11px; color: #ADADAD; } .art-postfootericons { padding: 1px; } .art-postfootericons a, .art-postfootericons a:link { text-decoration: none; color: #858585; } .art-postfootericons a:visited, .art-postfootericons a.visited { color: #B5B5B5; } .art-postfootericons a:hover, .art-postfootericons a.hover { text-decoration: underline; color: #93CC3E; } /* end PostIcons, PostFooterIcons */ /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon { display:inline-block; line-height: 1em; } span.art-postcategoryicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostCategoryIcon */ /* begin PostIcon, PostTagIcon */ span.art-posttagicon { display:inline-block; line-height: 1em; } span.art-posttagicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostTagIcon */ /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon { display:inline-block; line-height: 1em; } span.art-postcommentsicon:after { content: '.'; width: 1px; visibility: hidden; display: inline-block; }/* end PostIcon, PostCommentsIcon */ /* begin Footer */ .art-footer { position: relative; margin-top:0; margin-bottom:0; width: 100%; } .art-footer-body { position:relative; padding: 8px; color: #ADADAD; font-size: 11px; } .art-footer-body ul li { font-size: 13px; line-height: 125%; color: #9E9E9E; margin: 5px 0 0 5px; padding: 0 0 0 14px; background-image: url('http://www.kozan.somee.com/oyun-images/footerbullets.png'); background-repeat: no-repeat; background-position: top left; } .art-footer-body:before { position: absolute; content:' '; z-index:-2; left:0; right:0; top:0; bottom:4px; background-image: url('http://www.kozan.somee.com/oyun-images/footer.png'); background-position:bottom left; } .art-footer:before, .art-footer:after { position: absolute; content:' '; z-index:-2; bottom:0; height:4px; background-image: url('http://www.kozan.somee.com/oyun-images/footer_b.png'); } .art-footer:before { left:0; right:4px; background-position: bottom left; } .art-footer:after { right:0; width:4px; background-position: bottom right; } .art-footer-body .art-rss-tag-icon { position: absolute; right:   6px; bottom:8px; z-index:1; } .art-rss-tag-icon { display: block; background-image: url('http://www.kozan.somee.com/oyun-images/rssicon.png'); background-position: center right; background-repeat: no-repeat; height: 32px; width: 32px; cursor: default; } .art-footer-text p { padding:0; margin:0; text-align: center; } .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td, .art-footer-body th, .art-footer-body caption { color: #ADADAD; font-size: 11px; } .art-footer-text { min-height: 33px; padding-left: 10px; padding-right: 10px; text-align: center; } .art-footer-body a, .art-footer-body a:link { color: #858585; text-decoration: none; } .art-footer-body a:visited { color: #B5B5B5; } .art-footer-body a:hover { color: #93CC3E; text-decoration: underline; } div.art-footer img { /* WARNING do NOT collapse this to 'border' - inheritance! */ border-width: 1px; border-color: #787878; border-style: solid; margin: 7px; }/* end Footer */ /* begin PageFooter */ .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #CCCCCC; } .art-page-footer { position: relative; z-index: 10; padding: 1em; text-align: center; text-decoration: none; color: #B5B5B5; } /* end PageFooter */ /* begin WordPress, Template.WordPress */ form.art-search { display:block; position: relative; width: 98%; padding:0; margin:0 auto !important; border: none; } form.art-search div { margin: 0 18px 0 -2px; } input.art-search-text { display: block; margin: 0; width: 100%; padding-right: 16px; } input.art-search-button { display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0; margin: 0; width: 16px; background:url('http://www.kozan.somee.com/oyun-images/search.png') center center no-repeat; border: none; } /* end WordPress, Template.WordPress */ /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 { width: 220px; } /* end LayoutCell, sidebar1 */ /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 { width: 220px; } /* end LayoutCell, sidebar2 */ textarea#comment { width:99%; } ul#comments-list div.avatar { float:right; } ul#comments-list, ul#comments-list li { background: none; padding:0; } ul#comments-list li li { margin-left: 20px; } div.avatar { position:relative; margin: 7px; border: 1px solid #aaa; padding: 1px; background: #fff; float:left; } div.avatar img, div.avatar img.wp-post-image { margin:0 !important; padding:0; border:none; } span.page-navi-outer, span.page-navi-inner { position:relative; display:block; float:left; margin:0; padding:0; } span.page-navi-outer { margin: 1px; border: 1px solid #aaa; } span.page-navi-inner { padding: 1px; min-width:14px; line-height:18px; text-align:center; border: 2px solid #fff; font-weight:bold; } a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width:1px; font-weight:normal; } a span.page-navi-outer, span.page-navi-caption { margin:2px 1px; } ul#comments-list li cite { font-size: 1.2em; } #commentform textarea { width: 100%; } #commentform { text-align:left; } .rtl #commentform { text-align:right; } img.wp-smiley { border: none; margin: 1px; vertical-align:middle; padding: 0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p.aligncenter , p.center { text-align: center; } .alignleft { float: left; } .alignright { float: right; } .alignright img, img.alignright { margin: 1em; margin-right: 0; } .alignleft img, img.alignleft { margin: 1em; margin-left: 0; } .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption p { text-align: center; } .gallery { margin: 0 auto 18px; clear:both; overflow:hidden; letter-spacing: normal; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery img { border: 10px solid #f1f1f1; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery br+br { display: none; } /* End */ .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .art-content { position: relative; z-index: 1; } #todays-events{ position: relative; z-index: 11; } #upcoming-events{ position: relative; z-index: 10; } img.wp-post-image { margin:0 5px 5px 0 !important; } ul#comments-list li { list-style-image: none; background:none; list-style-type:none; } div.art-footer div.art-content-layout { margin:0 auto; width:100%; } div.art-layout-cell-size1 { width:100%; } div.art-layout-cell-size2 { width:50%; } div.art-layout-cell-size3 { width:33%; } div.art-layout-cell-size4 { width:25%; } .art-widget-title { padding:0 0 0 24px; margin-bottom:0; } div.art-center-wrapper { position: relative; float: right; right: 50%; } div.art-center-inner { position: relative; float: left; left: 50%; } .firefox2 div.art-center-inner { float: none; } div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p, h3#reply-title, h4#comments, h4.box-title { margin:0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } #comments-list #respond { margin-left: 22px !important; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } .art-footer .art-widget-title { font-size:1.2em; padding: 0; } .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover { color: #ADADAD; font-size: 11px; text-align: left; } .art-footer .art-widget a, .art-footer .art-widget a:link { color: #858585; text-decoration: none; } .art-footer .art-widget a:visited { color: #B5B5B5; } .art-footer .art-widget a:hover { color: #93CC3E; text-decoration: underline; } DIV[id^="GMPmap"] IMG { margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto} /* bedava sitem reklam otala son */ iframe{border:solid 4px #000000;}</a>

Tasarım Üstü Kodu

<body class="home blog">  <div id="art-page-background-glare-wrapper">      <div id="art-page-background-glare"></div>  </div>  <div id="art-main">      <div class="cleared reset-box"></div>      <div class="art-box art-sheet">          <div class="art-box-body art-sheet-body">              <div class="art-header">                  <div class="art-headerobject"></div>                          <div class="art-logo">                                                                          <h1 class="art-logo-name"><a href="/" _fcksavedurl="/">Site İsmi</a></h1>                                                                                                      <h2 class="art-logo-text">Slogan Text</h2>                                                  </div>                  <div class="art-bar art-nav">                      <div class="art-nav-outer">                      <div class="art-nav-wrapper">                      <div class="art-nav-inner">                  	 <ul class="art-hmenu"> 	<li class="menu-item-7"><a href="/" _fcksavedurl="/" title="Ana Sayfa">Ana sayfa</a> 	</li> 	<li class="menu-item-12"><a href="http://.." _fcksavedurl="http://.." title="Link adını yaz">Link</a> 	</li> 	<li class="menu-item-22"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link</a> 	</li> 	<li class="menu-item-1"><a href="http://.." _fcksavedurl="http://.." title="Link adını yaz">Link</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link</a> 	</li> 	<li class="menu-item-15"><a href="http://.." _fcksavedurl="http://.." title="Link adını yaz">Link</a> 	</li> 	<li class="menu-item-6"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link</a> 	</li> </ul>                     </div>                      </div>                      </div>                  </div>                  <div class="cleared reset-box"></div>              </div>              <div class="cleared reset-box"></div>  <div class="art-layout-wrapper">      <div class="art-content-layout">          <div class="art-content-layout-row">              <div class="art-layout-cell art-sidebar1">                <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-6">      <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">      <h3 class="t">Menü</h3>  </div><div class="art-box art-vmenublockcontent">      <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> 	<li class="menu-item-7"><a href="/" _fcksavedurl="/" title="Ana sayfa">Ana sayfa</a> 	</li> 	<li class="menu-item-12"><a href="http://.." _fcksavedurl="http://.." title="Link adını yaz">Link ekle</a> 	</li> 	<li class="menu-item-22"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link ekle</a> 	</li> 	<li class="menu-item-1"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link ekle</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link ekle</a> 	</li> 	<li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link ekle</a> 	</li> 	<li class="menu-item-6"><a href="http://..." _fcksavedurl="http://..." title="Link adını yaz">Link ekle</a> 	</li> </ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-22">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">BAŞLIK YAZ</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Herhangi bir kod veya yazı gir...</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_categories" id="categories-6">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Dost Siteler</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-7"><a href="http://..." _fcksavedurl="http://..." title="Site">Site</a> </li> 	<li class="cat-item cat-item-12"><a href="http://..." _fcksavedurl="http://..." title="Site ismini yaz">Site ismini yaz</a> </li> 	<li class="cat-item cat-item-22"><a href="http://..." _fcksavedurl="http://..." title="Site ismini yaz">Site ismini yaz</a> </li> 	<li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." title="Site ismini yaz">Site ismini yaz</a> </li> 	<li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." title="Site ismini yaz">Site ismini yaz</a> </li> 	<li class="cat-item cat-item-15"><a href="http://.." _fcksavedurl="http://.." title="Site ismini yaz">Site ismini yaz</a> </li> 	<li class="cat-item cat-item-6"><a href="http://..." _fcksavedurl="http://..." title="Site ismini yaz">Site ismini yaz</a> </li> 		</ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-26">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık Yaz</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Herhangi bir kod veya yazı gir...</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>              <div class="cleared"></div>              </div>              <div class="art-layout-cell art-content">  			<div class="art-content-layout">      <div class="art-content-layout-row">  					<div class="art-layout-cell art-layout-cell-size1">  						  			<div class="art-box art-block widget widget_text" id="text-30">      <div class="art-box-body art-block-body"><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center>REKLAM ALANI</center></div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>				  				<div class="cleared"> </div>  			</div>  					      </div>  </div>  				<div class="art-box art-post post-407 post type-post status-publish format-standard hentry category-spor tag-pyre_featured_tag tag-spor-2" id="post-407">  	    <div class="art-box-body art-post-body">  	            <div class="art-post-inner art-article">

Tasarım Altı Kodu

</div>  			<div class="cleared"></div>  	    </div>  	</div> <div class="cleared"></div>             </div> <div class="art-layout-cell art-sidebar2">              <div class="art-box art-block widget widget_text" id="text-28">    <div class="art-box-body art-block-body"><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center><iframe width="150" height="105" src="http://www.youtube-nocookie.com/embed/SSPNrblwQLQ" frameborder="0" allowfullscreen></iframe></center></div> 				<div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-23">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Face Sayfamız</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center> <a href="http://www.facebook.com/" _fcksavedurl="http://www.facebook.com/"><img src="http://photos-c.ak.fbcdn.net/hphotos-ak-snc6/35791_102546986464793_101309539921871_15169_6370447_s.jpg" _fcksavedurl="http://photos-c.ak.fbcdn.net/hphotos-ak-snc6/35791_102546986464793_101309539921871_15169_6370447_s.jpg" border="0" alt="FaceBook Sayfamız İçin Tıklayınız" title="FaceBook Sayfamız İçin Tıklayınız" width="120" height="35" /></a></center></div> 				<div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-27">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Başlık</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Herhangi bir kod veya yazı gir...</div> 				<div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div><div class="art-box art-block widget widget_text" id="text-29">    <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">    <h3 class="t">Reklam Alanı</h3></div><div class="art-box art-blockcontent">    <div class="art-box-body art-blockcontent-body">			<div class="textwidget"><center>    <SCRIPT language="JavaScript" type="text/javascript">    document.write('<SCR'+'IPT src="http://ads.maksimum.net/advertpro/servlet/view/banner/javascript/zone?zid=438&pid=21&random='+Math.floor(89999999*Math.random()+10000000)+'" language="JavaScript" type="text/javascript"></SCR'+'IPT>');    </SCRIPT></center></div> 				<div class="cleared"></div>    </div></div>		<div class="cleared"></div>    </div></div>              <div class="cleared"></div>            </div>        </div>    </div></div><div class="cleared"></div>    <div class="art-footer">                <div class="art-footer-body">                                    <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="YUKARI GİT"></a>                            <div class="art-footer-text">                                <p><a href="http://..." _fcksavedurl="http://..." title="Link1">Link1</a> | <a href="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#">Link3</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                            </div>                    <div class="cleared"></div>                </div>            </div>    		<div class="cleared"></div>        </div>    </div>    <div class="cleared"></div>    <p class="art-page-footer">Web Tasarım<a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">Csstemalar.tr.gg</a> .</p>    <div class="cleared"></div></div>    <div id="wp-footer">	        	            </div>

Css Kodu

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:Galatasaray Fan Teması Theme URI: http://csstemalar.tr.gg Description: Css Temalar Galatasaray Fan Teması Version: 1.0 Author:Csstemalar.tr.gg  Author URI: http://csstemalar.tr.gg Tags: fixed width, three columns, valid XHTML, widgets */   /* webtasarım kodlama Csstemalar.tr.gg */  #art-main, table {    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: bold;    font-size: 26px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #850007; }  .art-postcontent a:link {    text-decoration: none;    color: #850007; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #000000; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #B30009; }  .art-postcontent h1 {    color: #290002;    margin: 10px 0 0; }  .art-blockcontent h1 {    margin: 10px 0 0; }  .art-postcontent h2 {    color: #000000;    margin: 10px 0 0;    font-size: 22px; }  .art-blockcontent h2 {    margin: 10px 0 0;    font-size: 22px; }  .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited  {    font-size: 22px; }  .art-postcontent h3 {    color: #290002;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 18px; }  .art-postcontent h4 {    color: #BC0009;    margin: 10px 0 0;    font-size: 16px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 16px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 16px; }  .art-postcontent h5 {    color: #BC0009;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 14px; }  .art-postcontent h6 {    color: #E1000B;    margin: 10px 0 0;    font-size: 13px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 13px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 13px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  #art-page-background-glare-wrapper {    position: fixed;    width:100%; }  #art-page-background-glare {    position: relative;    top: 0;    max-width:1130px;    min-width: 900px;    height:495px;    margin: 0 auto;    background-image: url('http://www.kozan.somee.com/galatasaray/page_gl.png');    background-repeat: no-repeat;    background-position: center top; }  body {    padding: 0;    margin:0;    min-width: 900px;    color: #000000;    background-color: #FFDE0B;    background-image: url('http://www.kozan.somee.com/galatasaray/Bottom_texture.jpg');    background-repeat: repeat;    background-attachment: fixed;    background-position: bottom right; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Box, Sheet */ .art-sheet {    max-width:900px;    margin-top: -4px;    margin-bottom: -4px;    cursor:auto;    width: 900px; } .art-sheet-body  {    padding:6px;    min-width:32px;    min-height:32px;    padding-top:6px;    padding-bottom:6px; } .art-sheet:before, .art-sheet:after  {    content: url('http://www.kozan.somee.com/galatasaray/sheet_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/sheet_b.png'); } .art-sheet:after{    clip:rect(auto, auto, auto, 878px); } .art-sheet:before,.art-sheet-body:before{    right:22px; } .art-sheet-body:after{    width: 22px;    top:22px;    bottom:22px;    background-image:url('http://www.kozan.somee.com/galatasaray/sheet.png'); } .art-sheet-body:before{    top:22px;    bottom:22px;    background-image:url('http://www.kozan.somee.com/galatasaray/sheet.png'); }  /* end Box, Sheet */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    width:100%;    height: 225px;    margin-top: 0;    margin-bottom: 0; }  .art-header:before {    position: absolute;    display:block;    content:' ';    z-index:-2;    top: 0;    width:100%;    height: 225px;    background-image: url('http://www.kozan.somee.com/galatasaray/header.png');    background-repeat: no-repeat;    background-position:top left; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    left:4px;    right:4px;    height: 225px;    background-image: url('http://www.kozan.somee.com/galatasaray/header.jpg');    background-repeat: no-repeat;    background-position: center left; } /* end Header */  /* begin HeaderObject */ div.art-headerobject {    display: block;    left: 100%;    margin-left: -286px;    position: absolute;    top: 8px;    width: 328px;    height: 217px;    background-image: url('http://www.kozan.somee.com/galatasaray/header-object.png'); } /* end HeaderObject */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 40px;    left: 47%;    margin-left: -418px;    width: 845px; }  .art-logo-name {    display: block;    text-align: center;    font-size: 30px;    padding: 0;    margin: 0;    color: #FFE959 !important; } .art-logo-name a,  .art-logo-name a:link,  .art-logo-name a:visited,  .art-logo-name a:hover {    font-size: 30px;    padding: 0;    margin: 0;    color: #FFE959 !important; }  .art-logo-text {    display: block;    text-align: center;    font-size: 15px;    padding: 0;    margin: 0;    color: #FFDE0B !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover {    font-size: 15px;    padding: 0;    margin: 0;    color: #FFDE0B !important; }  /* end Logo */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 2px 2px 2px 2px;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    margin:0 auto;    min-height: 30px;    z-index: 100;    margin: 0 0 -30px;    width:auto;    top: 195px; }  .art-nav:before, .art-nav:after{    background-image: url('http://www.kozan.somee.com/galatasaray/nav.png'); } .art-nav:before{    right: 4px; } .art-nav:after{    width: 4px; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    margin:0 auto;    width:auto; }  .art-nav-inner{    margin: 0 6px; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 26px;    cursor: pointer;    text-decoration: none;    color: #322C00;    padding: 0 12px;    line-height: 26px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('http://www.kozan.somee.com/galatasaray/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 8px;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 8px;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a.active:before {    background-position: bottom left; }  ul.art-hmenu>li>a.active:after {    background-position: bottom right; } ul.art-hmenu>li>a.active {    color: #EBE81E; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #320003; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -8px;    width:8px;    height: 26px;    background: url('http://www.kozan.somee.com/galatasaray/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:8px; } ul.art-hmenu>li:first-child {    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 26px;    background-image: url('http://www.kozan.somee.com/galatasaray/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #D3B700;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 26px;    color: #FFF19A;    margin:0;    padding: 0 8px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 26px;    color: #FFF19A;    margin:0;    padding: 0 8px; }  .art-hmenu ul li a:hover {    color: #FF7E84;    background-position: left bottom;    border-color: #D3B700;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #FF7E84;    background-position: left bottom;    border-color: #D3B700;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {    max-width:888px;    margin: 3px; } .art-vmenublock-body  {    padding:8px; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 7px;    min-height: 34px;    line-height:34px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://www.kozan.somee.com/galatasaray/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 41px; } .art-vmenublockheader:after{    width: 41px; }  .art-vmenublockheader .t {    min-height: 34px;    line-height:34px;    color: #FFDE0A;    font-size: 14px;    margin:0;    padding: 0 10px 0 47px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #FFDE0A;    font-size: 14px; }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {    max-width:888px; } .art-vmenublockcontent-body  {    padding:0; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul {    list-style: none;    display: block; }  ul.art-vmenu, ul.art-vmenu li {    display: block;    margin: 0;    padding: 0;    width: auto;    line-height: 0; }  ul.art-vmenu {    margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {    display: none;    margin: 0;    padding: 0;    position:relative;    margin-left: 2px;    margin-right: 2px; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: "Arial Black",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 12px;    text-align: center;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #FFEB6C;    padding: 0 13px 0 13px;    height: 29px;    line-height: 29px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #453C00; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #FFE32B; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://www.kozan.somee.com/galatasaray/vmenuitem.png');    top:0;    height:29px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 10px;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 10px;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:0; } ul.art-vmenu>li>ul{    margin-top:0;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 24px;    overflow: visible;    background-image: url('http://www.kozan.somee.com/galatasaray/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 24px;    color: #000000;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 24px;    color: #000000;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 24px;    color: #000000;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu>li>ul>li:first-child{    padding-top: 0;    margin-top:0; }   ul.art-vmenu li li{    position:relative;    margin-top:0; }  ul.art-vmenu ul ul a{    padding-left:30px; } ul.art-vmenu ul ul ul a{    padding-left:45px; } ul.art-vmenu ul ul ul ul a{    padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{    padding-left:75px; }  ul.art-vmenu ul li a.active {    color: #5C5000; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #FF676F; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:888px;    margin: 3px; } .art-block-body  {    padding:9px;    min-width:10px;    min-height:10px; } .art-block:before, .art-block:after  {    content: url('http://www.kozan.somee.com/galatasaray/block_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/block_b.png'); } .art-block:after{    clip:rect(auto, auto, auto, 874px); } .art-block:before,.art-block-body:before{    right:14px; } .art-block-body:after{    width: 14px;    top:14px;    bottom:14px;    background-image:url('http://www.kozan.somee.com/galatasaray/block.png'); } .art-block-body:before{    top:14px;    bottom:14px;    background-image:url('http://www.kozan.somee.com/galatasaray/block.png'); }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 10px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 7px;    min-height: 38px;    line-height:38px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://www.kozan.somee.com/galatasaray/blockheader.png'); } .art-blockheader:before{    right: 41px; } .art-blockheader:after{    width: 41px; }  .art-blockheader .t {    min-height: 38px;    line-height:38px;    color: #FFDE0A;    font-size: 14px;    margin:0;    padding: 0 10px 0 47px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #FFDE0A;    font-size: 14px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:888px; } .art-blockcontent-body  {    padding:8px;    color: #000000;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-size: 13px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://www.kozan.somee.com/galatasaray/blockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/blockcontent_b.png'); } .art-blockcontent:after{    clip:rect(auto, auto, auto, 884px); } .art-blockcontent:before,.art-blockcontent-body:before{    right:4px; } .art-blockcontent-body:after{    width: 4px;    top:4px;    bottom:4px;    background-image:url('http://www.kozan.somee.com/galatasaray/blockcontent.png'); } .art-blockcontent-body:before{    top:4px;    bottom:4px;    background-image:url('http://www.kozan.somee.com/galatasaray/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #000000;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-size: 13px; }  .art-blockcontent-body p {    margin: 0 5px; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #B30009;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #B30009;    text-decoration: underline; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #B30009; }  .art-blockcontent-body ul li {    line-height: 125%;    color: #000000;    margin: 5px 0 0 10px;    padding: 0 0 0 18px;    background-image: url('http://www.kozan.somee.com/galatasaray/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #FFF090 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 32px;    height: 32px;    margin: 0 !important;    padding: 0 13px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 32px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:888px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #000000 !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #322C00 !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 10px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 10px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:888px;    margin: 2px; } .art-post-body  {    padding:6px; } .art-post:before, .art-post:after  {    content: url('http://www.kozan.somee.com/galatasaray/post_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/galatasaray/post_b.png'); } .art-post:after{    clip:rect(auto, auto, auto, 885px); } .art-post:before,.art-post-body:before{    right:3px; } .art-post-body:after{    width: 3px;    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/galatasaray/post.png'); } .art-post-body:before{    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/galatasaray/post.png'); }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #FFDE0B;    border-style: solid;    border-width: 1px;    margin: 7px 7px 7px 7px; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #930007;    margin: 5px 0;    line-height: 1em;    font-size: 20px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 20px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #290002; }  .art-postheader a:visited, .art-postheader a.visited {    color: #000000; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #290002; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    color: #252000; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: underline;    color: #000000; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #857300; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: none;    color: #290002; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 13px;    color: #252000;    margin: 5px 0 5px -15px;    padding: 0 0 0 15px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('http://www.kozan.somee.com/galatasaray/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 15px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {    color: #0E0001; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin:5px; }  blockquote {    border: solid 1px #FFDE0B;    margin: 10px;    padding: 4px;    background-color: #FFDE0B;    margin-left: 50px;    padding-left: 28px;    background-image: url('http://www.kozan.somee.com/galatasaray/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;    color: #252000; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: underline;    color: #290002; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #857300; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;    color: #290002; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block;    line-height: 1em; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block;    line-height: 1em; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block;    line-height: 1em; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:0;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 10px;    color: #FFDE0B; }  .art-footer-body ul li {    font-size: 13px;    line-height: 125%;    color: #E5C700;    padding: 0 0 0 17px;    background-image: url('http://www.kozan.somee.com/galatasaray/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:4px;    background-image: url('http://www.kozan.somee.com/galatasaray/footer.png');    background-position:bottom left; }  .art-footer:before, .art-footer:after  {    position: absolute;    content:' ';    z-index:-2;    bottom:0;    height:4px;    background-image: url('http://www.kozan.somee.com/galatasaray/footer_b.png'); }  .art-footer:before {    left:0;    right:4px;    background-position: bottom left; }  .art-footer:after {    right:0;    width:4px;    background-position: bottom right; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   6px;    bottom:10px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://www.kozan.somee.com/galatasaray/rssicon.png');    background-position: center right;    background-repeat: no-repeat;    height: 32px;    width: 32px;    cursor: default; }  .art-footer-text p {    padding:0;    margin:0;    text-align: center; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #FFDE0B; }  .art-footer-text {    min-height: 33px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #BC0009;    text-decoration: underline; }  .art-footer-body a:visited {    color: #FF2B36; }  .art-footer-body a:hover {    color: #BC0009;    text-decoration: none; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 5px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #776700; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #5C0005; } /* end PageFooter */  /* begin WordPress, Template.WordPress */ form.art-search {    display:block;    position: relative;    width: 98%;    padding:0;    margin:0 auto !important;    border: none; }  form.art-search div {    margin: 0 18px 0 -2px; }  input.art-search-text {    display: block;    margin: 0;    width: 100%;    padding-right: 16px; }  input.art-search-button {    display: block;    position: absolute;    right: 0;    top: 0;    height: 100%;    padding: 0;    margin: 0;    width: 16px;    background:url('http://www.kozan.somee.com/galatasaray/search.png') center center no-repeat;    border: none; } /* end WordPress, Template.WordPress */  /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 {    width: 200px; } /* end LayoutCell, sidebar1 */  /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 {    width: 200px; } /* end LayoutCell, sidebar2 */  textarea#comment {    width:99%; }  ul#comments-list div.avatar {    float:right; }  ul#comments-list, ul#comments-list li {    background: none;    padding:0; }  ul#comments-list li li {    margin-left: 20px; }  div.avatar {    position:relative;    margin: 7px;    border: 1px solid #aaa;    padding: 1px;    background: #fff;    float:left; }  div.avatar img, div.avatar img.wp-post-image {    margin:0 !important;    padding:0;    border:none; }  span.page-navi-outer, span.page-navi-inner  {    position:relative;    display:block;    float:left;    margin:0;    padding:0; }  span.page-navi-outer {    margin: 1px;    border: 1px solid #aaa; }  span.page-navi-inner  {    padding: 1px;    min-width:14px;    line-height:18px;    text-align:center;    border: 2px solid #fff;    font-weight:bold; }  a span.page-navi-inner, span.page-navi-caption span.page-navi-inner  {    border-width:1px;    font-weight:normal; }  a span.page-navi-outer, span.page-navi-caption {    margin:2px 1px; }  ul#comments-list li cite {    font-size: 1.2em; }  #commentform textarea {    width: 100%; }  #commentform {    text-align:left; }  .rtl #commentform {    text-align:right; }  img.wp-smiley {    border: none;    margin: 1px;    vertical-align:middle;    padding: 0; }  .navigation {    display: block;    text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  p.aligncenter , p.center  {    text-align: center; }  .alignleft {    float: left; }  .alignright {    float: right; }  .alignright img, img.alignright {    margin: 1em;    margin-right: 0; }  .alignleft img, img.alignleft {    margin: 1em;    margin-left: 0; }  .wp-caption {    border: 1px solid #ddd;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    text-align: center; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; }  .wp-caption p {    text-align: center; }  .gallery {    margin: 0 auto 18px;    clear:both;    overflow:hidden;    letter-spacing: normal; }  .gallery .gallery-item {    float: left;    margin-top: 0;    text-align: center;    width: 33%; } .gallery img {    border: 10px solid #f1f1f1; }  .gallery .gallery-caption {    color: #888;    font-size: 12px;    margin: 0 0 12px; }  .gallery dl {    margin: 0; }  .gallery br+br {    display: none; } /* End */  .hidden {    display: none; }  /* Calendar */ #wp-calendar {    empty-cells: show;    margin: 10px auto 0;    width: 155px; }  #wp-calendar #next a {    padding-right: 10px;    text-align: right; }  #wp-calendar #prev a {    padding-left: 10px;    text-align: left; }  #wp-calendar a {    display: block; }  #wp-calendar caption {    text-align: center;    width: 100%; }  #wp-calendar td {    padding: 3px 0;    text-align: center; }  .art-content {    position: relative;    z-index: 1; }  #todays-events{    position: relative;    z-index: 11; }  #upcoming-events{    position: relative;    z-index: 10; }  img.wp-post-image  {    margin:0 5px 5px 0 !important; }  ul#comments-list li {    list-style-image: none;    background:none;    list-style-type:none; }  div.art-footer div.art-content-layout {    margin:0 auto;    width:100%; }  div.art-layout-cell-size1  {    width:100%; }  div.art-layout-cell-size2  {    width:50%; } div.art-layout-cell-size3  {    width:33%; }  div.art-layout-cell-size4 {    width:25%; }  .art-widget-title {    padding:0 0 0 24px;    margin-bottom:0; }  div.art-center-wrapper {    position: relative;    float: right;    right: 50%; }  div.art-center-inner {    position: relative;    float: left;    left: 50%; }  .firefox2 div.art-center-inner {    float: none; }  div.breadcrumbs h4,  div.breadcrumbs p,  li.pingback p,  #respond p, h3#reply-title,  h4#comments,  h4.box-title {    margin:0; }  #respond .comment-notes {    margin-bottom: 1em; }  .form-allowed-tags {    line-height: 1em; }  #comments-list #respond {    margin-left: 22px !important; }  #cancel-comment-reply-link {    font-size: 12px;    font-weight: normal;    line-height: 18px; }  #respond .required {    color: #ff4b33;    font-weight: bold; }  #respond label {    font-size: 12px; }  #respond input {    margin: 0 0 9px;    width: 98%; }  #respond textarea {    width: 98%; }  #respond .form-allowed-tags {    font-size: 12px;    line-height: 18px; }  #respond .form-allowed-tags code {    font-size: 11px; }  #respond .form-submit {    margin: 12px 0; }  #respond .form-submit input {    font-size: 14px;    width: auto; }  .art-footer .art-widget-title  {    font-size:1.2em;    padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {    color: #FFDE0B;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #BC0009;    text-decoration: underline; }  .art-footer .art-widget a:visited {    color: #FF2B36; }  .art-footer .art-widget a:hover {    color: #BC0009;    text-decoration: none; }  DIV[id^="GMPmap"] IMG  {    margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */  iframe{border:solid 4px #ffa020;}

Tasarım Üstü kodu

<body class="home blog"> <div id="art-main">     <div class="cleared reset-box"></div>     <div id="art-hmenu-bg" class="art-bar art-nav">     </div>     <div class="cleared reset-box"></div>     <div class="art-header">         <div class="art-header-position">             <div class="art-header-wrapper">                 <div class="cleared reset-box"></div>                 <div class="art-header-inner">                 <div class="art-logo">                                                 <h1 class="art-logo-name"><a href="/" _fcksavedurl="/">Site İsmi Buraya</a></h1>                                                                     <h2 class="art-logo-text">Site sloganı</h2>                                 </div>                 </div>             </div>         </div>         <div class="art-bar art-nav">             <div class="art-nav-outer">             <div class="art-nav-wrapper">             <div class="art-nav-inner">         	 <ul class="art-hmenu"> 	<li class="menu-item-1"><a href="/" _fcksavedurl="/" title="Ana sayfa">Ana sayfa</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	<ul> 		<li class="menu-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 		</li> 	</ul> 	</li> </ul>             </div>             </div>             </div>         </div>         <div class="cleared reset-box"></div>     </div>     <div class="cleared reset-box"></div>     <div class="art-box art-sheet">         <div class="art-box-body art-sheet-body"> <div class="art-layout-wrapper">     <div class="art-content-layout">         <div class="art-content-layout-row">             <div class="art-layout-cell art-sidebar1">               <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-6">     <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">     <h3 class="t">Menü</h3> </div><div class="art-box art-vmenublockcontent">     <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> 	<li class="menu-item-1"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	<ul> 		<li class="menu-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 		</li> 	</ul> 	</li> </ul> 		<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-2">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir kod veye yazı yazabilirsin..</div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_categories" id="categories-4">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Lİnkler</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-43"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-10"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 		</ul> 		<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-6">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir kod veye yazı yazabilirsin..</div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div>              <div class="cleared"></div>             </div>             <div class="art-layout-cell art-content"> 			   			<div class="art-box art-post post-254 post type-post status-publish format-standard hentry category-teknoloji tag-google-maps-yol-hesaplama tag-google-maps-yol-tarifi tag-google-maps-yol-tarifi-al" id="post-254"> 	    <div class="art-box-body art-post-body"> 	            <div class="art-post-inner art-article">

Tasarım Altı Kodu

</div> 	    </div> 	</div> 	 				             <div class="cleared"></div>         </div>             <div class="art-layout-cell art-sidebar2">               <div class="art-box art-block widget widget_text" id="text-3">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Takvim</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <center><iframe src="http://www.kodbul.org/takvim/takvim2.htm" marginwidth="1" marginheight="1" name="takvim" title="kodbul" scrolling="no" border="0" frameborder="0" width="164" height="174" align="center"> kodbul.org</iframe></center> </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-4">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <div align="center"> 	<table cellpadding="0" cellspacing="0" width="200" height="250"> 	 	<tr> 		<td height="230" background="https://img.webme.com/pic/g/gezerdin/duykah.gif" width="221" valign="middle"> 		<p align="center"><FONT color="white"> <MARQUEE onmouseover_fckprotectedatt=" onmouseover="this.stop();"" style="WIDTH: 190; HEIGHT: 163" onmouseout_fckprotectedatt=" onmouseout="this.start();"" scrollAmount="1" scrollDelay="10" direction="up" left="5" top="0"> <p align="center"><font color="#800000" size="2"><br> <br>BURALARA MESAJINIZI YAZINIZ<br><br></font></p></MARQUEE></FONT></td> 	</tr> </table> </div> </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-5">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya herhangi bir kod veye yazı yazabilirsin..</div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div>              <div class="cleared"></div>             </div>         </div>     </div> </div> <div class="cleared"></div>     <div class="art-footer">                 <div class="art-footer-body">                                        <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı"></a>                             <div class="art-footer-text">                                 <p><a href="http://..." _fcksavedurl="http://..." title="Link" >Link</a> | <a href="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="http://..." _fcksavedurl="http://..." title="Link">Link</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                            </div>                     <div class="cleared"></div>                 </div>             </div>     		<div class="cleared"></div>         </div>     </div>     <div class="cleared"></div>     <p class="art-page-footer">WEB TASARIM <a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">www.csstemalar.tr.gg</a> </p>     <div class="cleared"></div> </div>     <div id="wp-footer"> 	        	             </div>

Css Kodu

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: metin2 Theme URI: http://csstemalar.tr.gg/ Description: csstemalar.tr.gg Metin2 Teması Version: 1.0 Author: Veysel Kara Author URI: http://csstemalar.tr.gg/ Tags: csstemalar, fixed width, Metin2, three columns, valid XHTML, widgets */  #art-main, table {    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: bold;    font-size: 29px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #ABABAB; }  .art-postcontent a:link {    text-decoration: none;    color: #ABABAB; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #C7C7C7; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #C7C7C7; }  .art-postcontent h1 {    color: #ABABAB;    margin: 10px 0 0; }  .art-blockcontent h1 {    margin: 10px 0 0; }  .art-postcontent h2 {    color: #C7C7C7;    margin: 10px 0 0;    font-size: 24px; }  .art-blockcontent h2 {    margin: 10px 0 0;    font-size: 24px; }  .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited  {    font-size: 24px; }  .art-postcontent h3 {    color: #737373;    margin: 10px 0 0;    font-size: 20px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 20px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 20px; }  .art-postcontent h4 {    color: #EBEBEB;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 18px; }  .art-postcontent h5 {    color: #EBEBEB;    margin: 10px 0 0;    font-size: 15px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 15px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 15px; }  .art-postcontent h6 {    color: #E3E3E3;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 14px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    min-width: 1000px;    color: #C4C4C4;    background-color: #120A07; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin MenuFluidBg */ div#art-hmenu-bg {    position: absolute;    overflow:hidden;    top:170px;    left:0;    margin:0 auto;    width: 100%;    height: 32px;    z-index:-4; } /* end MenuFluidBg */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    width:100%;    height: 280px;    margin-top: 0;    margin-bottom: 0; } .art-header-position {    position: absolute;    top: 0;    right: 0;    left: 0; }   .art-header-wrapper  {    position: relative;    top:0;    width:1000px;    margin:0 auto; } .art-header-inner  {    position: relative;    margin: 0 0; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    width:100%;    height: 280px;    background-image: url('http://www.kozan.somee.com/metin2-images/header.jpg');    background-repeat: no-repeat;    background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 42px;    left: 52%;    margin-left: -484px;    width: 961px; }  .art-logo-name {    display: block;    text-align: center;    font-size: 34px;    padding: 0;    margin: 0;    color: #923B1C !important; } .art-logo-name a,  .art-logo-name a:link,  .art-logo-name a:visited,  .art-logo-name a:hover {    font-size: 34px;    padding: 0;    margin: 0;    color: #923B1C !important; }  .art-logo-text {    display: block;    text-align: center;    font-size: 19px;    padding: 0;    margin: 0;    color: #9B5F46 !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover {    font-size: 19px;    padding: 0;    margin: 0;    color: #9B5F46 !important; }  /* end Logo */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://www.kozan.somee.com/metin2-images/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 3px 30px 3px 30px;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    width:100%;    margin:0 auto;    min-height: 32px;    z-index: 100;    margin-top: 0;    top: 170px;    margin-bottom:-32px; }  .art-nav:before, .art-nav:after{    background-image: url('http://www.kozan.somee.com/metin2-images/nav.png'); } .art-nav:before{    right: 0; } .art-nav:after{    width: 0; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    width:1000px;    margin:0 auto; }  .art-nav-inner{    margin: 0 0; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 26px;    cursor: pointer;    text-decoration: none;    color: #D4D4D4;    padding: 0 12px;    line-height: 26px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('http://www.kozan.somee.com/metin2-images/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 8px;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 8px;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    font-family: Tahoma, Arial, Helvetica, Sans-Serif;    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #D4D4D4; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -9px;    width:9px;    height: 26px;    background: url('http://www.kozan.somee.com/metin2-images/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:9px; } ul.art-hmenu>li:first-child {    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 26px;    background-image: url('http://www.kozan.somee.com/metin2-images/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 0;    border-style: solid;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 26px;    color: #CCCCCC;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    margin:0;    padding: 0 8px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 0; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 26px;    color: #CCCCCC;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    margin:0;    padding: 0 8px; }  .art-hmenu ul li a:hover {    color: #DEDEDE;    background-position: left bottom;    border-top-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #DEDEDE;    background-position: left bottom;    border-top-width: 0 !important; }  /* end MenuSubItem */  /* begin Box, Sheet */ .art-sheet {    max-width:1000px;    margin-top: -49px;    margin-bottom: 0;    cursor:auto;    width: 1000px; } .art-sheet-body  {    padding:0;    min-width:10px;    min-height:10px;    padding-top:5px;    padding-bottom:0; } .art-sheet:before, .art-sheet:after  {    content: url('http://www.kozan.somee.com/metin2-images/sheet_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2-images/sheet_b.png'); } .art-sheet:after{    clip:rect(auto, auto, auto, 995px); } .art-sheet:before,.art-sheet-body:before{    right:5px; } .art-sheet-body:after{    width: 5px;    top:5px;    bottom:5px;    background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); } .art-sheet-body:before{    top:5px;    bottom:5px;    background-image:url('http://www.kozan.somee.com/metin2-images/sheet.png'); }  /* end Box, Sheet */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {    max-width:1000px;    margin: 0; } .art-vmenublock-body  {    padding:8px; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 7px;    min-height: 35px;    line-height:35px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://www.kozan.somee.com/metin2-images/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 41px; } .art-vmenublockheader:after{    width: 41px; }  .art-vmenublockheader .t {    min-height: 35px;    line-height:35px;    color: #B5B5B5;    font-size: 15px;    margin:0;    padding: 0 10px 0 47px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #B5B5B5;    font-size: 15px; }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {    max-width:1000px; } .art-vmenublockcontent-body  {    padding:0; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul {    list-style: none;    display: block; }  ul.art-vmenu, ul.art-vmenu li {    display: block;    margin: 0;    padding: 0;    width: auto;    line-height: 0; }  ul.art-vmenu {    margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {    display: none;    margin: 0;    padding: 0;    position:relative;    margin-left: 2px;    margin-right: 2px; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #B2B2B2;    padding: 0 13px 0 23px;    height: 32px;    line-height: 32px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #141414; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #C4C4C4; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://www.kozan.somee.com/metin2-images/vmenuitem.png');    top:0;    height:32px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 18px;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 18px;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:0; } ul.art-vmenu>li>ul{    margin-top:0;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 22px;    overflow: visible;    background-image: url('http://www.kozan.somee.com/metin2-images/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 22px;    color: #ABABAB;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 22px;    color: #ABABAB;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 22px;    color: #ABABAB;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu>li>ul>li:first-child{    padding-top: 0;    margin-top:0; }   ul.art-vmenu li li{    position:relative;    margin-top:0; }  ul.art-vmenu ul ul a{    padding-left:30px; } ul.art-vmenu ul ul ul a{    padding-left:45px; } ul.art-vmenu ul ul ul ul a{    padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{    padding-left:75px; }  ul.art-vmenu ul li a.active {    color: #858585; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #D1D1D1; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:1000px;    margin: 3px; } .art-block-body  {    padding:0; }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 5px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 4px;    min-height: 39px;    line-height:39px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://www.kozan.somee.com/metin2-images/blockheader.png'); } .art-blockheader:before{    right: 41px; } .art-blockheader:after{    width: 41px; }  .art-blockheader .t {    min-height: 39px;    line-height:39px;    color: #ADADAD;    font-size: 15px;    margin:0;    padding: 0 10px 0 47px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #ADADAD;    font-size: 15px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:1000px; } .art-blockcontent-body  {    padding:10px;    color: #8A8A8A;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://www.kozan.somee.com/metin2-images/blockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2-images/blockcontent_b.png'); } .art-blockcontent:after{    clip:rect(auto, auto, auto, 993px); } .art-blockcontent:before,.art-blockcontent-body:before{    right:7px; } .art-blockcontent-body:after{    width: 7px;    top:7px;    bottom:7px;    background-image:url('http://www.kozan.somee.com/metin2-images/blockcontent.png'); } .art-blockcontent-body:before{    top:7px;    bottom:7px;    background-image:url('http://www.kozan.somee.com/metin2-images/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #8A8A8A;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-size: 14px; }  .art-blockcontent-body p {    margin: 0 5px; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #C7C7C7;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #C7C7C7;    text-decoration: underline; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #C7C7C7; }  .art-blockcontent-body ul li {    line-height: 125%;    color: #8A8A8A;    margin: 5px 0 0 10px;    padding: 0 0 0 14px;    background-image: url('http://www.kozan.somee.com/metin2-images/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #E3E3E3 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 34px;    height: 34px;    margin: 0 !important;    padding: 0 16px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 34px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:1000px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #000000 !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #DBDBDB !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('http://www.kozan.somee.com/metin2-images/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 14px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 14px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:1000px;    margin: 10px; } .art-post-body  {    padding:10px; } .art-post:before, .art-post:after  {    content: url('http://www.kozan.somee.com/metin2-images/post_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2-images/post_b.png'); } .art-post:after{    clip:rect(auto, auto, auto, 991px); } .art-post:before,.art-post-body:before{    right:9px; } .art-post-body:after{    width: 9px;    top:9px;    bottom:9px;    background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); } .art-post-body:before{    top:9px;    bottom:9px;    background-image:url('http://www.kozan.somee.com/metin2-images/post.png'); }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #636363;    border-style: solid;    border-width: 0;    margin: 10px 10px 10px 10px; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #C4C4C4;    margin: 5px 0;    line-height: 1em;    font-size: 26px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 26px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #8A8A8A; }  .art-postheader a:visited, .art-postheader a.visited {    color: #707070; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #737373; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    color: #9E9E9E; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: underline;    color: #575757; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #ABABAB; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: none;    color: #737373; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 14px;    color: #9E9E9E;    margin: 5px 0 5px -15px;    padding: 0 0 0 19px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('http://www.kozan.somee.com/metin2-images/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 19px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {    color: #9E9E9E; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin:5px; }  blockquote {    margin: 10px;    padding: 6px;    background-color: #1A0E05;    margin-left: 50px;    padding-left: 43px;    background-image: url('http://www.kozan.somee.com/metin2-images/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;    color: #9E9E9E; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: underline;    color: #737373; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #ABABAB; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;    color: #737373; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block;    line-height: 1em; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block;    line-height: 1em; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block;    line-height: 1em; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:0;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 8px;    color: #A8A8A8; }  .art-footer-body ul li {    font-size: 14px;    line-height: 125%;    color: #999999;    padding: 0 0 0 17px;    background-image: url('http://www.kozan.somee.com/metin2-images/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:5px;    background-image: url('http://www.kozan.somee.com/metin2-images/footer.png');    background-position:bottom left; }  .art-footer:before, .art-footer:after  {    position: absolute;    content:' ';    z-index:-2;    bottom:0;    height:5px;    background-image: url('http://www.kozan.somee.com/metin2-images/footer_b.png'); }  .art-footer:before {    left:0;    right:5px;    background-position: bottom left; }  .art-footer:after {    right:0;    width:5px;    background-position: bottom right; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   6px;    bottom:8px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://www.kozan.somee.com/metin2-images/rssicon.png');    background-position: center right;    background-repeat: no-repeat;    height: 32px;    width: 32px;    cursor: default; }  .art-footer-text p {    padding:0;    margin:0;    text-align: center; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #A8A8A8; }  .art-footer-text {    min-height: 33px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #808080;    text-decoration: underline; }  .art-footer-body a:visited {    color: #B2B2B2; }  .art-footer-body a:hover {    color: #CCCCCC;    text-decoration: none; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 1px;    border-color: #636363;    border-style: solid;    margin: 7px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #C7C7C7; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #ABABAB; } /* end PageFooter */  /* begin WordPress, Template.WordPress */ form.art-search {    display:block;    position: relative;    width: 98%;    padding:0;    margin:0 auto !important;    border: none; }  form.art-search div {    margin: 0 18px 0 -2px; }  input.art-search-text {    display: block;    margin: 0;    width: 100%;    padding-right: 16px; }  input.art-search-button {    display: block;    position: absolute;    right: 0;    top: 0;    height: 100%;    padding: 0;    margin: 0;    width: 16px;    background:url('http://www.kozan.somee.com/metin2-images/search.png') center center no-repeat;    border: none; } /* end WordPress, Template.WordPress */  /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 {    width: 225px; } /* end LayoutCell, sidebar1 */  /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 {    width: 225px; } /* end LayoutCell, sidebar2 */  textarea#comment {    width:99%; }  ul#comments-list div.avatar {    float:right; }  ul#comments-list, ul#comments-list li {    background: none;    padding:0; }  ul#comments-list li li {    margin-left: 20px; }  div.avatar {    position:relative;    margin: 7px;    border: 1px solid #aaa;    padding: 1px;    background: #fff;    float:left; }  div.avatar img, div.avatar img.wp-post-image {    margin:0 !important;    padding:0;    border:none; }  span.page-navi-outer, span.page-navi-inner  {    position:relative;    display:block;    float:left;    margin:0;    padding:0; }  span.page-navi-outer {    margin: 1px;    border: 1px solid #aaa; }  span.page-navi-inner  {    padding: 1px;    min-width:14px;    line-height:18px;    text-align:center;    border: 2px solid #fff;    font-weight:bold; }  a span.page-navi-inner, span.page-navi-caption span.page-navi-inner  {    border-width:1px;    font-weight:normal; }  a span.page-navi-outer, span.page-navi-caption {    margin:2px 1px; }  ul#comments-list li cite {    font-size: 1.2em; }  #commentform textarea {    width: 100%; }  #commentform {    text-align:left; }  .rtl #commentform {    text-align:right; }  img.wp-smiley {    border: none;    margin: 1px;    vertical-align:middle;    padding: 0; }  .navigation {    display: block;    text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  p.aligncenter , p.center  {    text-align: center; }  .alignleft {    float: left; }  .alignright {    float: right; }  .alignright img, img.alignright {    margin: 1em;    margin-right: 0; }  .alignleft img, img.alignleft {    margin: 1em;    margin-left: 0; }  .wp-caption {    border: 1px solid #ddd;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    text-align: center; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; }  .wp-caption p {    text-align: center; }  .gallery {    margin: 0 auto 18px;    clear:both;    overflow:hidden;    letter-spacing: normal; }  .gallery .gallery-item {    float: left;    margin-top: 0;    text-align: center;    width: 33%; } .gallery img {    border: 10px solid #f1f1f1; }  .gallery .gallery-caption {    color: #888;    font-size: 12px;    margin: 0 0 12px; }  .gallery dl {    margin: 0; }  .gallery br+br {    display: none; } /* End */  .hidden {    display: none; }  /* Calendar */ #wp-calendar {    empty-cells: show;    margin: 10px auto 0;    width: 155px; }  #wp-calendar #next a {    padding-right: 10px;    text-align: right; }  #wp-calendar #prev a {    padding-left: 10px;    text-align: left; }  #wp-calendar a {    display: block; }  #wp-calendar caption {    text-align: center;    width: 100%; }  #wp-calendar td {    padding: 3px 0;    text-align: center; }  .art-content {    position: relative;    z-index: 1; }  #todays-events{    position: relative;    z-index: 11; }  #upcoming-events{    position: relative;    z-index: 10; }  img.wp-post-image  {    margin:0 5px 5px 0 !important; }  ul#comments-list li {    list-style-image: none;    background:none;    list-style-type:none; }  div.art-footer div.art-content-layout {    margin:0 auto;    width:100%; }  div.art-layout-cell-size1  {    width:100%; }  div.art-layout-cell-size2  {    width:50%; } div.art-layout-cell-size3  {    width:33%; }  div.art-layout-cell-size4 {    width:25%; }  .art-widget-title {    padding:0 0 0 24px;    margin-bottom:0; }  div.art-center-wrapper {    position: relative;    float: right;    right: 50%; }  div.art-center-inner {    position: relative;    float: left;    left: 50%; }  .firefox2 div.art-center-inner {    float: none; }  div.breadcrumbs h4,  div.breadcrumbs p,  li.pingback p,  #respond p, h3#reply-title,  h4#comments,  h4.box-title {    margin:0; }  #respond .comment-notes {    margin-bottom: 1em; }  .form-allowed-tags {    line-height: 1em; }  #comments-list #respond {    margin-left: 30px !important; }  #cancel-comment-reply-link {    font-size: 12px;    font-weight: normal;    line-height: 18px; }  #respond .required {    color: #ff4b33;    font-weight: bold; }  #respond label {    font-size: 12px; }  #respond input {    margin: 0 0 9px;    width: 98%; }  #respond textarea {    width: 98%; }  #respond .form-allowed-tags {    font-size: 12px;    line-height: 18px; }  #respond .form-allowed-tags code {    font-size: 11px; }  #respond .form-submit {    margin: 12px 0; }  #respond .form-submit input {    font-size: 14px;    width: auto; }  .art-footer .art-widget-title  {    font-size:1.2em;    padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {    color: #A8A8A8;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #808080;    text-decoration: underline; }  .art-footer .art-widget a:visited {    color: #B2B2B2; }  .art-footer .art-widget a:hover {    color: #CCCCCC;    text-decoration: none; }  DIV[id^="GMPmap"] IMG  {    margin: 0; }  /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */

Tasarım Üstü Kodu

<body class="home blog">  <div id="art-main">      <div class="cleared reset-box"></div>      <div class="art-bar art-nav">          <div class="art-nav-outer">          <div class="art-nav-wrapper">          <div class="art-nav-inner">      	 <ul class="art-hmenu"> 	<li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> </ul>         </div>          </div>          </div>      </div>      <div class="cleared reset-box"></div>      <div class="art-header">          <div class="art-header-position">              <div class="art-header-wrapper">                  <div class="cleared reset-box"></div>                  <div class="art-header-inner">                  <div class="art-logo">                                                  <h1 class="art-logo-name"><a href="/" _fcksavedurl="/">SİTENİZİN İSMİ BURAYA</a></h1>                                                                      <h2 class="art-logo-text">Site Sloganı Buraya</h2>                                  </div>                  </div>              </div>          </div>      </div>      <div class="cleared reset-box"></div>      <div class="art-box art-sheet">          <div class="art-box-body art-sheet-body">  <div class="art-layout-wrapper">      <div class="art-content-layout">          <div class="art-content-layout-row">              <div class="art-layout-cell art-sidebar1">                <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-3">      <div class="art-box-body art-vmenublock-body"><div class="art-bar art-vmenublockheader">      <h3 class="t">MENÜ</h3>  </div><div class="art-box art-vmenublockcontent">      <div class="art-box-body art-vmenublockcontent-body"> <ul class="art-vmenu"> 	<li class="menu-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> 	</li> </ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-9">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_categories" id="categories-2">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Dost Siteler</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 		</ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>              <div class="cleared"></div>              </div>              <div class="art-layout-cell art-content">  			      			<div class="art-box art-post post-474 post type-post status-publish format-standard hentry category-spor" id="post-474">  	    <div class="art-box-body art-post-body">  	            <div class="art-post-inner art-article">

Tasarım Altı Kodu

</div>  			<div class="cleared"></div>  	    </div>  	</div> <div class="cleared"></div>             </div> <div class="art-layout-cell art-sidebar2">   <div class="art-box art-block widget widget_text" id="text-10">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">Buraya Herhangibir yazı veya kod girebilirsin.</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-6">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">REKLAM ALANI </h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  REKLAM BURAYA GELECEK  </div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_categories" id="categories-3">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Linkler</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-7"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="Link adını buraya yaz">Link Adı</a> </li> 		</ul> 		<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div><div class="art-box art-block widget widget_text" id="text-18">      <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">      <h3 class="t">Başlık</h3>  </div><div class="art-box art-blockcontent">      <div class="art-box-body art-blockcontent-body">			<div class="textwidget">herhangibir yazı gir veya kod girebilirsin..</div> 				<div class="cleared"></div>      </div>  </div>		<div class="cleared"></div>      </div>  </div>              <div class="cleared"></div>              </div>          </div>      </div>  </div>  <div class="cleared"></div>      <div class="art-footer">                  <div class="art-footer-body">                                   <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="YUKARI "></a>                              <div class="art-footer-text">                                    <p><a href="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#">Link3</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                                <div class="cleared"></div>                                  <p class="art-page-footer">Web Tasarım:<a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">www.csstemalar.tr.gg</a> </p>                              </div>                      <div class="cleared"></div>                  </div>              </div>      		<div class="cleared"></div>          </div>      </div>      <div class="cleared"></div>  </div>      <div id="wp-footer">	        	              </div>

Css Kodu

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: Metin2 Teması Theme URI: http://csstemalar.tr.gg/ Description: csstemalar.tr.gg - Metin2 teması Version: 1.0 Author: Veysel KARA Author URI:http://csstemalar.tr.gg/  Tags: fixed width, three columns, valid XHTML, widgets */   /* Yapımcı csstemalar.tr.gg */  #art-main, table {    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Times New Roman", Georgia, Times, Serif;    font-style: normal;    font-weight: bold;    font-size: 29px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #303030; }  .art-postcontent a:link {    text-decoration: none;    color: #303030; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #1F1F1F; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #404040; }  .art-postcontent h1 {    color: #303030;    margin: 10px 0 0; }  .art-blockcontent h1 {    margin: 10px 0 0; }  .art-postcontent h2 {    color: #404040;    margin: 10px 0 0;    font-size: 24px; }  .art-blockcontent h2 {    margin: 10px 0 0;    font-size: 24px; }  .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited  {    font-size: 24px; }  .art-postcontent h3 {    color: #303030;    margin: 10px 0 0;    font-size: 20px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 20px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 20px; }  .art-postcontent h4 {    color: #3D3D3D;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 18px; }  .art-postcontent h5 {    color: #171717;    margin: 10px 0 0;    font-size: 15px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 15px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 15px; }  .art-postcontent h6 {    color: #1F1F1F;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 14px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    min-width: 980px;    color: #242424;    background-color: #000000;    background-image: url('http://www.kozan.somee.com/metin2images/Bottom_texture.jpg');    background-repeat: repeat-y;    background-attachment: fixed;    background-position: center center; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://www.kozan.somee.com/metin2images/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 0 0 0 0;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    width:100%;    margin:0 auto;    min-height: 27px;    z-index: 100;    margin-top: 0;    margin-bottom: 0; }  .art-nav:before, .art-nav:after{    background-image: url('http://www.kozan.somee.com/metin2images/nav.png'); } .art-nav:before{    right: 0; } .art-nav:after{    width: 0; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    width:980px;    margin:0 auto; }  .art-nav-inner{    margin: 0 16px; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 27px;    cursor: pointer;    text-decoration: none;    color: #D1D1D1;    padding: 0 8px;    line-height: 27px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('http://www.kozan.somee.com/metin2images/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 0;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 0;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #D9D9D9; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -1px;    width:1px;    height: 27px;    background: url('http://www.kozan.somee.com/metin2images/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:1px; } ul.art-hmenu>li:first-child {    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 29px;    background-image: url('http://www.kozan.somee.com/metin2images/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #E4BE8B;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul li a:hover {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    z-index: -5;    width:100%;    height: 250px;    margin-top: 0;    margin-bottom: 0; } .art-header-position {    position: absolute;    top: 0;    right: 0;    left: 0; }   .art-header-wrapper  {    position: relative;    top:0;    width:980px;    margin:0 auto; } .art-header-inner  {    position: relative;    margin: 0 6px; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    width:100%;    height: 250px;    background-image: url('http://www.kozan.somee.com/metin2images/header.jpg');    background-repeat: no-repeat;    background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 135px;    left: 50%;    margin-left: -469px;    width: 939px; }  .art-logo-name {    display: block;    text-align: center;    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-name a,  .art-logo-name a:link,  .art-logo-name a:visited,  .art-logo-name a:hover {    font-size: 33px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  .art-logo-text {    display: block;    text-align: center;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; } .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover {    font-family: Arial, Helvetica, Sans-Serif;    font-size: 19px;    padding: 0;    margin: 0;    color: #E1B67F !important; }  /* end Logo */  /* begin Box, Sheet */ .art-sheet {    max-width:980px;    margin-top: 0;    margin-bottom: 0;    cursor:auto;    width: 980px; } .art-sheet-body  {    padding:16px;    min-width:10px;    min-height:10px;    padding-top:0;    padding-bottom:0; }  /* end Box, Sheet */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {    max-width:948px;    margin: 11px; } .art-vmenublock-body  {    padding:0; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 0;    min-height: 33px;    line-height:33px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 42px; } .art-vmenublockheader:after{    width: 42px; }  .art-vmenublockheader .t {    min-height: 33px;    line-height:33px;    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #ABABAB;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    text-align: left; }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {    max-width:948px; } .art-vmenublockcontent-body  {    padding:6px; } .art-vmenublockcontent:before, .art-vmenublockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png'); } .art-vmenublockcontent:after{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    clip:rect(auto, auto, auto, 947px); } .art-vmenublockcontent:before,.art-vmenublockcontent-body:before{    right:1px; } .art-vmenublockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); } .art-vmenublockcontent-body:before{    right:1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/vmenublockcontent.png'); }  .art-vmenublockcontent:before{    content: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/vmenublockcontent_b.png');    right:1px; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu ul {    list-style: none;    display: block; }  ul.art-vmenu, ul.art-vmenu li {    display: block;    margin: 0;    padding: 0;    width: auto;    line-height: 0; }  ul.art-vmenu {    margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {    display: none;    margin: 0;    padding: 0;    position:relative;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px;    text-align: center;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #CCCCCC;    padding: 0 34px 0 35px;    height: 34px;    line-height: 34px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #CCCCCC; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #999999; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://www.kozan.somee.com/metin2images/vmenuitem.png');    top:0;    height:34px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 0;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 0;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:0; } ul.art-vmenu>li>ul{    margin-top:0;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 24px;    overflow: visible;    background-image: url('http://www.kozan.somee.com/metin2images/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 24px;    color: #303030;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu>li>ul>li:first-child{    padding-top: 0;    margin-top:0; }   ul.art-vmenu li li{    position:relative;    margin-top:0; }  ul.art-vmenu ul ul a{    padding-left:30px; } ul.art-vmenu ul ul ul a{    padding-left:45px; } ul.art-vmenu ul ul ul ul a{    padding-left:60px; } ul.art-vmenu ul ul ul ul ul a{    padding-left:75px; }  ul.art-vmenu ul li a.active {    color: #D1D1D1; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #474747; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:948px;    margin: 3px; } .art-block-body  {    padding:8px; }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 7px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 7px;    min-height: 29px;    line-height:29px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://www.kozan.somee.com/metin2images/blockheader.png'); } .art-blockheader:before{    right: 42px; } .art-blockheader:after{    width: 42px; }  .art-blockheader .t {    min-height: 29px;    line-height:29px;    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px;    margin:0;    padding: 0 10px 0 48px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #A3A3A3;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 15px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:948px; } .art-blockcontent-body  {    padding:8px;    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://www.kozan.somee.com/metin2images/blockcontent_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontent_b.png'); } .art-blockcontent:after{    clip:rect(auto, auto, auto, 947px); } .art-blockcontent:before,.art-blockcontent-body:before{    right:1px; } .art-blockcontent-body:after{    width: 1px;    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body:before{    top:1px;    bottom:1px;    background-image:url('http://www.kozan.somee.com/metin2images/blockcontent.png'); } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #242424;    font-family: Arial, Helvetica, Sans-Serif;    font-size: 14px; }  .art-blockcontent-body p {    margin: 0 5px; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #303030;    text-decoration: underline; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #0F0F0F; }  .art-blockcontent-body ul li {    line-height: 125%;    color: #303030;    margin: 5px 0 0 10px;    padding: 0 0 0 12px;    background-image: url('http://www.kozan.somee.com/metin2images/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #F2E1C9 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 27px;    height: 27px;    margin: 0 !important;    padding: 0 9px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 27px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:948px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 14px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #DEDEDE !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #DEDEDE !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('http://www.kozan.somee.com/metin2images/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 5px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 5px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:948px;    margin: 2px; } .art-post-body  {    padding:12px; } .art-post:before, .art-post:after  {    content: url('http://www.kozan.somee.com/metin2images/post_t.png');    font-size: 0;    background-image: url('http://www.kozan.somee.com/metin2images/post_b.png'); } .art-post:after{    clip:rect(auto, auto, auto, 945px); } .art-post:before,.art-post-body:before{    right:3px; } .art-post-body:after{    width: 3px;    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); } .art-post-body:before{    top:3px;    bottom:3px;    background-image:url('http://www.kozan.somee.com/metin2images/post.png'); }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #C4C4C4;    border-style: solid;    border-width: 1px;    margin: 10px 10px 10px 10px; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #242424;    margin: 5px 0;    line-height: 1em;    font-size: 26px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 26px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #303030; }  .art-postheader a:visited, .art-postheader a.visited {    color: #303030; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #404040; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #242424; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: underline;    color: #303030; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #303030; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 14px;    color: #242424;    margin: 5px 0 5px -15px;    padding: 0 0 0 12px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('http://www.kozan.somee.com/metin2images/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 12px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ blockquote, blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a, blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link, blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited, blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {    color: #303030; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin:5px; }  blockquote {    margin: 10px;    padding: 4px;    background-color: #F0DCC1;    margin-left: 50px;    padding-left: 37px;    background-image: url('http://www.kozan.somee.com/metin2images/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostMetadata, PostMetadataFooter */ .art-postmetadatafooter {    position:relative;    z-index:1;    padding: 1px;    background-image: url('http://www.kozan.somee.com/metin2images/postmetadatafooter_bg.png');    border-color: #C4C4C4;    border-style: solid;    border-width: 1px; } /* end PostMetadata, PostMetadataFooter */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: Arial, Helvetica, Sans-Serif;    color: #292929; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: underline;    color: #333333; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #333333; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;    color: #0F0F0F; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block;    line-height: 1em; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block;    line-height: 1em; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block;    line-height: 1em; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:10px;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 2px;    color: #A3A3A3;    font-size: 10px; }  .art-footer-body ul li {    font-size: 14px;    line-height: 125%;    color: #E0E0E0;    padding: 0 0 0 10px;    background-image: url('http://www.kozan.somee.com/metin2images/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:0;    background-image: url('http://www.kozan.somee.com/metin2images/footer.png');    background-position:bottom left; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   12px;    bottom:2px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://www.kozan.somee.com/metin2images/rssicon.png');    background-position: center right;    background-repeat: no-repeat;    height: 32px;    width: 32px;    cursor: default; }  .art-footer-text p {    padding:0;    margin:0;    text-align: center; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #A3A3A3;    font-size: 10px; }  .art-footer-text {    min-height: 32px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer-body a:visited {    color: #B0B0B0; }  .art-footer-body a:hover {    color: #DAA662;    text-decoration: none; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 40px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #C4C4C4; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #C4C4C4; } /* end PageFooter */  /* begin WordPress, Template.WordPress */ form.art-search {    display:block;    position: relative;    width: 98%;    padding:0;    margin:0 auto !important;    border: none; }  form.art-search div {    margin: 0 18px 0 -2px; }  input.art-search-text {    display: block;    margin: 0;    width: 100%;    padding-right: 16px; }  input.art-search-button {    display: block;    position: absolute;    right: 0;    top: 0;    height: 100%;    padding: 0;    margin: 0;    width: 16px;    background:url('http://www.kozan.somee.com/metin2images/search.png') center center no-repeat;    border: none; } /* end WordPress, Template.WordPress */  /* begin LayoutCell, sidebar1 */ .art-content-layout .art-sidebar1 {    width: 200px; } /* end LayoutCell, sidebar1 */  /* begin LayoutCell, sidebar2 */ .art-content-layout .art-sidebar2 {    width: 200px; } /* end LayoutCell, sidebar2 */  textarea#comment {    width:99%; }  ul#comments-list div.avatar {    float:right; }  ul#comments-list, ul#comments-list li {    background: none;    padding:0; }  ul#comments-list li li {    margin-left: 20px; }  div.avatar {    position:relative;    margin: 7px;    border: 1px solid #aaa;    padding: 1px;    background: #fff;    float:left; }  div.avatar img, div.avatar img.wp-post-image {    margin:0 !important;    padding:0;    border:none; }  span.page-navi-outer, span.page-navi-inner  {    position:relative;    display:block;    float:left;    margin:0;    padding:0; }  span.page-navi-outer {    margin: 1px;    border: 1px solid #aaa; }  span.page-navi-inner  {    padding: 1px;    min-width:14px;    line-height:18px;    text-align:center;    border: 2px solid #fff;    font-weight:bold; }  a span.page-navi-inner, span.page-navi-caption span.page-navi-inner  {    border-width:1px;    font-weight:normal; }  a span.page-navi-outer, span.page-navi-caption {    margin:2px 1px; }  ul#comments-list li cite {    font-size: 1.2em; }  #commentform textarea {    width: 100%; }  #commentform {    text-align:left; }  .rtl #commentform {    text-align:right; }  img.wp-smiley {    border: none;    margin: 1px;    vertical-align:middle;    padding: 0; }  .navigation {    display: block;    text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto; }  p.aligncenter , p.center  {    text-align: center; }  .alignleft {    float: left; }  .alignright {    float: right; }  .alignright img, img.alignright {    margin: 1em;    margin-right: 0; }  .alignleft img, img.alignleft {    margin: 1em;    margin-left: 0; }  .wp-caption {    border: 1px solid #ddd;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    text-align: center; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; }  .wp-caption p {    text-align: center; }  .gallery {    margin: 0 auto 18px;    clear:both;    overflow:hidden;    letter-spacing: normal; }  .gallery .gallery-item {    float: left;    margin-top: 0;    text-align: center;    width: 33%; } .gallery img {    border: 10px solid #f1f1f1; }  .gallery .gallery-caption {    color: #888;    font-size: 12px;    margin: 0 0 12px; }  .gallery dl {    margin: 0; }  .gallery br+br {    display: none; } /* End */  .hidden {    display: none; }  /* Calendar */ #wp-calendar {    empty-cells: show;    margin: 10px auto 0;    width: 155px; }  #wp-calendar #next a {    padding-right: 10px;    text-align: right; }  #wp-calendar #prev a {    padding-left: 10px;    text-align: left; }  #wp-calendar a {    display: block; }  #wp-calendar caption {    text-align: center;    width: 100%; }  #wp-calendar td {    padding: 3px 0;    text-align: center; }  .art-content {    position: relative;    z-index: 1; }  #todays-events{    position: relative;    z-index: 11; }  #upcoming-events{    position: relative;    z-index: 10; }  img.wp-post-image  {    margin:0 5px 5px 0 !important; }  ul#comments-list li {    list-style-image: none;    background:none;    list-style-type:none; }  div.art-footer div.art-content-layout {    margin:0 auto;    width:100%; }  div.art-layout-cell-size1  {    width:100%; }  div.art-layout-cell-size2  {    width:50%; } div.art-layout-cell-size3  {    width:33%; }  div.art-layout-cell-size4 {    width:25%; }  .art-widget-title {    padding:0 0 0 24px;    margin-bottom:0; }  div.art-center-wrapper {    position: relative;    float: right;    right: 50%; }  div.art-center-inner {    position: relative;    float: left;    left: 50%; }  .firefox2 div.art-center-inner {    float: none; }  div.breadcrumbs h4,  div.breadcrumbs p,  li.pingback p,  #respond p, h3#reply-title,  h4#comments,  h4.box-title {    margin:0; }  #respond .comment-notes {    margin-bottom: 1em; }  .form-allowed-tags {    line-height: 1em; }  #comments-list #respond {    margin-left: 22px !important; }  #cancel-comment-reply-link {    font-size: 12px;    font-weight: normal;    line-height: 18px; }  #respond .required {    color: #ff4b33;    font-weight: bold; }  #respond label {    font-size: 12px; }  #respond input {    margin: 0 0 9px;    width: 98%; }  #respond textarea {    width: 98%; }  #respond .form-allowed-tags {    font-size: 12px;    line-height: 18px; }  #respond .form-allowed-tags code {    font-size: 11px; }  #respond .form-submit {    margin: 12px 0; }  #respond .form-submit input {    font-size: 14px;    width: auto; }  .art-footer .art-widget-title  {    font-size:1.2em;    padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {    color: #A3A3A3;    font-size: 10px;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #E9C9A0;    text-decoration: underline; }  .art-footer .art-widget a:visited {    color: #B0B0B0; }  .art-footer .art-widget a:hover {    color: #DAA662;    text-decoration: none; }  DIV[id^="GMPmap"] IMG  {    margin: 0; } /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */  iframe{border:solid 4px #ffa020;}

Bugün 3 ziyaretçi (4 klik) kişi burdaydı!