www.win7metin2hileleriTR.tr.gg Sitesine Hoş Geldiniz...

Slider CSS Metin2 Tasarımı

Slider CSS Metin2 Tasarımı :

Tasarımın Üstündeki____

<div id="art-main">     <div class="cleared reset-box"></div>     <div class="art-bar art-nav">         <div class="art-nav-outer">         <div class="art-nav-wrapper">         <div class="art-nav-inner">     	 <ul class="art-hmenu menu-2"> 	<li class="menu-item-8"><a title="Ana sayfa" href="/" _fcksavedurl="/">Ana sayfa</a> 	</li> 	<li class="menu-item-7"><a title="Link1" href="http://..." _fcksavedurl="http://...">Link1</a> 	</li> 	<li class="menu-item-9"><a title="Link2" href="http://..." _fcksavedurl="http://...">Link2</a> 	</li> 	<li class="menu-item-10"><a title="Link3" href="http://..." _fcksavedurl="http://...">Link3</a> 	</li> 	<li class="menu-item-11"><a title="Link4" href="http://..." _fcksavedurl="http://...">Link4</a> 	</li> 	<li class="menu-item-12"><a title="Link5" href="http://..." _fcksavedurl="http://...">Link5</a> 	</li> </ul>          </div>         </div>         </div>     </div>     <div class="cleared reset-box"></div>     <div class="art-header"> <link href="http://img107.xooimage.com/files/e/f/e/js-image-slider-44121d3.css" rel="stylesheet" type="text/css" /> <script src="http://img107.xooimage.com/files/8/e/7/js-image-slider-4411e2d.js" type="text/javascript"></script> <div class="kucuk-resim" ></div> <div id="sliderFrame">         <div id="slider">                          <img src="https://img.webme.com/pic/d/demo-csstemalar/metin-slider1.jpg" _fcksavedurl="https://img.webme.com/pic/d/demo-csstemalar/metin-slider1.jpg" />             <img src="https://img.webme.com/pic/d/demo-csstemalar/metin-slider2.jpg" _fcksavedurl="https://img.webme.com/pic/d/demo-csstemalar/metin-slider2.jpg"  />             <img src="https://img.webme.com/pic/d/demo-csstemalar/metin-slider3.jpg" _fcksavedurl="https://img.webme.com/pic/d/demo-csstemalar/metin-slider3.jpg"  />             <img src="https://img.webme.com/pic/d/demo-csstemalar/metin-slider1.jpg" _fcksavedurl="https://img.webme.com/pic/d/demo-csstemalar/metin-slider1.jpg"  />             <img src="https://img.webme.com/pic/d/demo-csstemalar/metin-slider4.jpg" _fcksavedurl="https://img.webme.com/pic/d/demo-csstemalar/metin-slider4.jpg" />         </div>         <div id="htmlcaption" style="display: none;">             <em>HTML</em> caption. Link to <a href="http://www.google.com/" _fcksavedurl="http://www.google.com/">Google</a>.         </div>     </div>         <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">                 </div>                 </div>             </div>         </div>     </div>     <div class="cleared reset-box"></div>     <div class="art-box art-sheet">         <div class="art-box-body art-sheet-body"> <div class="art-layout-wrapper">     <div class="art-content-layout">         <div class="art-content-layout-row">             <div class="art-layout-cell art-sidebar1">               <div class="art-box art-vmenublock widget vmenu" id="vmenuwidget-2">     <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-8"><a title="Ana sayfa" href="/" _fcksavedurl="/">Ana sayfa</a> 	</li> 	<li class="menu-item-7"><a title="Link1" href="http://..." _fcksavedurl="http://...">Link1</a> 	</li> 	<li class="menu-item-9"><a title="Link2" href="http://..." _fcksavedurl="http://...">Link2</a> 	</li> 	<li class="menu-item-10"><a title="Link3" href="http://..." _fcksavedurl="http://...">Link3</a> 	</li> 	<li class="menu-item-11"><a title="Link4" href="http://..." _fcksavedurl="http://...">Link4</a> 	</li> 	<li class="menu-item-12"><a title="Link5" href="http://..." _fcksavedurl="http://...">Link5</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-2">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık1</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget">  Buraya kod veya yazı ekleyebilirsin...  </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_nav_menu" id="nav_menu-2">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Takip Ettiklerim</h3> </div><div class="art-box art-blockcontent">  <div class="art-box-body art-blockcontent-body"><div class="menu-menu-1-container"><ul id="menu-menu-1" class="menu"> <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="http://csstemalar.tr.gg/" _fcksavedurl="http://csstemalar.tr.gg/">csstemalar.tr.gg</a></li> <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a href="http://..." _fcksavedurl="http://...">Link1</a></li> <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="http://..." _fcksavedurl="http://...">Link2</a></li> <li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a href="http://..." _fcksavedurl="http://...">Link3</a></li>  </ul></div>		<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><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><script language="javascript" src="http://in.sitekodlari.com/takvim.js"></script></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-10">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık2</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> Buraya kod veya yazı ekleyebilirsin... </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-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <center><embed src="http://img7.xooimage.com/files/2/7/c/clock104-11ed52e.swf" quality="high" wmode="transparent" width="130" height="33" name="superpimper"  align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></center> </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div>              <div class="cleared"></div>             </div>             <div class="art-layout-cell art-content"> 			<div class="art-content-layout">     <div class="art-content-layout-row"> 					<div class="art-layout-cell art-layout-cell-size1"> 						 			<div class="art-widget widget widget_text" id="text-5"><div class="art-widget-content">			 <div class="textwidget">  <center><embed src="http://img83.xooimage.com/files/6/9/1/yagmur-damali-yazi-359cc11.swf" width="550" height="60" flashvars="mess=Sitemize Hos Geldiniz!" quality="high" bgcolor="#000000 align=" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></center>  </div> 		</div></div>				 				<div class="cleared"> </div> 			</div> 					     </div> </div> 				<div class="art-box art-post post-1 post type-post status-publish format-standard hentry category-genel" id="post-1"> 	    <div class="art-box-body art-post-body"> 	            <div class="art-post-inner art-article">

