M2Web

metin2 tasarim 2

METİN2 TASARIMI 2

Sence bu tasarım kaç puan?
Tasarımları Siteye Kodlama

Css ve html kullanılarak hazırlanmış bir webme tasarımıdır.Metin2.org tasarımına benzeyen yönlerinden dolayı çekici olabilir ve fazla menülü olduğu için rahat paylaşım yapılabilir.

TASARIM KODLARI

TASARIM ÜSTÜ

<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" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</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="/" _fcksavedurl="/" _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" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> 	</li> 	<li class="menu-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</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" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</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">

TASARIM ALTI

</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" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-12"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-22"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-1"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-3"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-15"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</a> </li> 	<li class="cat-item cat-item-6"><a href="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" _fcksavedurl="http://link ekle buraya" title="m2web.tr.ggnı buraya yaz">m2web.tr.gg</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="#" _fcksavedurl="#" _fcksavedurl="#" class='art-rss-tag-icon' title="YUKARI "></a>                              <div class="art-footer-text">                                    <p><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#" _fcksavedurl="#" _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/" _fcksavedurl="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;}

Henüz hesabın yok mu?

metin2 tasarim 2