CSS Temalar

Silkroad Online Oyun Temasi

TASARIMDA KULLANILAN RESİMLER YÜKLENEN SERVERDEN KALDIRILDIĞI İÇİN, TASARIM BOZUK GÖRÜNECEKTİR... KISACA BU TASARIM İPTAL...

Silkroad Online Oyun temasını bir arkadaş için tasarladık fakat arkadaşdan ses soluk çıkmayınca, paylaşmaya karar verdim. Silkroad Online Oyun temasını kullanabilmeniz için gerekli ayarlar: üye girişi yaptıktan sonra hemen sol taraftaki tasarım ayarlarına tıklıyoruz. Tasarım ayarlarında "CSS Design - pek sevilmeyen" seçeneğini seçiyoruz..Gelişmiş ayarlar diyoruz ve daha sonrada aşağıda verilen kodları gerekli yerlere kopyalıyoruz.. Hepsi bu kadar...Temanın başlık resmini değiştirerek- düzenleyerek farklı oyun sitelerinde de kullanabilirsiniz..

Yine herzaman ki gibi emeğe saygı diyoruz ve yapımcıya ait temanın altındaki linkleri kaldırmıyoruz...Linkleri kaldıran lütfen temayı kullanmasın..

Tasarımın üzerindeki yazı

<body class="home blog"> <div id="art-main">     <div class="art-nav">     	<div class="art-nav-l"></div>     	<div class="art-nav-r"></div>         <div class="art-nav-outer">         <div class="art-nav-wrapper">         <div class="art-nav-inner">     	 <ul class="art-hmenu"> 	<li><a class="active" href="/" _fcksavedurl="/" title="Ana sayfa"><span class="l"> </span><span class="r"> </span><span class="t">Ana Sayfa</span></a> 	</li> 	<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> 	<li><a href="http://......" _fcksavedurl="http://......" title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	</li> 	<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> 	<li><a href="http://...." _fcksavedurl="http://...." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	</li> 	<li class="art-hmenu-li-separator"><span class="art-hmenu-separator"> </span></li> 	<li><a href="http://...." _fcksavedurl="http://...." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	<ul> 		<li><a href="http://...." _fcksavedurl="http://...." title="link başlığı">Link</a> 		</li> 	</ul> 	</li> </ul>         </div>         </div>         </div>     </div>     <div class="cleared reset-box"></div>     <div class="art-header">         <div class="art-header-clip">         <div class="art-header-center">             <div class="art-header-jpeg"></div>         </div>         </div>     <div class="art-header-wrapper">     <div class="art-header-inner">         <div class="art-logo">                 <h1 class="art-logo-name"><a href="/" _fcksavedurl="/">Site ismi</a></h1>                             <h2 class="art-logo-text"></h2>                 </div>     </div>     </div>     </div>     <div class="cleared reset-box"></div>     <div class="art-sheet">         <div class="art-sheet-tl"></div>         <div class="art-sheet-tr"></div>         <div class="art-sheet-bl"></div>         <div class="art-sheet-br"></div>         <div class="art-sheet-tc"></div>         <div class="art-sheet-bc"></div>         <div class="art-sheet-cl"></div>         <div class="art-sheet-cr"></div>         <div class="art-sheet-cc"></div>         <div class="art-sheet-body"> <div class="art-content-layout">     <div class="art-content-layout-row">         <div class="art-layout-cell art-sidebar1">          <div class="art-layout-bg"></div>           <div class="art-vmenublock widget vmenu" id="vmenuwidget-6">     <div class="art-vmenublock-tl"></div>     <div class="art-vmenublock-tr"></div>     <div class="art-vmenublock-bl"></div>     <div class="art-vmenublock-br"></div>     <div class="art-vmenublock-tc"></div>     <div class="art-vmenublock-bc"></div>     <div class="art-vmenublock-cl"></div>     <div class="art-vmenublock-cr"></div>     <div class="art-vmenublock-cc"></div>     <div class="art-vmenublock-body"><div class="art-vmenublockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Menü</h3> </div><div class="art-vmenublockcontent">     <div class="art-vmenublockcontent-body"> <ul class="art-vmenu"> 	<li><a href="/" _fcksavedurl="/" title="Ana sayfa"><span class="l"> </span><span class="r"> </span><span class="t">Ana Sayfa</span></a> 	</li> 	<li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> 	<li><a href="/" _fcksavedurl="/" title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	</li> 	<li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> 	<li><a href="http://..." _fcksavedurl="http://..." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	</li> 	<li class="art-vmenu-separator"><span class="art-vmenu-separator-span"> </span></li> 	<li><a href="http://..." _fcksavedurl="http://..." title="link başlığı"><span class="l"> </span><span class="r"> </span><span class="t">Link</span></a> 	<ul> 	<li class="art-vmenu-separator art-vmenu-separator-first"><span class="art-vmenu-separator-span"> </span></li> 		<li><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> 		</li> 	</ul> 	</li> </ul> 		<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-block widget widget_text" id="text-2">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Başlık</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="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-block widget widget_categories" id="categories-4">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Lİnkler</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="art-blockcontent-body">		<ul> 	<li class="cat-item cat-item-43"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> 	<li class="cat-item cat-item-1"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> 	<li class="cat-item cat-item-3"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> 	<li class="cat-item cat-item-10"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> 	<li class="cat-item cat-item-15"><a href="http://..." _fcksavedurl="http://..." title="link başlığı">Link</a> </li> 		</ul> 		<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-block widget widget_text" id="text-6">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Başlık</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="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-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-post-tl"></div> 	    <div class="art-post-tr"></div> 	    <div class="art-post-bl"></div> 	    <div class="art-post-br"></div> 	    <div class="art-post-tc"></div> 	    <div class="art-post-bc"></div> 	    <div class="art-post-cl"></div> 	    <div class="art-post-cr"></div> 	    <div class="art-post-cc"></div> 	    <div class="art-post-body"> 	            <div class="art-post-inner art-article">

