| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var

css40

40 NOLU CSS TASARIM

Resmi Büyütmek İçin Üzerine Tıklayının

Tasarımın Üzerineki Bölüme

<div class="PageBackgroundGradient"></div>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name">
<a href="http://www.champroz.com/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/?preview=1&template=BlueElegance">www.HTMLSABLONKOD.tr.gg</a></h1>
<div id="slogan-text" class="logo-text">
         Kısaca Free Olan Ne Varsa =)</div>
</div>
</div>
<div class="nav">
<ul class="artmenu">
<li><a class="active" href="http://www.champroz.com?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance"><span><span>Home</span></span></a></li><li class="page_item page-item-2"><a href="http://www.champroz.com/about/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/about/?preview=1&template=BlueElegance" title="About"><span><span>About</span></span></a></li>
<li class="page_item page-item-11"><a href="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance" title="Contact Us"><span><span>Contact Us</span></span></a></li>
</ul>
<div class="l">
</div>
<div class="r">
<div>
</div>
</div>
</div>
<div class="contentLayout">
<div class="content">
<div class="Post">
<div class="Post-body">
<div class="Post-inner article">
<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader"><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" rel="bookmark" title="Permanent Link to Image in post">Html Şablonkod</a></span>
</h2>
<div class="PostHeaderIcons metadata-icons">
 Since **/**/****
</div>
<div class="PostContent">

Tasarımın Altındaki Bölüme

</div>
<div class="cleared"></div>
<div class="PostMetadataFooter">
<div class="PostFooterIcons metadata-icons">
 Posted in <a href="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance" title="View all posts in Themes" rel="category tag">Themes</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar1">
<div class="sidebar1">      
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Advertising
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<center>
<div>
<a rel="nofollow" href="?preview=1&template=BlueElegance#" _fcksavedurl="?preview=1&template=BlueElegance#"><img alt="Advertisement" src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" _fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" border="0" width="125" height="125" style="border: 1px solid #FFFFFF; padding: 1px;" /></a>
<a rel="nofollow" href="?preview=1&template=BlueElegance#" _fcksavedurl="?preview=1&template=BlueElegance#"><img alt="Advertisement" src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" _fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" border="0" width="125" height="125" style="border: 1px solid #FFFFFF; padding: 1px;" /></a>
</div>
<div>
<a rel="nofollow" href="?preview=1&template=BlueElegance#" _fcksavedurl="?preview=1&template=BlueElegance#"><img alt="Advertisement" src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" _fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" border="0" width="125" height="125" style="border: 1px solid #FFFFFF; padding: 1px;" /></a>
<a rel="nofollow" href="?preview=1&template=BlueElegance#" _fcksavedurl="?preview=1&template=BlueElegance#"><img alt="Advertisement" src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" _fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png" border="0" width="125" height="125" style="border: 1px solid #FFFFFF; padding: 1px;" /></a>
</div>  		
</center>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Recent Posts
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a href='http://www.champroz.com/2009/04/18/image-in-post/?preview=1&template=BlueElegance' _fcksavedurl='http://www.champroz.com/2009/04/18/image-in-post/?preview=1&template=BlueElegance' title='Image in post'>Image in post</a></li>
<li><a href='http://www.champroz.com/2009/04/18/just-another-post-2/?preview=1&template=BlueElegance' _fcksavedurl='http://www.champroz.com/2009/04/18/just-another-post-2/?preview=1&template=BlueElegance' title='Just Another Post'>Just Another Post</a></li>
<li><a href='http://www.champroz.com/2009/04/18/just-another-post/?preview=1&template=BlueElegance' _fcksavedurl='http://www.champroz.com/2009/04/18/just-another-post/?preview=1&template=BlueElegance' title='Just another post'>Just another post</a></li>
<li><a href='http://www.champroz.com/2009/04/17/hello-world/?preview=1&template=BlueElegance' _fcksavedurl='http://www.champroz.com/2009/04/17/hello-world/?preview=1&template=BlueElegance' title='Hello world!'>Hello world!</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Recent Comments
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul><li>No comments.</li></ul>    </div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 
 				Pages
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a href="http://www.champroz.com/about/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/about/?preview=1&template=BlueElegance">About</a></li><li><a href="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance">Contact Us</a></li></ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Categories
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li class="cat-item cat-item-1"><a href="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance" title="View all posts filed under Themes">Themes</a> (4)
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Bookmarks
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a href="http://www.champroz.com?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance" rel="me" title="Champroz.com | Themes">Cham Proz</a></li>
<li><a href="http://www.champroz.com?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance" rel="me" title="WordPress Themes">WordPress Themes</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 
 Search        </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<form method="get" id="searchform" action="http://www.champroz.com/">
