skillmedya - TASARIMLAR

TASARIMLAR

MT2 TASARIMI

Tema Bedava sitem "CSS Design" tasarıma göre kodlanmış olup, Metin2 tarzında sitesi olanlar temayı rahatlıkla kullanabilir.Kodlar size hazır geliyor siz sadece not defderi ile açıp menü ve diğer kısımları düzenliyorsunuz.

Yani çok basit kodları gerekli yerlere ekleyin kayıt edin hepsi bu kadar.

Tasarımın Üstü

<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="/" _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="/" _fcksavedurl="/" title="Ana sayfa">Ana sayfa</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	<ul> 		<li class="menu-item-43"><a href="http://..." _fcksavedurl="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://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-3"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-10"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	</li> 	<li class="menu-item-15"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> 	<ul> 		<li class="menu-item-43"><a href="http://..." _fcksavedurl="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://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-10"><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="LİNK BAŞLIK">Link adı</a> </li> 	<li class="cat-item cat-item-15"><a href="http://..." _fcksavedurl="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"></body></html>

Tasarımın Altı

</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_fckprotectedatt="%20onmouseover_fckprotectedatt%3D%22%20onmouseover%3D%22"this.stop();"" style="WIDTH: 190; HEIGHT: 163" onmouseout_fckprotectedatt_fckprotectedatt="%20onmouseout_fckprotectedatt%3D%22%20onmouseout%3D%22"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="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı"></a>                             <div class="art-footer-text">                                 <p><a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="Link" >Link</a> | <a href="http://..." _fcksavedurl="http://..." _fcksavedurl="http://..." title="Link">Link</a> | <a href="http://..." _fcksavedurl="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/" _fcksavedurl="http://csstemalar.tr.gg/" target="_blank">www.csstemalar.tr.gg</a> </p>     <div class="cleared"></div> </div>     <div id="wp-footer"> 	        	             </div></body></html>

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 */ </body></html>