Tasarımın Altındaki____

</div>  			<div class="cleared"></div>  	    </div>  	</div> <div class="cleared"></div>             </div> <div class="art-layout-cell art-sidebar2">               <div class="art-box art-block widget widget_text" id="text-7">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Başlık3</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> Buraya kod veya yazı ekleyebilirsin... </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-8">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Video</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <center><iframe width="190" height="155" src="//www.youtube.com/embed/bn1YCClRF-g" frameborder="0" allowfullscreen></iframe></center </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div><div class="art-box art-block widget widget_text" id="text-9">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">TR.GG REKLAM</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <center><iframe src="http://ads.webme.com/banner.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></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-6">     <div class="art-box-body art-block-body"><div class="art-bar art-blockheader">     <h3 class="t">Ziyaretçi Tanımlama</h3> </div><div class="art-box art-blockcontent">     <div class="art-box-body art-blockcontent-body">			<div class="textwidget"> <center><img src="http://www.wieistmeineip.de/ip-address" _fcksavedurl="http://www.wieistmeineip.de/ip-address"></center> </div> 				<div class="cleared"></div>     </div> </div>		<div class="cleared"></div>     </div> </div>              <div class="cleared"></div>             </div>         </div>     </div> </div> <div class="cleared"></div>     <div class="art-footer">                 <div class="art-footer-body">                                        <a href="#" _fcksavedurl="#" class='art-rss-tag-icon' title="Yukarı çık"></a>                             <div class="art-footer-text">                                 <p><a href="#" _fcksavedurl="#">Link1</a> | <a href="#" _fcksavedurl="#">Link2</a> | <a href="#" _fcksavedurl="#">Link3</a></p><p>Copyright © 2014. 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"><script type="text/javascript">
document.write(unescape('%57%65%62%20%74%61%73%61%72%69%6D%3A%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%63%73%73%74%65%6D%61%6C%61%72%2E%74%72%2E%67%67%2F%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%63%73%73%74%65%6D%61%6C%61%72%2E%74%72%2E%67%67%3C%2F%61%3E'));
</script> </p>     <div class="cleared"></div> </div>     <div id="wp-footer"> 	        	             </div>