<input type="text" value="" name="s" id="s" style="width: 95%;" />
<button class="Button" type="submit" name="search">
<span class="btn">
<span class="t">Search</span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 Archives        </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a href='http://www.champroz.com/2009/04/?preview=1&template=BlueElegance' _fcksavedurl='http://www.champroz.com/2009/04/?preview=1&template=BlueElegance' title='April 2009'>April 2009</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
 				Meta
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a href="http://www.champroz.com/wp-login.php?preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com/wp-login.php?preview=1&template=BlueElegance">Log in</a></li>
<li><a href="http://www.champroz.com?feed=rss2&preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com?feed=rss2&preview=1&template=BlueElegance">Entries (RSS)</a></li>
<li><a href="http://www.champroz.com?feed=comments-rss2&preview=1&template=BlueElegance" _fcksavedurl="http://www.champroz.com?feed=comments-rss2&preview=1&template=BlueElegance">Comments (RSS)</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<a href="<?php_bloginfo(&preview=1&template=BlueElegance'rss2_url'); ?>" _fcksavedurl="<?php_bloginfo(&preview=1&template=BlueElegance'rss2_url'); ?>" class="rss-tag-icon" title="RSS"></a>
<div class="Footer-text">
<p>
     Copyright © 2009 Design by <a href='http://www.htmlsablonkod.tr.gg' _fcksavedurl='http://www.htmlsablonkod.tr.gg''>FREE SİTE</a> 
</p>
</div>
</div>
<div class="Footer-background">
</div>
</div>
</div>
</div>
<p class="page-footer">
</div>
</div>