Tasarımın altındaki yazı

</div> 	    </div> 	</div> 	 				             <div class="cleared"></div>         </div>         <div class="art-layout-cell art-sidebar2">          <div class="art-layout-bg"></div>           <div class="art-block widget widget_text" id="text-3">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Takvim</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="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-block widget widget_text" id="text-4">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Başlık</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="art-blockcontent-body">			<div class="textwidget"> <div align="center"> 	<table cellpadding="0" cellspacing="0" width="221" height="250"> 	 	<tr> 		<td height="250" background="//img.webme.com/pic/g/gezerdin/duykah.gif" width="221" valign="middle"> 		<p align="center"><FONT color="white"> <MARQUEE onmouseover_fckprotectedatt="%20onmouseover%3D%22this.stop()%3B%22" style="WIDTH: 190; HEIGHT: 163" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.start()%3B%22" 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-block widget widget_text" id="text-5">     <div class="art-block-tl"></div>     <div class="art-block-tr"></div>     <div class="art-block-bl"></div>     <div class="art-block-br"></div>     <div class="art-block-tc"></div>     <div class="art-block-bc"></div>     <div class="art-block-cl"></div>     <div class="art-block-cr"></div>     <div class="art-block-cc"></div>     <div class="art-block-body"><div class="art-blockheader">     <div class="l"></div>     <div class="r"></div>     <h3 class="t">Başlık</h3> </div><div class="art-blockcontent">     <div class="art-blockcontent-tl"></div>     <div class="art-blockcontent-tr"></div>     <div class="art-blockcontent-bl"></div>     <div class="art-blockcontent-br"></div>     <div class="art-blockcontent-tc"></div>     <div class="art-blockcontent-bc"></div>     <div class="art-blockcontent-cl"></div>     <div class="art-blockcontent-cr"></div>     <div class="art-blockcontent-cc"></div>     <div class="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 class="cleared"></div>     <div class="art-footer">                 <div class="art-footer-t"></div>                 <div class="art-footer-l"></div>                 <div class="art-footer-b"></div>                 <div class="art-footer-r"></div>                 <div class="art-footer-body">                                        <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı"></a>                             <div class="art-footer-text">                                 <p><a href="http://..." _fcksavedurl="http://..." title="Link1" >Link1</a> | <a href="http://..." _fcksavedurl="http://..." title="Link2">Link2</a> | <a href="http://.." _fcksavedurl="http://.." title="Link3">Link3</a></p><p>Copyright © 2012. Tüm Hakları Saklıdır.</p>                            </div>                     <div class="cleared"></div>                 </div>             </div>     		<div class="cleared"></div>         </div>     </div>     <div class="cleared"></div>     <p class="art-page-footer">Web Tasarım: <a href="http://csstemalar.tr.gg" _fcksavedurl="http://csstemalar.tr.gg">www.csstemalar.tr.gg</a></p> </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: silkroad teması Theme URI: http://csstemalar.tr.gg/ Description: Csstemalar.tr.gg tema arşivi Version: 1.0 Author: Veysel Kara  Author URI:  Tags: css temalar  */  /* sayfa */ #art-main, table {     font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;     font-style: normal;     font-weight: normal;     font-size: 13px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {     margin: 0;     padding: 0; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {     font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; }  .art-postcontent p {     margin: 12px 0; }  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: bold;   font-size: 32px;   text-decoration: none; }  .art-postcontent a {   text-decoration: none;   color: #BDBDBD; }  .art-postcontent a:link {   text-decoration: none;   color: #BDBDBD; }  .art-postcontent a:visited, .art-postcontent a.visited {   color: #D1D1D1; }  .art-postcontent  a:hover, .art-postcontent a.hover {   text-decoration: underline;   color: #D1D1D1; }  .art-postcontent h1 {    color: #BDBDBD; margin: 21px 0;     }  .art-blockcontent h1 { margin: 21px 0;  }  .art-postcontent h2 {    color: #D1D1D1; margin: 19px 0;    font-size: 24px;     }  .art-blockcontent h2 { margin: 19px 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: #919191; margin: 19px 0;    font-size: 19px;     }  .art-blockcontent h3 { margin: 19px 0;    font-size: 19px;  }  .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: 19px;  }  .art-postcontent h4 {    color: #F0F0F0; margin: 20px 0;    font-size: 16px;     }  .art-blockcontent h4 { margin: 20px 0;    font-size: 16px;  }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 16px;  }  .art-postcontent h5 {    color: #F0F0F0; margin: 26px 0;    font-size: 13px;     }  .art-blockcontent h5 { margin: 26px 0;    font-size: 13px;  }  .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: 13px;  }  .art-postcontent h6 {    color: #E8E8E8; margin: 35px 0;    font-size: 11px;     }  .art-blockcontent h6 { margin: 35px 0;    font-size: 11px;  }  .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: 11px;  }  ul {   list-style-type: none; }  ol {   list-style-position: inside; }  html  {     height:100%; }  #art-main {   display: inline-block;   position: relative;   z-index: 0;   width: 100%;   left: 0;   top: 0;   cursor:default;   overflow:visible;   float: left;   clear: left; }  body {   padding: 0;    margin:0;   color: #D4D4D4;   height:100%;   min-height:100%;   background-color: #000000;   min-width: 1010px; }  .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; } /* end Page */  /* begin Menu */ /* menu structure */  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {     outline: none; }  .art-hmenu, .art-hmenu ul {   margin: 0;   padding: 0;   border: 0;   list-style-type: none;   display: block; }  .art-hmenu li {   margin: 0;   padding: 0;   border: 0;   display: block;   float: left;   position: relative;   z-index: 5;   background: none; }  .art-hmenu li:hover {   z-index: 10000;   white-space: normal; }  .art-hmenu li li {   float: none; }  .art-hmenu ul {   visibility: hidden;   position: absolute;   z-index: 10;   left: 0;   top: 0;   background: none;   min-height: 0;   background-image: url('http://kozan.somee.com/silkroad/spacer.gif');   padding: 10px 30px 30px 30px;   margin: -10px 0 0 -30px; }  .art-hmenu li:hover>ul {   visibility: visible;   top: 100%; }  .art-hmenu li li:hover>ul {   top: 0;   left: 100%; }  .art-hmenu:after, .art-hmenu ul:after {   content: ".";   height: 0;   display: block;   visibility: hidden;   overflow: hidden;   clear: both; } .art-hmenu{   min-height: 0;   position:relative;   padding: 8px 3px 0 3px; }  .art-hmenu ul ul {   padding: 30px 30px 30px 10px;   margin: -30px 0 0 -10px; }  /* menu structure */  .art-nav {    position: relative;   width:1010px;   margin:0 auto;   min-height: 36px;   z-index: 100;     margin-top: 0;     margin-bottom: 0; }  .art-nav-outer {     position:absolute;     width:100%; }  .art-nav-wrapper  {         position: relative;     width:1010px;     margin:0 auto; } .art-nav-inner  {     margin: 0 7px; }  .art-nav-l, .art-nav-r {   position: absolute;   z-index: -1;   top: 0;   height: 100%;   background-image: url('http://kozan.somee.com/silkroad/nav.png'); }  .art-nav-l {   left: 0;   right: 14px; }  .art-nav-r {   right: 0;   width: 1010px;   clip: rect(auto, auto, auto, 996px); }  /* end Menu */  /* begin MenuItem */ .art-hmenu a {   position: relative;   display: block;   overflow: hidden;   height: 28px;   cursor: pointer;   text-align: left;   text-decoration: none; }  .art-hmenu ul li {     margin:0;     clear: both; }  .art-hmenu a .r, .art-hmenu a .l {   position: absolute;   display: block;   top: 0;   z-index: -1;   height: 94px;   background-image: url('http://kozan.somee.com/silkroad/menuitem.png'); }  .art-hmenu a .l {   left: 0;   right: 4px; }  .art-hmenu a .r {   width: 408px;   right: 0;   clip: rect(auto, auto, auto, 404px); }  .art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {   text-align: left;   text-decoration: none; }  .art-hmenu a .t {   color: #CFCFCF;   padding: 0 5px;   margin: 0 4px;   line-height: 28px;   text-align: center; }  .art-hmenu a:hover .l, .art-hmenu a:hover .r {   top: -33px; }  .art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r {   top: -33px; }  .art-hmenu li:hover a .l, .art-hmenu li:hover a .r {   top: -33px; } .art-hmenu a:hover .t {   color: #DBDBDB; }  .art-hmenu li:hover a .t {   color: #DBDBDB; }  .art-hmenu li:hover>a .t {   color: #DBDBDB; }  .art-hmenu a.active .l, .art-hmenu a.active .r {   top: -66px; }  .art-hmenu a.active .t {   color: #D4D4D4; } /* end MenuItem */  /* begin MenuSeparator */ .art-hmenu .art-hmenu-li-separator {   display: block;   width: 8px;   height:28px; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {   display: block;   white-space: nowrap;   height: 20px;   width: 180px;   overflow: hidden;   background-image: url('http://kozan.somee.com/silkroad/subitem.png');   background-position: left top;   background-repeat: repeat-x;   border-width: 0;   border-style: solid;   text-align: left;   text-indent: 12px;   text-decoration: none;   line-height: 20px;   color: #1A1A1A;   font-size: 12px;   margin:0;   padding:0; }  .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span {   display: inline;   float: none;   margin: inherit;   padding: inherit;   background-image: none;   text-align: inherit;   text-decoration: inherit; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span {   text-align: left;   text-indent: 12px;   text-decoration: none;   line-height: 20px;   color: #1A1A1A;   font-size: 12px;   margin:0;   padding:0; }  .art-hmenu ul li a:hover {   color: #DEDEDE;   background-position: 0 -20px; }  .art-hmenu ul li:hover>a {   color: #DEDEDE;   background-position: 0 -20px; }  .art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span {   color: #DEDEDE; }  .art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span {   color: #DEDEDE; }  /* end MenuSubItem */  /* begin Header */ div.art-header {     margin: 0 auto;   position: relative;   z-index: -1;   width:1010px;   height: 225px;   margin-top: 0;   margin-bottom: 0; }  div.art-header-clip {   position: absolute;   width:100%;   left:0;   overflow:hidden;   height:225px; }  .art-header-wrapper  {         position: relative;     width:1010px;     margin:0 auto; } .art-header-inner  {     margin: 0 7px; }  div.art-header-center { 	position: relative; 	width: 1010px; 	left:50%; }  div.art-header-jpeg {   position: absolute;   top: 0;   left:-50%;   width: 1010px;   height: 225px;   background-image: url('http://kozan.somee.com/silkroad/header.jpg');   background-repeat: no-repeat;   background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {   display: block;   position: absolute;   top: 82px;   left: 50%;   margin-left: -498px;   width: 995px; }  h1.art-logo-name {   display: block;   text-align: center;   font-size: 30px;   padding: 0;   margin: 0;   color: #CCCCCC !important; } h1.art-logo-name a,  h1.art-logo-name a:link,  h1.art-logo-name a:visited,  h1.art-logo-name a:hover {   font-size: 30px;   padding: 0;   margin: 0;   color: #CCCCCC !important; }  h2.art-logo-text {   display: block;   text-align: center;   font-size: 17px;   padding: 0;   margin: 0;   color: #A8A8A8 !important; } h2.art-logo-text a, h2.art-logo-text a:link, h2.art-logo-text a:visited, h2.art-logo-text a:hover {   font-size: 17px;   padding: 0;   margin: 0;   color: #A8A8A8 !important; }  /* end Logo */  /* begin Box, Sheet */ .art-sheet {   position: relative;   margin: 0 auto;   min-width: 29px;   min-height: 29px;   margin-top: 0;   margin-bottom: -4px;   cursor:auto;   width: 1010px; }  .art-sheet-body {   position: relative;   padding: 7px;     padding-top:0;     padding-bottom:7px; }  .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl {   position: absolute; }  .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl {   width: 44px;   height: 44px;   background-image: url('http://kozan.somee.com/silkroad/sheet_s.png'); }  .art-sheet-tl {   top: 0;   left: 0;   clip: rect(auto, 22px, 22px, auto); }  .art-sheet-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 22px, 22px); }  .art-sheet-bl {   bottom: 0;   left: 0;   clip: rect(22px, 22px, auto, auto); }  .art-sheet-br {   bottom: 0;   right: 0;   clip: rect(22px, auto, auto, 22px); }  .art-sheet-tc, .art-sheet-bc {   left: 22px;   right: 22px;   height: 44px;   background-image: url('http://kozan.somee.com/silkroad/sheet_h.png'); }  .art-sheet-tc {   top: 0;   clip: rect(auto, auto, 22px, auto); }  .art-sheet-bc {   bottom: 0;   clip: rect(22px, auto, auto, auto); }  .art-sheet-cr, .art-sheet-cl {   top: 22px;   bottom: 22px;   width: 44px;   background-image: url('http://kozan.somee.com/silkroad/sheet_v.png'); }  .art-sheet-cr {   right: 0;   clip: rect(auto, auto, auto, 22px); }  .art-sheet-cl {   left: 0;   clip: rect(auto, 22px, auto, auto); }  .art-sheet-cc {   position: absolute;   top: 22px;   left: 22px;   right: 22px;   bottom: 22px;   background-color: #000000; }  #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare {   min-width: 1010px; }  /* end Box, Sheet */  /* begin Layout */ .art-content-layout {   display: table;   position:relative;   margin: 0 auto;   table-layout: fixed;   border-collapse: collapse;   background-color: Transparent;   border: none !important;   padding:0 !important;   width:100%;   margin-top:0;   margin-bottom:0; } .art-layout-cell, .art-content-layout-row {   background-color: Transparent;   vertical-align: top;   text-align: left;   border: none;   margin:0;   padding:0; }  .art-content-layout .art-content-layout{margin:0;} .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;} .art-layout-cell .art-layout-cell{display: block;} .art-content-layout-row {display: table-row;} .art-layout-glare{position:relative;}/* end Layout */  /* begin Box, Block, VMenuBlock */ .art-vmenublock {   position: relative;   min-width: 15px;   min-height: 15px;   margin: 3px; }  .art-vmenublock-body {   position: relative;   padding: 8px; }  .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl, .art-vmenublock-tc, .art-vmenublock-bc,.art-vmenublock-cr, .art-vmenublock-cl {   position: absolute; }  .art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl {   width: 14px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/vmenublock_s.png'); }  .art-vmenublock-tl {   top: 0;   left: 0;   clip: rect(auto, 7px, 7px, auto); }  .art-vmenublock-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 7px, 7px); }  .art-vmenublock-bl {   bottom: 0;   left: 0;   clip: rect(7px, 7px, auto, auto); }  .art-vmenublock-br {   bottom: 0;   right: 0;   clip: rect(7px, auto, auto, 7px); }  .art-vmenublock-tc, .art-vmenublock-bc {   left: 7px;   right: 7px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/vmenublock_h.png'); }  .art-vmenublock-tc {   top: 0;   clip: rect(auto, auto, 7px, auto); }  .art-vmenublock-bc {   bottom: 0;   clip: rect(7px, auto, auto, auto); }  .art-vmenublock-cr, .art-vmenublock-cl {   top: 7px;   bottom: 7px;   width: 14px;   background-image: url('http://kozan.somee.com/silkroad/vmenublock_v.png'); }  .art-vmenublock-cr {   right: 0;   clip: rect(auto, auto, auto, 7px); }  .art-vmenublock-cl {   left: 0;   clip: rect(auto, 7px, auto, auto); }  .art-vmenublock-cc {   position: absolute;   top: 7px;   left: 7px;   right: 7px;   bottom: 7px;   background-color: #3B3B3B; }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {   margin-bottom: 7px;   position: relative;   height: 34px; }  .art-vmenublockheader h3.t {   position: relative;   height: 34px;   color: #B5B5B5;   font-size: 14px;   margin:0;   padding: 0 10px 0 22px;   white-space: nowrap;   line-height: 34px; }  .art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited,  .art-vmenublockheader h3.t a:hover {   color: #B5B5B5;   font-size: 14px; }  .art-vmenublockheader .l, .art-vmenublockheader .r {   position: absolute;   height: 34px;   background-image: url('http://kozan.somee.com/silkroad/vmenublockheader.png'); }  .art-vmenublockheader .l {   left: 0;   right: 16px; }  .art-vmenublockheader .r {   width: 996px;   right: 0;   clip: rect(auto, auto, auto, 980px); }  /* end BlockHeader, VMenuBlockHeader */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent {   position: relative;   margin: 0 auto;   min-width: 1px;   min-height: 1px; }  .art-vmenublockcontent-body {   position: relative;   padding: 0; }  /* end Box, Box, VMenuBlockContent */  /* begin VMenu */ ul.art-vmenu, ul.art-vmenu li {   list-style: none;   margin: 0;   padding: 0;   width: auto;   line-height: 0; }  ul.art-vmenu {   margin-top: 0;    margin-bottom: 0; }  ul.art-vmenu ul {   display: none;   padding: 0;     margin:0 2px 0 2px; }  ul.art-vmenu ul.active {   display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a {   position: relative;   display: block;   overflow: hidden;   height: 34px;   cursor: pointer;   text-decoration: none; }  ul.art-vmenu li.art-vmenu-separator {   display: block;   padding: 0 0 0 0;   margin: 0;   font-size: 1px; }  ul.art-vmenu .art-vmenu-separator-span {   display: block;   padding: 0;   font-size: 1px;   height: 0;   line-height: 0;   border: none; }  ul.art-vmenu a .r, ul.art-vmenu a .l {   position: absolute;   display: block;   top: 0;   height: 112px;   background-image: url('http://kozan.somee.com/silkroad/vmenuitem.png'); }  ul.art-vmenu a .l {   left: 0;   right: 11px; }  ul.art-vmenu a .r {   width: 1018px;   right: 0;   clip: rect(auto, auto, auto, 1007px); }  ul.art-vmenu a .t, ul.art-vmenu ul a {   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: normal;   font-size: 12px; }  ul.art-vmenu a .t {   display: block;   position:relative;   top:0;   line-height: 34px;   color: #BDBDBD;   padding: 0 13px 0 13px;   margin-left:0;   margin-right:0; }  ul.art-vmenu a.active .l, ul.art-vmenu a.active .r {   top: -78px; }  ul.art-vmenu a.active .t {   color: #C9C9C9; }  ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r {   top: -39px; }  ul.art-vmenu a:hover .t {   color: #B5B5B5; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li {   margin: 0;   padding: 0; }  ul.art-vmenu ul a {   display: block;   white-space: nowrap;   height: 20px;   overflow: visible;   background-image: url('http://kozan.somee.com/silkroad/vsubitem.gif');   background-position: 25px 0;   background-repeat: repeat-x;   padding: 0 0 0 25px;   line-height: 20px;   color: #D4D4D4;   font-size: 11px;   margin-left: 0; }  ul.art-vmenu ul ul li {   padding:0; }  ul.art-vmenu ul span, ul.art-vmenu ul span span {   display: inline;   float: none;   margin: inherit;   padding: inherit;   background-image: none;   text-align: inherit;   text-decoration: inherit; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span {   line-height: 20px;   color: #D4D4D4;   font-size: 11px;   margin-left: 0; }  ul.art-vmenu ul ul {   margin:0 0 0 0; }  ul.art-vmenu ul li.art-vsubmenu-separator {    display: block;   margin: 0;   font-size: 1px;   padding: 0 0 0 0;  }  ul.art-vmenu ul .art-vsubmenu-separator-span {   display: block;   padding: 0;   font-size: 1px;   height: 0;   line-height: 0;   margin: 0;   border: none; }  ul.art-vmenu ul li.art-vmenu-separator-first {     margin-bottom:0;     padding-bottom:0; }  ul.art-vmenu ul li li a {   background-position: 50px 0;   padding: 0 0 0 50px; }  ul.art-vmenu ul li li li a {   background-position: 75px 0;   padding: 0 0 0 75px; }  ul.art-vmenu ul li li li li a {   background-position: 100px 0;   padding: 0 0 0 100px; }  ul.art-vmenu ul li li li li li a {   background-position: 125px 0;   padding: 0 0 0 125px; }  ul.art-vmenu ul li a.active {   color: #CFCFCF;   background-position: 25px -50px; }  ul.art-vmenu ul li li a.active {   background-position: 50px -50px; }  ul.art-vmenu ul li li li a.active {   background-position: 75px -50px; }  ul.art-vmenu ul li li li li a.active {   background-position: 100px -50px; }  ul.art-vmenu ul li li li li li a.active {   background-position: 125px -50px; }  ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {   color: #E3E3E3;   background-position: 25px -25px; }  ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active {   background-position: 50px -25px; }  ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active {   background-position: 75px -25px; }  ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active {   background-position: 100px -25px; }  ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active {   background-position: 125px -25px; } /* end VMenuSubItem */  /* begin Box, Block */ .art-block {   position: relative;   min-width: 15px;   min-height: 15px;   margin: 3px; }  .art-block-body {   position: relative;   padding: 8px; }  .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl {   position: absolute; }  .art-block-tr, .art-block-tl, .art-block-br, .art-block-bl {   width: 14px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/block_s.png'); }  .art-block-tl {   top: 0;   left: 0;   clip: rect(auto, 7px, 7px, auto); }  .art-block-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 7px, 7px); }  .art-block-bl {   bottom: 0;   left: 0;   clip: rect(7px, 7px, auto, auto); }  .art-block-br {   bottom: 0;   right: 0;   clip: rect(7px, auto, auto, 7px); }  .art-block-tc, .art-block-bc {   left: 7px;   right: 7px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/block_h.png'); }  .art-block-tc {   top: 0;   clip: rect(auto, auto, 7px, auto); }  .art-block-bc {   bottom: 0;   clip: rect(7px, auto, auto, auto); }  .art-block-cr, .art-block-cl {   top: 7px;   bottom: 7px;   width: 14px;   background-image: url('http://kozan.somee.com/silkroad/block_v.png'); }  .art-block-cr {   right: 0;   clip: rect(auto, auto, auto, 7px); }  .art-block-cl {   left: 0;   clip: rect(auto, 7px, auto, auto); }  .art-block-cc {   position: absolute;   top: 7px;   left: 7px;   right: 7px;   bottom: 7px;   background-color: #3B3B3B; }  div.art-block img { /* WARNING do NOT collapse this to 'border' - inheritance! */     border-width: 0;     border-color: #636363;   border-style: solid;   margin: 5px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {   margin-bottom: 4px;   position: relative;   height: 38px; }  .art-blockheader h3.t {   position: relative;   height: 38px;   color: #9E9E9E;   font-size: 14px;   margin:0;   padding: 0 11px 0 44px;   white-space: nowrap;   line-height: 38px; }  .art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited,  .art-blockheader h3.t a:hover {   color: #9E9E9E;   font-size: 14px; }  .art-blockheader .l, .art-blockheader .r {   position: absolute;   height: 38px;   background-image: url('http://kozan.somee.com/silkroad/blockheader.png'); }  .art-blockheader .l {   left: 0;   right: 38px; }  .art-blockheader .r {   width: 996px;   right: 0;   clip: rect(auto, auto, auto, 958px); }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {   position: relative;   margin: 0 auto;   min-width: 9px;   min-height: 9px; }  .art-blockcontent-body {   position: relative;   padding: 4px;   color: #ABABAB;   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-size: 13px; }  .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl {   position: absolute; }  .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl {   width: 8px;   height: 8px;   background-image: url('http://kozan.somee.com/silkroad/blockcontent_s.png'); }  .art-blockcontent-tl {   top: 0;   left: 0;   clip: rect(auto, 4px, 4px, auto); }  .art-blockcontent-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 4px, 4px); }  .art-blockcontent-bl {   bottom: 0;   left: 0;   clip: rect(4px, 4px, auto, auto); }  .art-blockcontent-br {   bottom: 0;   right: 0;   clip: rect(4px, auto, auto, 4px); }  .art-blockcontent-tc, .art-blockcontent-bc {   left: 4px;   right: 4px;   height: 8px;   background-image: url('http://kozan.somee.com/silkroad/blockcontent_h.png'); }  .art-blockcontent-tc {   top: 0;   clip: rect(auto, auto, 4px, auto); }  .art-blockcontent-bc {   bottom: 0;   clip: rect(4px, auto, auto, auto); }  .art-blockcontent-cr, .art-blockcontent-cl {   top: 4px;   bottom: 4px;   width: 8px;   background-image: url('http://kozan.somee.com/silkroad/blockcontent_v.png'); }  .art-blockcontent-cr {   right: 0;   clip: rect(auto, auto, auto, 4px); }  .art-blockcontent-cl {   left: 0;   clip: rect(auto, 4px, auto, auto); }  .art-blockcontent-cc {   position: absolute;   top: 4px;   left: 4px;   right: 4px;   bottom: 4px;   background-color: #3B3B3B; }  .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {   color: #ABABAB;   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-size: 13px; }  .art-blockcontent-body p {   margin: 6px 0; }  .art-blockcontent-body a, .art-blockcontent-body a:link {   color: #D1D1D1;   text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {   color: #D1D1D1;    text-decoration: none; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {   color: #D1D1D1;   text-decoration: none; }  .art-blockcontent-body ul li {   line-height: 125%;       color: #ABABAB;   padding: 0 0 0 19px;   background-image: url('http://kozan.somee.com/silkroad/blockcontentbullets.png');   background-repeat: no-repeat; }/* end Box, BlockContent */  /* begin Button */ .art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button {   text-decoration: none;   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: normal;   font-size: 13px;   position:relative;   top:0;   display: inline-block;   vertical-align: middle;   white-space: nowrap;   text-align: center;   color: #DBDBDB !important;   width: auto;   outline: none;   border: none;   background: none;   line-height: 26px;   height: 26px;   margin: 0 !important;   padding: 0 7px !important;   overflow: visible;   cursor: pointer; }  .art-button img, .art-button-wrapper img {   margin: 0;   vertical-align: middle; }  .art-button-wrapper {   vertical-align: middle;   display: inline-block;   position: relative;   height: 26px;   overflow: hidden;   white-space: nowrap;   width: auto;   margin: 0;   padding: 0;   z-index: 0; }  .firefox2 .art-button-wrapper {   display: block;   float: left; }  input, select, textarea {   vertical-align: middle;   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: normal;   font-size: 13px; }  .art-block select  {     width:96%; }  .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover {   color: #000000 !important;   text-decoration: none !important; }  .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link {   color: #DEDEDE !important; }  .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {   display: block;   position: absolute;   height: 88px;   margin: 0;   padding: 0;   background-image: url('http://kozan.somee.com/silkroad/button.png'); }  .art-button-wrapper .art-button-l {   left: 0;   right: 11px; }  .art-button-wrapper .art-button-r {   width: 423px;   right: 0;   clip: rect(auto, auto, auto, 412px); }  .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r {   top: -31px; }  .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r {   top: -62px; }  .art-button-wrapper input {   float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {   position: relative;   min-width: 15px;   min-height: 15px;   margin: 1px; }  .art-post-body {   position: relative;   padding: 16px; }  .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc,.art-post-cr, .art-post-cl {   position: absolute; }  .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl {   width: 14px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/post_s.png'); }  .art-post-tl {   top: 0;   left: 0;   clip: rect(auto, 7px, 7px, auto); }  .art-post-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 7px, 7px); }  .art-post-bl {   bottom: 0;   left: 0;   clip: rect(7px, 7px, auto, auto); }  .art-post-br {   bottom: 0;   right: 0;   clip: rect(7px, auto, auto, 7px); }  .art-post-tc, .art-post-bc {   left: 7px;   right: 7px;   height: 14px;   background-image: url('http://kozan.somee.com/silkroad/post_h.png'); }  .art-post-tc {   top: 0;   clip: rect(auto, auto, 7px, auto); }  .art-post-bc {   bottom: 0;   clip: rect(7px, auto, auto, auto); }  .art-post-cr, .art-post-cl {   top: 7px;   bottom: 7px;   width: 14px;   background-image: url('http://kozan.somee.com/silkroad/post_v.png'); }  .art-post-cr {   right: 0;   clip: rect(auto, auto, auto, 7px); }  .art-post-cl {   left: 0;   clip: rect(auto, 7px, auto, auto); }  .art-post-cc {   position: absolute;   top: 7px;   left: 7px;   right: 7px;   bottom: 7px;   background-color: #3B3B3B; }  a img {   border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {   border: solid 0 #636363;   margin: 5px; }  .art-metadata-icons img {   border: none;   vertical-align: middle;   margin: 2px; }  .art-article table, table.art-article {   border-collapse: collapse;   margin: 1px; }  .art-article th, .art-article td {   padding: 2px;   border: solid 1px #A8A8A8;   vertical-align: top;   text-align: left; }  .art-article th {   text-align: center;   vertical-align: middle;   padding: 7px; }  pre {   overflow: auto;   padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ h2.art-postheader {   color: #D4D4D4;   margin: 5px 0;   font-size: 24px; }  h2.art-postheader a,  h2.art-postheader a:link,  h2.art-postheader a:visited, h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered {   font-size: 24px; }  h2.art-postheader a, h2.art-postheader a:link {   text-align: left;   text-decoration: none;   color: #A6A6A6; }  h2.art-postheader a:visited, h2.art-postheader a.visited {   color: #949494; }  h2.art-postheader a:hover,  h2.art-postheader a.hovered {   color: #919191; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   color: #BABABA; }  .art-postheadericons {   padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {   text-decoration: none;   color: #7A7A7A; }  .art-postheadericons a:visited, .art-postheadericons a.visited {   font-style: italic;   font-weight: normal;   color: #BDBDBD; }  .art-postheadericons a:hover, .art-postheadericons a.hover {   font-style: italic;   font-weight: normal;   text-decoration: underline;   color: #919191; } /* end PostIcons, PostHeaderIcons */  /* begin PostBullets */ .art-post ol, .art-post ul {   margin: 1em 0 1em 2em;   padding: 0; }  .art-post li {   font-size: 13px;   color: #BABABA;   padding: 0 0 0 16px; }  .art-post li ol, .art-post li ul {   margin: 0.5em 0 0.5em 2em;   padding: 0; }  .art-post ol>li {   background: none;   padding-left: 0;   /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-post ul>li {   background-image: url('http://kozan.somee.com/silkroad/postbullets.png');   background-repeat: no-repeat;   padding-left: 16px;   /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;   overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover {   color: #080808;   font-style: italic;   font-weight: normal;   text-align: left; }  .art-postcontent blockquote p {    margin: 2px 0 2px 15px; }  .art-postcontent blockquote {    border: solid 0 #787878;   margin: 10px 10px 10px 50px;   padding: 4px 4px 4px 37px;   background-color: #787878;   background-image: url('http://kozan.somee.com/silkroad/postquote.png');   background-position: left top;   background-repeat: no-repeat;   /* makes blockquote not to align behind the image if they are in the same line */   overflow: auto;   clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;   color: #BABABA; }  .art-postfootericons {   padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {   text-decoration: none;   color: #919191; }  .art-postfootericons a:visited, .art-postfootericons a.visited {   color: #BDBDBD; }  .art-postfootericons a:hover, .art-postfootericons a.hover {   color: #919191; } /* end PostIcons, PostFooterIcons */  /* begin Footer */ .art-footer {   position: relative;   margin-top:0;   margin-bottom:0;   width: 100%; }  .art-footer-b  {   position: absolute;   left:3px;   right:3px;   bottom:0;   height:50px;   background-image: url('http://kozan.somee.com/silkroad/footer_b.png'); }  .art-footer-r, .art-footer-l {   position: absolute;   height:50px;   background-image: url('http://kozan.somee.com/silkroad/footer_s.png');   bottom: 0; }  .art-footer-l {   left: 0;   width:3px; }  .art-footer-r {   right: 0;   width:6px;   clip: rect(auto, auto, auto, 3px); }  .art-footer-t {   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 50px;   background-color: #0A0A0A; }  .art-footer-body {     position:relative;     padding: 8px; }  .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://kozan.somee.com/silkroad/rssicon.png');   background-position: center right;   background-repeat: no-repeat;   height: 26px;   width: 32px;   cursor: default; }  .art-footer-text p {   padding:0;   margin:0;   text-align: center; }  .art-footer-text, .art-footer-text a, .art-footer-text a:link, .art-footer-text a:visited, .art-footer-text a:hover, .art-footer-text td,  .art-footer-text th, .art-footer-text caption {     color: #ADADAD;     font-size: 11px; }  .art-footer-text {   min-height: 50px;   padding-left: 10px;   padding-right: 10px;   text-align: center; }  .art-footer-text a, .art-footer-text a:link {   color: #858585;   text-decoration: none; }  .art-footer-text a:visited {   color: #B5B5B5; }  .art-footer-text a:hover {   color: #CCCCCC;   text-decoration: underline; }  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: #C2C2C2; }  .art-page-footer {   padding: 1em;   text-align: center;   text-decoration: none;   color: #A6A6A6; } /* end PageFooter */  /* begin LayoutCell, sidebar1 */  .art-content-layout .art-sidebar1 {   background-image: url('http://kozan.somee.com/silkroad/sidebar_bg.png');   width: 240px; }  /* end LayoutCell, sidebar1 */  /* begin LayoutCell, content */  /* end LayoutCell, content */  /* begin LayoutCell, sidebar2 */  .art-content-layout .art-sidebar2 {   background-image: url('http://kozan.somee.com/silkroad/sidebar_bg.png');   width: 240px; }  /* 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: 0 5px;   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%; }  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: 21px !important; }  #cancel-comment-reply-link { 	font-size: 12px; 	font-weight: normal; 	line-height: 18px; }  #respond .required { 	color: #ff4b33; 	font-weight: bold; }  #respond label { 	font-size: 12px; }  #respond input { 	margin: 0 0 9px; 	width: 98%; }  #respond textarea { 	width: 98%; }  #respond .form-allowed-tags { 	font-size: 12px; 	line-height: 18px; }  #respond .form-allowed-tags code { 	font-size: 11px; }  #respond .form-submit { 	margin: 12px 0; }  #respond .form-submit input { 	font-size: 14px; 	width: auto; }  .art-footer .art-widget-title  {     font-size:1.2em;     padding: 0; }  .art-footer .art-widget, .art-footer .art-widget a, .art-footer .art-widget a:link, .art-footer .art-widget a:visited, .art-footer .art-widget a:hover {     color: #ADADAD; font-size: 11px;     text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {   color: #858585; text-decoration: none; }  .art-footer .art-widget a:visited {   color: #B5B5B5; }  DIV[id^="GMPmap"] IMG  {     margin: 0; }  /* bedava sitem reklam otala bas */ table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */

Bugün 30 ziyaretçi (411 klik) kişi burdaydı!

CSS Temalar | Bedava Sitem Css Tasarımları | Web Tasarım

Silkroad Online Oyun Temasi

Menü

Alexa widget

Linkler

Reklam