CSS Kodu____

h1#title{display: none;} h2#title span {display: none;}   div.header{display: none;}   li.nav_element{list-style-type: none;}   li.nav_element{display: none;}  /*  /* Theme Name: metin2temasi2014 Theme URI:  Description: Css temalar tarafından yapılmıştır. Version: 1.0 Author:  Author URI:  Tags: fixed width, three columns, valid XHTML, widgets */  #art-main, table {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;    font-style: normal;    font-weight: bold;    font-size: 22px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #8F2424; }  .art-postcontent a:link {    text-decoration: none;    color: #8F2424; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #3B3B3B; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #BC2F2F; }  .art-postcontent h1 {    color: #8F2424;    margin: 10px 0 0;    font-size: 26px; }  .art-blockcontent h1 {    margin: 10px 0 0;    font-size: 26px; }  .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited  {    font-size: 26px; }  .art-postcontent h2 {    color: #BC2F2F;    margin: 10px 0 0; }  .art-blockcontent h2 {    margin: 10px 0 0; }  .art-postcontent h3 {    color: #595959;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 18px; }  .art-postcontent h4 {    color: #A72A2A;    margin: 10px 0 0;    font-size: 16px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 16px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 16px; }  .art-postcontent h5 {    color: #292929;    margin: 10px 0 0;    font-size: 14px; }  .art-blockcontent h5 {    margin: 10px 0 0;    font-size: 14px; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-size: 14px; }  .art-postcontent h6 {    color: #3B3B3B;    margin: 10px 0 0;    font-size: 13px; }  .art-blockcontent h6 {    margin: 10px 0 0;    font-size: 13px; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-size: 13px; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html, body {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    min-height: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    min-width: 1000px;    color: #404040;    background-color: #1D0707;    background-image: url('http://kozancity.files.wordpress.com/2014/02/bottom_texture.jpg');    background-repeat: repeat-y;    background-attachment: fixed;    background-position: top center; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box, .art-box-body {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover  {    outline: none;    position: relative;    z-index: 11; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; } ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu, ul.art-hmenu ul {    min-height: 0; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background-image: url('http://kozancity.files.wordpress.com/2014/02/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  ul.art-hmenu{    position:relative;    padding: 4px 4px 4px 4px;    float: left; }  /* end menu structure */  /* menu bar */  .art-nav {    width:1000px;    margin:0 auto;    min-height: 37px;    z-index: 100;    margin-top: 0;    margin-bottom: 0; }  .art-nav:before, .art-nav:after{    background-image: url('http://kozancity.files.wordpress.com/2014/02/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: 29px;    cursor: pointer;    text-decoration: none;    color: #DEDEDE;    padding: 0 17px;    line-height: 29px;    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://kozancity.files.wordpress.com/2014/02/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 3px;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 3px;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    text-align: left;    text-decoration: none; }  ul.art-hmenu>li>a.active:before {    background-position: bottom left; }  ul.art-hmenu>li>a.active:after {    background-position: bottom right; } ul.art-hmenu>li>a.active {    color: #000000; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #DEDEDE; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -9px;    width:9px;    height: 29px;    background: url('http://kozancity.files.wordpress.com/2014/02/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: 29px;    background-image: url('http://kozancity.files.wordpress.com/2014/02/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #E4BE8B;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 29px;    color: #000000;    margin:0;    padding: 0 22px; }  .art-hmenu ul li a:hover {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #242424;    background-position: left bottom;    border-color: #DAA662;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    z-index: -5;    width:1000px;    height: 350px;    margin-top: 10px;    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; }  /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 20px;    left: 0;    margin-left: 0; }  /* end Logo */  /* begin Box, Sheet */ .art-sheet {    max-width:1000px;    margin-top: 10px;    margin-bottom: 0;    cursor:auto;    width: 1000px; } .art-sheet-body  {    padding:0;    padding-top:0;    padding-bottom:0; } .art-sheet:before,.art-sheet-body:before{    right:0; } .art-sheet-body:after{    width: 0;    top:0;    bottom:0;    background-image:url('http://kozancity.files.wordpress.com/2014/02/sheet.png'); } .art-sheet-body:before{    top:0;    bottom:0;    background-image:url('http://kozancity.files.wordpress.com/2014/02/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: 3px; } .art-vmenublock-body  {    padding:8px; } .art-vmenublock:before, .art-vmenublock:after  {    content: url('http://kozancity.files.wordpress.com/2014/02/vmenublock_t.png');    font-size: 0;    background-image: url('http://kozancity.files.wordpress.com/2014/02/vmenublock_b.png'); } .art-vmenublock:after{    clip:rect(auto, auto, auto, 993px); } .art-vmenublock:before,.art-vmenublock-body:before{    right:7px; } .art-vmenublock-body:after{    width: 7px;    top:7px;    bottom:7px;    background-image:url('http://kozancity.files.wordpress.com/2014/02/vmenublock.png'); } .art-vmenublock-body:before{    top:7px;    bottom:7px;    background-image:url('http://kozancity.files.wordpress.com/2014/02/vmenublock.png'); }  /* end Box, Block, VMenuBlock */  /* begin BlockHeader, VMenuBlockHeader */ .art-vmenublockheader {    margin-bottom: 7px;    min-height: 34px;    line-height:34px; } .art-vmenublockheader:before, .art-vmenublockheader:after{    background-image: url('http://kozancity.files.wordpress.com/2014/02/vmenublockheader.png'); } .art-vmenublockheader:before{    right: 37px; } .art-vmenublockheader:after{    width: 37px; }  .art-vmenublockheader .t {    min-height: 34px;    line-height:34px;    color: #000000;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px;    margin:0;    padding: 0 5px 0 43px;    white-space: nowrap; }  .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited,  .art-vmenublockheader .t a:hover {    color: #000000;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px; }  /* 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: 0;    margin-right: 0; }  ul.art-vmenu ul.active {    display: block; } /* end VMenu */  /* begin VMenuItem */ ul.art-vmenu a  {    display: block;    cursor: pointer;    z-index:0;    text-decoration: none;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 12px;    margin-left:0;    margin-right:0;    position:relative; }  ul.art-vmenu li{    position:relative; }  ul.art-vmenu>li>a  {    color: #B5B5B5;    padding: 0 11px 0 24px;    height: 30px;    line-height: 30px;    white-space: nowrap; }  ul.art-vmenu>li>a.active {    color: #F1C6C6; } ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {    color: #000000; }  ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after  {    position: absolute;    display: block;    content: ' ';    z-index:-1;    background-image: url('http://kozancity.files.wordpress.com/2014/02/vmenuitem.png');    top:0;    height:30px; }  ul.art-vmenu>li>a:before{    left: 0;    right: 19px;    background-position: top left; } ul.art-vmenu>li>a:after{    width: 19px;    right: 0;    background-position: top right; } ul.art-vmenu>li>a.active:before {    background-position: bottom left; } ul.art-vmenu>li>a.active:after {    background-position: bottom right; } ul.art-vmenu>li>a:hover {    background-color: transparent; } ul.art-vmenu>li>a:hover:before  {    background-position: center left; } ul.art-vmenu>li>a:hover:after {    background-position: center right; }  ul.art-vmenu>li{    margin-top:4px; } ul.art-vmenu>li>ul{    margin-top:4px;    padding-bottom: 0; } ul.art-vmenu>li:first-child{    margin-top:0; }  /* end VMenuItem */  /* begin VMenuSubItem */ ul.art-vmenu ul li{    margin: 0;    padding: 0; } ul.art-vmenu li li, ul.art-vmenu li li a {    position:relative; }  ul.art-vmenu ul a {    display: block;    position:relative;    white-space: nowrap;    height: 24px;    overflow: visible;    background-image: url('http://kozancity.files.wordpress.com/2014/02/vsubitem.png');    background-repeat: repeat-x;    background-position: top left;    padding:0;    padding-left:15px;    padding-right:15px;    line-height: 24px;    color: #C7C7C7;    margin-left: 0;    margin-right: 0; }  ul.art-vmenu ul a.active{    background-position: bottom left; } ul.art-vmenu ul a:hover{    background-position: center left;    line-height: 24px;    color: #C7C7C7;    margin-left: 0;    margin-right: 0; } ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active{    background-position: left center; }  ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:active {    line-height: 24px;    color: #C7C7C7;    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:1px; }  ul.art-vmenu li li:after {    display: block;    position:absolute;    content: ' ';    height: 0;    top:-1px;    left:0;    right:0;    z-index:1;    border-bottom: solid 1px #B5B5B5; }  ul.art-vmenu li li:before {    display: block;    position:absolute;    content: ' ';    left:0;    right:0;    top: -1px;    z-index:0;    height: 1px;    background-color: #4A4A4A; } ul.art-vmenu>li>ul>li:first-child:before,ul.art-vmenu>li>ul>li:first-child:after{    display:none; }  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: #EDB6B6; } ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {    color: #474747; }  /* end VMenuSubItem */  /* begin Box, Block */ .art-block {    max-width:1000px;    margin: 3px; } .art-block-body  {    padding:8px; } .art-block:before, .art-block:after  {    content: url('http://kozancity.files.wordpress.com/2014/02/block_t.png');    font-size: 0;    background-image: url('http://kozancity.files.wordpress.com/2014/02/block_b.png'); } .art-block:after{    clip:rect(auto, auto, auto, 993px); } .art-block:before,.art-block-body:before{    right:7px; } .art-block-body:after{    width: 7px;    top:7px;    bottom:7px;    background-image:url('http://kozancity.files.wordpress.com/2014/02/block.png'); } .art-block-body:before{    top:7px;    bottom:7px;    background-image:url('http://kozancity.files.wordpress.com/2014/02/block.png'); }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 1px;    border-color: #C4C4C4;    border-style: solid;    margin: 10px; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 7px;    min-height: 38px;    line-height:38px; } .art-blockheader:before, .art-blockheader:after{    background-image: url('http://kozancity.files.wordpress.com/2014/02/blockheader.png'); } .art-blockheader:before{    right: 37px; } .art-blockheader:after{    width: 37px; }  .art-blockheader .t {    min-height: 38px;    line-height:38px;    color: #000000;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px;    margin:0;    padding: 0 5px 0 43px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #000000;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:1000px; } .art-blockcontent-body  {    padding:8px;    color: #303030;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 12px; } .art-blockcontent:before, .art-blockcontent:after  {    content: url('http://kozancity.files.wordpress.com/2014/02/blockcontent_t.png');    font-size: 0;    background-image: url('http://kozancity.files.wordpress.com/2014/02/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://kozancity.files.wordpress.com/2014/02/blockcontent.png'); } .art-blockcontent-body:before{    top:7px;    bottom:7px;    background-image:url('http://kozancity.files.wordpress.com/2014/02/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: #303030;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 12px; }  .art-blockcontent-body p {    margin: 12px 0; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #761E1E;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #4A4A4A;    text-decoration: none; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #250909;    text-decoration: none; }  .art-blockcontent-body ul li {    font-size: 13px;    line-height: 125%;    color: #424242;    margin: 5px 0 0 10px;    padding: 0 0 0 17px;    background-image: url('http://kozancity.files.wordpress.com/2014/02/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 12px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #F2E1C9 !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 30px;    height: 30px;    margin: 0 !important;    padding: 0 20px !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: 30px;    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: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 12px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #F3CECE !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #D9D9D9 !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://kozancity.files.wordpress.com/2014/02/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 9px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 9px;    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: 5px; } .art-post-body  {    padding:10px; }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #C4C4C4;    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: #661919;    margin: 5px 0;    line-height: 1em;    font-size: 20px; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-size: 20px; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #7A1F1F; }  .art-postheader a:visited, .art-postheader a.visited {    color: #4D4D4D; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #BC2F2F; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    color: #404040; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: none;    color: #8F2424; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #8F2424; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: underline;    color: #2D0B0B; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block;    line-height: 1em; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block;    line-height: 1em; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block;    line-height: 1em; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 13px;    color: #404040;    margin: 3px 0 0 -15px;    padding: 0 0 0 17px; }  .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://kozancity.files.wordpress.com/2014/02/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 17px;    /* 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: #2E2E2E;    font-style: italic;    font-weight: normal;    text-align: left; }  /* Override native 'p' margins*/ blockquote p, .art-postcontent blockquote p, .art-blockcontent blockquote p, .art-footer blockquote p {    margin: 0;    margin: 5px 0; }  blockquote {    border: solid 1px #DD7878;    margin: 10px;    padding: 6px;    background-color: #EEBABA;    margin-left: 50px;    padding-left: 39px;    background-image: url('http://kozancity.files.wordpress.com/2014/02/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    color: #404040; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: none;    color: #8F2424; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #8F2424; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    color: #2D0B0B; }  /* 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: 15px;    color: #B2B2B2;    font-size: 11px; }  .art-footer-body ul li {    color: #E5E5E5;    padding: 0 0 0 13px;    background-image: url('http://kozancity.files.wordpress.com/2014/02/footerbullets.png');    background-repeat: no-repeat;    background-position: top left; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:0;    background-image: url('http://kozancity.files.wordpress.com/2014/02/footer.png');    background-position:bottom left; }  .art-footer-body .art-rss-tag-icon {    position: absolute;    right:   6px;    bottom:15px;    z-index:1; }  .art-rss-tag-icon {    display: block;    background-image: url('http://kozancity.files.wordpress.com/2014/02/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-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: #B2B2B2;    font-size: 11px; }  .art-footer-text {    min-height: 26px;    padding-left: 10px;    padding-right: 10px;    text-align: center; }  .art-footer-body a, .art-footer-body a:link {    color: #E7C598;    text-decoration: none; }  .art-footer-body a:visited {    color: #ABABAB; }  .art-footer-body a:hover {    color: #D79F56;    text-decoration: underline; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 5px; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #E28D8D; }  .art-page-footer {    position: relative;    z-index: 10;    padding: 1em;    text-align: center;    text-decoration: none;    color: #B8B8B8; } /* 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://kozancity.files.wordpress.com/2014/02/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: 25px !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: #B2B2B2;    font-size: 11px;    text-align: left; }  .art-footer .art-widget a, .art-footer .art-widget a:link {    color: #E7C598;    text-decoration: none; }  .art-footer .art-widget a:visited {    color: #ABABAB; }  .art-footer .art-widget a:hover {    color: #D79F56;    text-decoration: underline; }  DIV[id^="GMPmap"] IMG  {    margin: 0; } /* bedava sitem reklam otala bas */  table {margin-left: auto;margin-right: auto}  /* bedava sitem reklam otala son */  #webme_sky_ad {position: absolute;right: -170px;top: 0px;z-index: 1000000000000000000;display:none;}  #webme_footer_textlink_dont_hide {  margin-left: 400px;  } .kucuk-resim{ display:block; position:absolute; background-image:url('http://i956.photobucket.com/albums/ae50/xSigmax/ThLg16.png'); background-repeat:no-repeat; width:500px; height:621px; margin-top:-10px; margin-left:770px; z-index:999}

Ilk Olarak Tasarım'a Gelin
Sonra Gelen Yerde CSS-Design Secin
Ve Sol Orta Tarafta Tasarım Ayarlarına Gelin
Alt Kısımlarda Gelişmiş Ayarları Göster Olucak Ona Tıklayın
Ve Üstte Vermiş Olduğum Kodların Üstünde Kırmızı Renkli Isimlere Göre Kopyala/Yapıştır Yapınız

Kolay Gelsin

Denenmiş Halini Görmek İçin Şuna Tıkla [<|Tıkla|>]