Css Kod Bölümüne

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: BlueElegance
 Theme URI: http://www.champroz.com
 Description: Elegant WordPress Theme created by Champroz.com
 Version: 1.0
 Author: 
 Author URI: 
 Tags: fixed width, right sidebar, two columns, valid XHTML, widgets, advertising ready
 */
 
 /* begin Page */
 
 body
 {
   margin: 0 auto;
   padding: 0;
   background-color: #145871;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgTexture.jpg');
   background-repeat: repeat;
   background-attachment: scroll;
   background-position: top left;
 }
 
 .Main
 {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
 }
 
 .PageBackgroundGlare
 {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
 }
 
 .PageBackgroundGlareImage
 {
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgGlare.png');
   background-repeat: no-repeat;
   height: 378px;
   width: 437px;
   margin: 0;
 }
 
 html:first-child .PageBackgroundGlare
 {
   border: 1px solid transparent; /* Opera fix */
 }
 
 
 .PageBackgroundGradient
 {
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgGradient.jpg');
   background-repeat: repeat-x;
   height: 240px;
 }
 
 
 .cleared
 {
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   border: none;
   font-size:1px;
 }
 
 
 /* end Page */
 
 /* begin Box, Sheet */
 .Sheet
 {
   overflow: hidden;
   min-width:35px;
   min-height:35px;
   margin: 0 auto;
   position: relative;
   z-index: 0;
   width: 1000px;
 }
 
 
 .Sheet-body
 {
   position: relative;
   z-index: 0;
   margin: 10px;
 }
 
 .Sheet-tl
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   left: 0;
   width: 31px;
   height: 31px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
 }
 
 .Sheet-tr
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   right: 0;
   width: 31px;
   height: 31px;
 }
 
 .Sheet-tr div
 {
   position: absolute;
   z-index: -1;
   top: 0px;
   left: -31px;
   width: 62px;
   height: 62px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
 }
 
 .Sheet-bl
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   bottom: 0;
   left: 0;
   width: 31px;
   height: 31px;
 }
 
 .Sheet-bl div
 {
   position: absolute;
   z-index: -1;
   top: -31px;
   left: 0;
   width: 62px;
   height: 62px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
 }
 
 .Sheet-br
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   bottom: 0;
   right: 0;
   width: 31px;
   height: 31px;
 }
 
 .Sheet-br div
 {
   position: absolute;
   z-index: -1;
   top: -31px;
   left: -31px;
   width: 62px;
   height: 62px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
 }
 
 .Sheet-tc
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 0;
   left: 31px;
   right: 31px;
   height: 31px;
 }
 
 .Sheet-tc div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 62px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-h.png');
 }
 
 .Sheet-bc
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   bottom: 0;
   left: 31px;
   right: 31px;
   height: 31px;
 }
 
 .Sheet-bc div
 {
   position: absolute;
   z-index: -1;
   top: -31px;
   left: 0;
   width: 100%;
   height: 62px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-h.png');
 }
 
 .Sheet-cl
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 31px;
   left: 0;
   width: 31px;
   bottom: 31px;
 }
 
 .Sheet-cl div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 62px;
   height: 100%;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-v.png');
 }
 
 .Sheet-cr
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 31px;
   right: 0;
   width: 31px;
   bottom: 31px;
 }
 
 .Sheet-cr div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: -31px;
   width: 62px;
   height: 100%;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-v.png');
 }
 
 .Sheet-cc
 {
   position: absolute;
   overflow:hidden;
   z-index: -2;
   top: 31px;
   left: 31px;
   right: 31px;
   bottom: 31px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-c.png');
 }
 
 
 .Sheet
 {
   margin-top: 30px !important;
 }
 /* end Box, Sheet */
 
 /* begin Header */
 div.Header
 {
   margin: 0 auto;
   position: relative;
   z-index:0;
   width: 980px;
   height: 200px;
 }
 
 
 
 div.Header-jpeg
 {
   position: absolute;
   z-index:-1;
   top: 0;
   left: 0;
   width: 980px;
   height: 200px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
 }
 /* end Header */
 
 /* begin Logo */
 .logo
 {
   display : block;
   position: absolute;
   left: 138px;
   top: 70px;
   width: 832px;
 }
 
 h1.logo-name
 {
   display: block;
   text-align: left;
 }
 
 h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 36px;
   text-decoration: none;
   padding:0;
   margin:0;
   color: #3CB2DD !important;
 }
 
 .logo-text
 {
   display: block;
   text-align: left;
 }
 
 .logo-text, .logo-text a
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   padding:0;
   margin:0;
   color: #BEE5F4 !important;
 }
 
 /* end Logo */
 
 /* begin Menu */
 /* menu structure */
 
 .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
 {
   text-align:left;
   text-decoration:none;
   outline:none;
   letter-spacing:normal;
   word-spacing:normal;
 }
 
 .artmenu, .artmenu ul
 {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;
 }
 
 .artmenu li
 {
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background:none;
 }
 
 .artmenu li:hover
 {
   z-index: 10000;
   white-space: normal;
 }
 
 .artmenu li li
 {
   float: none;
 }
 
 .artmenu ul
 {
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background:none;
 }
 
 .artmenu li:hover>ul
 {
   visibility: visible;
   top: 100%;
 }
 
 .artmenu li li:hover>ul
 {
   top: 0;
   left: 100%;
 }
 
 .artmenu:after, .artmenu ul:after
 {
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
 }
 .artmenu, .artmenu ul
 {
   min-height: 0;
 }
 
 .artmenu ul
 {
   background-image: url(http://www.champroz.com/wp-content/themes/BlueElegance/images/spacer.gif);
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
 }
 
 .artmenu ul ul
 {
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
 }
 
 
 /* menu structure */
 
 .nav
 {
   position: relative;
   margin: 0  auto;
   width: 980px;
   height: 35px;
   z-index: 100;
 }
 
 .artmenu
 {
   padding: 6px 3px 0px 3px;
 }
 
 
 .nav .l, .nav .r, .nav .r div
 {
   top: 0;
   position: absolute;
   z-index: -1;
   overflow: hidden;
   height: 35px;
 }
 
 .nav .l
 {
   left: 0;
   right: 0px;
 }
 
 
 .nav .r
 {
   right: 0;
   width: 0px;
 }
 
 
 .nav .r div
 {
   width: 980px;
   right: 0;
 }
 
 
 .nav .l, .nav .r div
 {
   background-position: left top;
   background-repeat: no-repeat;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/nav.png');
 }
 
 /* end Menu */
 
 /* begin MenuItem */
 .artmenu ul li
 {
   clear: both;
 }
 
 .artmenu a , .artmenu a span
 {
   height: 29px;
   display: block;
 }
 
 
 .artmenu a
 {
   cursor: pointer;
   text-decoration: none;
   margin-right: 3px;
   margin-left: 3px;
 
 }
 .artmenu a
 {
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-left.png');
   background-position: left top;
   background-repeat: no-repeat;
 }
 
 .artmenu a span
 {
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-right.png');
   background-position: right top;
   background-repeat: no-repeat;
 }
 .artmenu a span span
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #E0E5E6;
   padding: 0 19px;
   margin: 0 4px;
   line-height: 29px;
   text-align: center;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-center.png');
   background-position: left top;
   background-repeat: repeat-x;
 
 }
 
 
 .artmenu a:hover
 {
   background-position: left -29px;
 }
 
 .artmenu li:hover>a
 {
   background-position: left -29px;
 }
 .artmenu li:hover a span
 {
   background-position: right -29px;
 }
 
 .artmenu a:hover span
 {
   background-position: right -29px;
 }
 
 
 .artmenu a:hover span span
 {
   color: #E2EEF3;
   background-position: left -29px;
 }
 
 .artmenu li:hover a span span
 {
   color: #E2EEF3;
   background-position: left -29px;
 }
 
 
 .artmenu a.active
 {
   background-position: left -58px;
 }
 
 .artmenu a.active span
 {
   background-position: right -58px;
 }
 
 .artmenu a.active span span
 {
   color: #082530;
   background-position: left -58px;
 }
 
 /* end MenuItem */
 
 /* begin MenuSubItem */
 .artmenu ul a
 {
   display:block;
   text-align: center;
   white-space: nowrap;
   height: 29px;
   width: 238px;
   overflow:hidden;
   line-height: 29px;
   margin-right: auto;
 
 
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/subitem-bg.png');
   background-position: left top;
   background-repeat: repeat-x;
 
   border-width: 1px;
   border-style: solid;
   border-color: #BEC9CB;
 }
 
 .nav ul.artmenu ul span, .nav ul.artmenu ul span span
 {
   display: inline;
   float: none;
   margin: inherit;
   padding: inherit;
   background-image: none;
   text-align: inherit;
   text-decoration: inherit;
 }
 
 .artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
 {
   text-align: left;
   text-indent: 12px;
   text-decoration: none;
   line-height: 29px;
   color: #4B5B5D;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
 }
 
 .artmenu ul ul a
 {
   margin-left: auto;
 }
 
 .artmenu ul li a:hover
 {
   color: #000000;
   border-color: #BEC9CB;
   background-position: 0 -29px;
 }
 
 .artmenu ul li:hover>a
 {
   color: #000000;
   border-color: #BEC9CB;
   background-position: 0 -29px;
 }
 
 .nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
 {
   color: #000000;
 }
 
 .nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
 {
   color: #000000;
 }
 
 
 /* end MenuSubItem */
 
 /* begin ContentLayout */
 .contentLayout
 {
   margin-bottom: 0px;
   width: 980px;
   position: relative;
 }
 /* end ContentLayout */
 
 /* begin Box, Block */
 .Block
 {
   overflow: hidden;
   min-width:1px;
   min-height:1px;
   margin: 0 auto;
   position: relative;
   z-index: 0;
 }
 
 
 .Block-body
 {
   position: relative;
   z-index: 0;
   margin: 0px;
 }
 
 
 .Block
 {
   margin: 10px;
 }
 
 /* end Box, Block */
 
 /* begin BlockHeader */
 .BlockHeader
 {
   position: relative;
   overflow: hidden;
   height: 30px;
   z-index: 0;
   line-height: 30px;
   padding: 0 7px;
   margin-bottom: 0px;
 
 }
 
 .BlockHeader-text
 {
   white-space : nowrap;
   color: #0A1519;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   line-height: 30px;
 }
 
 
 .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
 {
   top: 0;
   position: absolute;
   z-index: -1;
   overflow: hidden;
   height: 30px;
 }
 
 .BlockHeader .l
 {
   left: 0;
   right: 2px;
 }
 
 
 .BlockHeader .r
 {
   right: 0;
   width: 2px;
 }
 
 
 .BlockHeader .r div
 {
   width: 980px;
   right: 0;
 }
 
 
 .BlockHeader .l, .BlockHeader .r div
 {
   background-position: left top;
   background-repeat: no-repeat;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockHeader.png');
 }
 
 
 
 .header-tag-icon
 {
   display:inline-block;
   background-position:left top;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockHeaderIcon.png');
   padding:0 0 0 22px;
   background-repeat: no-repeat;
   min-height: 15px;
   margin: 0 0 0 5px;
 }
 
 
 
 
 /* end BlockHeader */
 
 /* begin Box, BlockContent */
 .BlockContent
 {
   overflow: hidden;
   min-width:7px;
   min-height:7px;
   margin: 0 auto;
   position: relative;
   z-index: 0;
 }
 
 
 .BlockContent-body
 {
   position: relative;
   z-index: 0;
   margin: 5px;
 }
 
 .BlockContent-tl
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   left: 0;
   width: 3px;
   height: 3px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
 }
 
 .BlockContent-tr
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   right: 0;
   width: 3px;
   height: 3px;
 }
 
 .BlockContent-tr div
 {
   position: absolute;
   z-index: -1;
   top: 0px;
   left: -3px;
   width: 6px;
   height: 6px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
 }
 
 .BlockContent-bl
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   bottom: 0;
   left: 0;
   width: 3px;
   height: 3px;
 }
 
 .BlockContent-bl div
 {
   position: absolute;
   z-index: -1;
   top: -3px;
   left: 0;
   width: 6px;
   height: 6px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
 }
 
 .BlockContent-br
 {
   position: absolute;
   overflow: hidden;
   z-index: -1;
   bottom: 0;
   right: 0;
   width: 3px;
   height: 3px;
 }
 
 .BlockContent-br div
 {
   position: absolute;
   z-index: -1;
   top: -3px;
   left: -3px;
   width: 6px;
   height: 6px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
 }
 
 .BlockContent-tc
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 0;
   left: 3px;
   right: 3px;
   height: 3px;
 }
 
 .BlockContent-tc div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 6px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-h.png');
 }
 
 .BlockContent-bc
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   bottom: 0;
   left: 3px;
   right: 3px;
   height: 3px;
 }
 
 .BlockContent-bc div
 {
   position: absolute;
   z-index: -1;
   top: -3px;
   left: 0;
   width: 100%;
   height: 6px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-h.png');
 }
 
 .BlockContent-cl
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 3px;
   left: 0;
   width: 3px;
   bottom: 3px;
 }
 
 .BlockContent-cl div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   width: 6px;
   height: 100%;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-v.png');
 }
 
 .BlockContent-cr
 {
   position: absolute;
   overflow:hidden;
   z-index: -1;
   top: 3px;
   right: 0;
   width: 3px;
   bottom: 3px;
 }
 
 .BlockContent-cr div
 {
   position: absolute;
   z-index: -1;
   top: 0;
   left: -3px;
   width: 6px;
   height: 100%;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-v.png');
 }
 
 .BlockContent-cc
 {
   position: absolute;
   overflow:hidden;
   z-index: -2;
   top: 3px;
   left: 3px;
   right: 3px;
   bottom: 3px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-c.png');
 }
 
 
 .BlockContent-body
 {
   color:#1B2122;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
 }
 
 .BlockContent-body a:link
 {
   color: #176582;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
 }
 
 .BlockContent-body a:visited, .BlockContent-body a.visited
 {
   color: #718A8E;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
 }
 
 .BlockContent-body a:hover, .BlockContent-body a.hover
 {
   color: #1F87AD;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
 }
 
 
 .BlockContent-body ul
 {
   list-style-type: none;
   color: #092934;
   margin:0;
   padding:0;
 }
 
 .BlockContent-body li
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
 }
 
 .BlockContent-body ul li
 {
   padding:0px 0 0px 14px;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContentBullets.png');
   background-repeat:no-repeat;
   margin:0.5em 0 0.5em 0;
   line-height:1.2em;
 }
 
 /* end Box, BlockContent */
 
 /* begin Box, Post */
 .Post
 {
   overflow: hidden;
   min-width:1px;
   min-height:1px;
   margin: 0 auto;
   position: relative;
   z-index: 0;
 }
 
 
 .Post-body
 {
   position: relative;
   z-index: 0;
   margin: 12px;
 }
 
 
 .Post
 {
   margin: 10px;
 }
 
 
 /* Start http://www.champroz.com/wp-content/themes/BlueElegance/images */
 a img
 {
   border: 0;
 }
 
 .article img, img.article
 {
   border-style: solid;
   border-width: 0px;
   border-color: #9AC4D6;
   margin: 1em;
 }
 
 .metadata-icons img
 {
   border: none;
   vertical-align: middle;
   margin:2px;
 }
 /* Finish http://www.champroz.com/wp-content/themes/BlueElegance/images */
 
 /* Start tables */
 
 .article table, table.article
 {
   border-collapse: collapse;
   margin: 1px;
   width:auto;
 }
 
 .article table, table.article .article tr, .article th, .article td
 {
   background-color:Transparent;
 }
 
 .article th, .article td
 {
   padding: 2px;
   border: solid 1px #63C1E3;
   vertical-align: top;
   text-align:left;
 }
 
 .article th
 {
   text-align:center;
   vertical-align:middle;
   padding: 7px;
 }
 
 
 
 /* Finish tables */
 /* end Box, Post */
 
 /* begin PostHeaderIcon */
 .PostHeaderIcon-wrapper
 {
   text-decoration:none;
   margin: 0.2em 0;
   padding: 0;
   font-weight:normal;
   font-style:normal;
   letter-spacing:normal;
   word-spacing:normal;
   font-variant:normal;
   text-decoration:none;
   font-variant:normal;
   text-transform:none;
   text-align:left;
   text-indent:0;
   line-height:inherit;
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 24px;
   color: #D8F0F8;
 }
 
 .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 24px;
   color: #D8F0F8;
 }
 
 /* end PostHeaderIcon */
 
 /* begin PostHeader */
 .PostHeader a:link
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #C2E7F4;
 }
 
 .PostHeader a:visited, .PostHeader a.visited
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #E6F0F5;
 }
 
 .PostHeader a:hover, .PostHeader a.hovered
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #84B7CD;
 }
 /* end PostHeader */
 
 /* begin PostIcons */
 .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #FFFFFF;
 }
 
 .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
 {
   margin:0;
 }
 
 .PostHeaderIcons a:link
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #6CC5E5;
 }
 
 .PostHeaderIcons a:visited, .PostHeaderIcons a.visited
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
   color: #6CC5E5;
 }
 
 .PostHeaderIcons a:hover, .PostHeaderIcons a.hover
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #97D6ED;
 }
 
 
 /* end PostIcons */
 
 /* begin PostContent */
 /* Content Text Font & Color (Default) */
 body
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #CFD7D8;
 }
 
 .PostContent
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-align: justify;
   color: #CFD7D8;
 }
 
 /* Start Content link style */
 /*
 The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
 http://www.w3schools.com/CSS/css_pseudo_classes.asp
 http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
 */
 a
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #97D6ED;
 }
 
 /* Adds special style to an unvisited link. */
 a:link
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #97D6ED;
 }
 
 /* Adds special style to a visited link. */
 a:visited, a.visited
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #9FAFB2;
 }
 
 /* :hover - adds special style to an element when you mouse over it. */
 a:hover, a.hover
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #84B7CD;
 }
 
 /* Finish Content link style */
 
 /* Resert some headings default style & links default style for links in headings*/
 h1, h2, h3, h4, h5, h6,
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
 {
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
 }
 
 
 /* Start Content headings Fonts & Colors  */
 h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 32px;
   color: #6CC5E5;
 }
 
 h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 24px;
   color: #97D6ED;
 }
 
 h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 19px;
   color: #BBC7C9;
 }
 
 h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 16px;
   color: #CFD7D8;
 }
 
 h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #CFD7D8;
 }
 
 h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
 {
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-size: 11px;
   color: #CFD7D8;
 }
 /* Finish Content headings Fonts & Colors  */
 
 /* end PostContent */
 
 /* begin PostBullets */
 /* Start Content list */
 
 ul
 {
   list-style-type: none;
   color: #C4CECF;
   margin:0;
   padding:0;
 }
 
 li
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
 }
 
 
 
 
 
 /* Finish Content list */
 /* end PostBullets */
 
 /* begin PostQuote */
 /* Start blockquote */
 
 blockquote p
 {
   color:#05141A;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
 }
 
 blockquote
 {
   border-color:#9AC4D6;
   border-width: 0px;
   border-style: solid;
 
   margin:10px 10px 10px 50px;
   padding:5px 5px 5px 27px;
 
   background-color:#CCE1EA;
 
   background-image:url('http://www.champroz.com/wp-content/themes/BlueElegance/images/PostQuote.png');
   background-position:left top;
   background-repeat:no-repeat;
 }
 
 
 
 /* Finish blockuote */
 /* end PostQuote */
 
 /* begin PostMetadata */
 
 .PostMetadataFooter
 {
 
   background-color: #CCE1EA;
   border-color: #9AC4D6;
   border-style: dashed;
   border-width: 1px;
   padding:3px;
 }
 
 
 
 
 /* end PostMetadata */
 
 /* begin PostIcons */
 .PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #5F7477;
 }
 
 .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
 {
   margin:0;
 }
 
 .PostFooterIcons a:link
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #16627E;
 }
 
 .PostFooterIcons a:visited, .PostFooterIcons a.visited
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #16627E;
 }
 
 .PostFooterIcons a:hover, .PostFooterIcons a.hover
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1E84A9;
 }
 
 
 /* end PostIcons */
 
 /* begin Button */
 button.Button, a.Button
 {
   position:relative;
   display:inline-block;
   width: auto;
   outline:none;
   border:none;
   background:none;
   line-height:27px;
   margin:0;
   padding:0;
   overflow: visible;
   cursor: default;
   text-decoration: none !important;
 }
 
 
 /*This HACK needed for ie7 (button position)*/
 *:first-child+html button.Button, *:first-child+html a.Button
 {
   display:list-item;
   list-style-type:none;
   float:left;
 }
 
 
 .Button .btn
 {
   position: relative;
   overflow: hidden;
   display: block;
   width: auto;
   z-index: 0;
   height: 27px;
   color: #293233;
   white-space: nowrap;
   float: left;
 }
 
 .Button .t
 {
   height:27px;
   white-space: normal;
   padding: 0 10px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   text-align: left;
   line-height: 27px;
   text-decoration: none !important;
 }
 
 input, select
 {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
 }
 
 .Button .active
 {
   color: #EDF4F8;
 }
 
 .Button .hover,  a.Button:hover
 {
   color: #0E3D4E;
   text-decoration: none !important;
 }
 
 .Button .active .r
 {
   top: -54px;
 }
 
 .Button .hover .r
 {
   top: -27px;
 }
 
 .Button .r
 {
   display: block;
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   right: 0;
   width: 1px;
   height: 81px;
 }
 
 
 .Button .r span
 {
   display: block;
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   right: 0;
   width:403px;
   height: 81px;
 }
 
 
 .Button .active .l
 {
   top: -54px;
 }
 
 .Button .hover .l
 {
   top: -27px;
 }
 
 .Button .l
 {
   display: block;
   position: absolute;
   overflow: hidden;
   z-index: -1;
   top: 0;
   left: 0;
   right: 1px;
   height: 81px;
 }
 
 
 .Button .l, .Button .r span
 {
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Button.png');
 }
 
 /* end Button */
 
 /* begin Footer */
 .Footer
 {
   position:relative;
   z-index:0;
   overflow:hidden;
   width: 980px;
   margin: 5px auto 0px auto;
 }
 
 .Footer .Footer-inner
 {
   height:1%;
   position: relative;
   z-index: 0;
   padding: 15px;
   text-align: center;
 }
 
 .Footer .Footer-background
 {
   position:absolute;
   z-index:-1;
   background-repeat:no-repeat;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Footer.png');
   width: 980px;
   height: 100px;
   bottom:0;
   left:0;
 }
 
 
 
 .rss-tag-icon
 {
   position: relative;
   display:block;
   float:left;
   background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/rssIcon.png');
   background-position: center right;
   background-repeat: no-repeat;
   margin: 0 5px 0 0;
   height: 25px;
   width: 32px;
 }
 
 
 
 
 .Footer .Footer-text p
 {
   margin: 0;
 }
 
 .Footer .Footer-text
 {
   display:inline-block;
   color:#C6D0D2;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
 }
 
 .Footer .Footer-text a:link
 {
   text-decoration: none;
   color: #6EAAC4;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
 }
 
 .Footer .Footer-text a:visited
 {
   text-decoration: none;
   color: #26A9D9;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
 }
 
 .Footer .Footer-text a:hover
 {
   text-decoration: none;
   color: #92BFD3;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
 }
 /* end Footer */
 
 /* begin PageFooter */
 .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .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:#589DBB;
 }
 
 .page-footer
 {
   margin:1em;
   text-align:center;
   text-decoration:none;
   color:#7D9397;
 }
 /* end PageFooter */
 
 /* begin LayoutCell */
 .contentLayout .content
 {
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 686px;
 }
 
 /* end LayoutCell */
 
 /* begin LayoutCell */
 .contentLayout .sidebar1
 {
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 293px;
 }
 
 /* end LayoutCell */
 
 
 
 .commentlist, .commentlist li
 {
     background: none;
 }
 
 .commentlist li li
 {
     margin-left:30px;
 }
 
 .commentlist li .avatar
 {
   float: right;
   border: 1px solid #eee;
   padding: 2px;
   margin:1px;
   background: #fff;
 }
 
 .commentlist li cite
 {
   font-size:1.2em;
 }
 
 #commentform textarea
 {
   width: 100%;
 }
 
 img.wp-smiley
 {
     border:none;
     margin:0;
     padding:0;
 }
 
 .navigation
 {
 	display: block;
 	text-align: center;
 }
 
 /* Recommended by http://codex.wordpress.org/CSS */
 /* Begin */
 .aligncenter, div.aligncenter
 {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
 
 .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;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
 }
 
 .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;
 }
 /* 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;
 }

| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var |

css40