/*
Theme Name: City:Cheng Du Lite
Theme URI: http://xuui.net/wordpress/city-of-hibiscus-theme-release.html
Description: This is a simplified version of the theme of the City of Hibiscus. Inspired by the city of my life: ChengDu. This is dedicated to ChengDu. Designed and created by Xu.hel.
Version: 1.0
Author: Xu.hel
Author URI: http://xuui.net/
Tags: white, two-columns, fixed-width, theme-options, left-sidebar

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/ 

/* Basics */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,menu,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	color: #000;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,var,tt{
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	color: #666;
}
html{background:#efefee url(images/citybg.png) repeat-x;}
body{font:12px/1.5 "Lucida Grande", Helvetica, Tahoma, Arial, sans-serif;color:#6b7275;text-align:center;}
input,label,select,option,textarea,button,fieldset,legend{font-family:"Lucida Grande",Tahoma,sans-serif;font-size:13px;}
header,footer,aside,article,section,hgroup,nav,figure{display:block;}
abbr,acronym{border:none;font-variant:normal;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none;}
ul,ol,menu{list-style:none outside none;}
fieldset,img{border:none;}
input{resize:horizontal;}
textarea{resize:both;}
a{color:#0ab2e6;text-decoration:none;}
a:hover{
	color:#00F;
	text-decoration:underline;
}
.clear{clear:both;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}
:focus{outline:0;}
:link,:visited,ins{text-decoration:none;}
::-moz-selection{background:#b5d5ff;color:#000;}
::selection{background:#b5d5ff;color:#000;}
/*!important*/

/* Background Images */
body.citybycls1{background-image:url(city/city_bg00.jpg);}
body.citybycls2{background-image:url(city/city_bg01.jpg);}
body.citybycls3{background-image:url(city/city_bg02.jpg);}
body.citybycls4{background-image:url(city/city_bg03.jpg);}
body.citybycls5{background-image:url(city/city_bg04.jpg);}

/* Wrapper */
#wrapper{margin:0 auto;width:980px; background-color:#FFF}

/* layout */
header{height:216px;}
#content{background:transparent url(images/content_bg.png) repeat-y;behavior:url(scripts/iepngfix.htc);padding:10px 11px 30px;}
#content .postlist{float:right;overflow:hidden;display:inline-block;margin:0 30px 0 0;width:610px;}
aside{float:left;overflow:hidden;width:290px;text-align:left;}
footer{clear:both;background:#3e464f url(images/fooder.png) repeat-x;border-top:6px solid #9faaae;width:100%;text-shadow:0 1px 1px #292e34;}

/* Header */
header .hidden{display:none;}
header hgroup{height:106px;}
header h1,header .description{text-align:left;}
header h1{display:block;margin:18px 0 1px 25px;height:36px;line-height:36px;font-size:30px;font-weight:700;}
header h1,header h1 a{color:#90969a;text-shadow:0 1px 0 #fff;}
header h1 a:hover{text-decoration:none;text-shadow:0 1px 0 #fff;}
header .description{overflow:hidden;margin:0 0 17px 32px!important;margin:0 0 17px 16px;width:800px;height:17px;line-height:17px;color:#a5acb0;font-size:14px;text-shadow:0 1px 0 #f6f6f6;font-style:italic;}
header .logo{float:left;display:block;background:transparent url(images/logo.png) no-repeat 0 0;behavior:url(scripts/iepngfix.htc);margin:39px 0 0 37px;width:206px;height:33px;}

/* Menus Nav */
header nav{clear:both;overflow:hidden;background:transparent url(images/header_bg.png) no-repeat;behavior:url(scripts/iepngfix.htc);padding:14px 11px 0;height:96px;text-align:left;}
header menu{list-style:none;}
header nav menu{float:left;overflow:hidden;margin:26px 8px 0px;height:40px;width:944px;}
header nav menu li{float:left;}
header nav menu li a{display:block;background:url(images/menus.png) no-repeat 0 40px;behavior:url(scripts/iepngfix.htc);padding:8px 7px 0;width:89px;height:32px;color:#737575;text-align:center;line-height:31px;font-size:13px;text-shadow:0 1px 0 #fff;outline:none;}
header nav menu li a:hover{background-position:0 0;color:#737575;text-decoration:none;}
header nav menu li.current_page_item a{background-position:0 -40px;color:#252c33;}
header nav menu li.current_page_item a:hover{color:#000;}

/* Search */
.search{float:right;display:block;background:transparent url(images/searchbox.png) no-repeat 0 0;margin:0 27px 0 0;width:262px;height:45px;}
.search div{margin:9px 11px 13px;}
.search .text{border:1px solid #7e9db9;padding:2px;width:234px;height:17px;line-height:16px;color:#666;}
.search .submit{display:none;}

/* Feed Rss*/
#feed{float:left;margin:0 0 30px;width:290px;height:48px;}
#feed .rss{display:block;overflow:hidden;background:#7f868d url(images/feedrss.png) no-repeat;width:290px;height:48px;text-indent:-99em;}
#feed .rss:hover{background-position:0 -48px;}

/* Post */
article{overflow:hidden;background:url(images/postbg.png) no-repeat right bottom;margin:0 0 10px;padding:5px 10px 5px 0;text-align:left;}
article .title{height:38px}
article .title h3{float:right;padding:20px 0 0;font-style:italic;font-size:12px;color:#99a69d;}
article .title h2{color:#444d52;font-size:20px;font-weight:700;line-height:1.5;text-shadow:1px 1px 2px #aaa;}
article .title h2 a{color:#444d52;}
article .title h2 a:hover{text-decoration:underline;}
article .entry{font-size:12px;margin:13px 0;line-height:180%;text-shadow:0 1px 0 #e5e5e5;}
article .entry h1,article .entry h2,article .entry h3,article .entry h4,article .entry h5,article .entry h6{display:block;}
article .entry h1{font-size:2em;font-weight:bold;margin:.67em 0;}
article .entry h2{font-size:1.5em;font-weight:bold;margin:.83em 0;}
article .entry h3{font-size:1.17em;font-weight:bold;margin:1em 0;}
article .entry h4{font-weight:bold;margin:1.33em 0;}
article .entry h5{font-size:0.83em;font-weight:bold;margin:1.67em 0;}
article .entry h6{font-size:0.67em;font-weight:bold;margin:2.33em 0;}
article .entry b,article .entry strong{font-weight:bolder;}
article .entry i,article .entry cite,article .entry em,article .entry var,article .entry dfn{font-style:italic;}
article .entry small{font-size:smaller;}
article .entry th,article .entry td{display:table-cell;vertical-align:inherit;padding:1px;}
article .entry th{font-weight:bold;padding:1px;}
article .entry td{text-align:inherit;padding:1px;}
article .entry p{margin:10px 0;}
article .entry b,article .entry strong{font-weight:700;}
article .entry i,article .entry em{font-style:italic;}
article .entry ol,article .entry ul{clear:both;}
article .entry ol li{background:none;list-style:decimal inside;text-indent:1.2em;}
article .entry ul li{list-style:url(images/list.png) inside;text-indent:1.2em;}
article .entry img{border:1px solid #fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
article .entry a{margin:0 1px;padding:0 1px;color:#5285cc;text-decoration:underline;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}
article .entry a:hover{background-color:#5285cc;color:#fff;text-decoration:none;text-shadow:1px 1px 0 #0964a0;}
article .postmeta{color:#99a69d;}
article .postmeta .author{float:right;background:url(images/postavatar.png) no-repeat;width:32px;height:32px;}
article .postmeta .author img{margin:3px 4px 0;width:24px;height:24px;}
article .postmeta a{padding:1px 3px;color:#6a776d;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}
article .postmeta a:hover{color:#333;}
article a.more-link{background:#fff url(images/readmore.png) no-repeat;padding:2px 22px 4px 10px;width:209px;height:21px;color:#fff;text-shadow:none;text-decoration:none;border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;-khtml-border-radius:none;}
article a.more-link:hover{background-color:#fff;text-decoration:none;text-shadow:0 1px 0 #6b911f;}

/* Sidebar */
aside .postside{clear:left;float:none;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;}
aside h3{border-bottom:2px dashed #e9c4c1;padding:9px 10px 3px;line-height:2;color:#3e464f;font-weight:700;font-size:14px;text-shadow:0 1px 0 #fff;}
aside a{color:#686f76;}
aside ul{border:2px dashed #c1d1a5;margin:0 0 30px 30px;padding:5px 18px;}
aside ul#side{background:transparent url(images/sidesun.png) no-repeat right bottom;}
aside li ul{border:none;margin:0;padding:8px 22px;}
aside li ul li{list-style:url(images/list.png) inside;}
aside li ul li ul{padding:0 7px;}
aside li.reavatar div{padding:7px 4px 5px;}
aside li.reavatar div a img{background:#fff;border:1px solid #cfcfcf;padding:1px;}

/* Comments */
#comments{overflow:hidden;text-align:left;}
h3#comments-title,h3#reply-title{font-style:italic;font-variant:small-caps;font-size:14px;font-weight:700;color:#5f6a72;}
h3#comments-title{margin:10px 0;}
h3#reply-title{margin:18px 0 10px;}
.comment-list{}
.comment-list li{padding:5px 0 0;}
.comment-list li .list{border-top:1px dotted #b3b3b3;padding:10px 1px 5px;color:#333;}
.comment-list li .list a{color:#888a85;}
.comment-list li .list .avatar{float:left;background:url(images/gavatar_bg.png) no-repeat;border:1px solid #ccc;margin-right:8px;padding:1px;height:32px;width:32px;}
.comment-list .list .comment-meta{float:right;}
.comment-list .list .comment-meta a{color:#808080;}
.comment-list .list .comment-meta a:hover{color:#808080;}
.comment-list .list cite{float:left;color:#808080;}
.comment-list .list cite a{color:#808080;}
.comment-list li .children{border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-left:36px;padding:0 0 0 10px;}
.comment-list li .cmconts{border-top:1px dotted #b3b3b3;padding:10px 5px 5px;color:#333;}
.comment-list li.pingback{border-top:1px dotted #b3b3b3;padding:15px 15px 10px;color:#333;}
.comment-list li.pingback a{color:#5285cc;}

/* Comments form */
#respond{position:relative;overflow:hidden;border-top:1px solid #e7e7e7;margin:24px 10px;padding-bottom:18px;text-align:left;}
.comment-list #respond{margin:0 0 10px 36px;border:1px dashed #ccc;padding:5px 10px;}
.comment-list .children #respond{margin:0 0 10px 42px;}
.comment-list #respond h3#reply-title{margin:0 0 8px;}
.comment-list #respond textarea{width:99%;}
#respond label{margin-left:5px;color:#888;}
#respond .required{color:#ff4b33;font-weight:bold;}
#respond input[type=text]{border:1px solid #889194;margin:0 0 9px;width:260px;height:13px;}
#respond textarea{border:1px solid #889194;width:500px;}
#respond input[type=text],#respond textarea{display:block;background:#fff url(images/input_bg.png) repeat-x;margin:3px 0;padding:3px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
#respond input[type=text]:focus,#respond textarea:focus{border-color:#f57900;-moz-box-shadow:0 0 5px #fd0;-webkit-box-shadow:0 0 5px #fd0;-khtml-box-shadow:0 0 5px #fd0;}
#respond #submit{overflow:hidden;display:block;background:transparent url(images/submit.png) no-repeat 0 0;border:none;outline:none;margin:5px 0;width:130px;height:24px;color:#d7d7d7;line-height:24px;text-indent:999em;text-shadow:none;}
#respond #submit:hover{background-position:0 -24px;}
#respond #submit:active{background-position:0 -48px;}

/* Navigation */
.navigation{clear:both;padding:15px 0 5px;text-align:center;}
.navigation a{padding:0;color:#1b4486;}
.navigation a:hover{}
.navigation .alignleft a,.navigation .alignright a{border:1px solid #ebeded;padding:5px 12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.navigation .alignleft a:hover,.navigation .alignright a:hover{background:#eee;border-color:#ccc;color:#000;}

/* next & previous post navigation */
.post-nav{clear:both;font-size:95%;}
.post-nav a, .post-nav a:visited{color:#999;text-decoration:none;}
.post-nav a:hover{color:#000;text-decoration:none;}
.post-nav .previous a{float:left;padding-left:20px;}
.post-nav .next a{float:right;padding-right:20px;text-align:right;}

/* Footer */
footer .footwarp{background:url(images/footcd.png) no-repeat right bottom;}
footer .footbar{background:url(images/footbar.png) no-repeat center 1px;margin:0 auto;width:960px;min-height:180px;color:#b4bbc2;}
footer .footbar li{float:left;display:block;margin:10px;width:300px;text-align:left;}
footer .footbar li h3{font-size:18px;font-weight:700;text-shadow:1px 1px 2px #292e34;color:#b4bbc2;}
footer .footbar li ul{padding:8px 5px;}
footer .footbar li ul li{margin:0;list-style:circle outside;}
footer .footbar li ul.tags li{float:none;display:inline;margin:0;}
footer .footbar li a{color:#b4bbc2;}
footer .footbar li a:hover{color:#fff;}
footer .hoster{background:url(images/footline.png) no-repeat top center;margin:0 auto;padding:10px 0;width:960px;line-height:39px;text-align:center;}
footer p{color:#818d99;text-align:left;}
footer p a{color:#818d99;}
footer p a:hover{color:#818d99;}

/* Hosted */
footer .wplogo{float:left;display:block;background:url(images/wp_logo.png) no-repeat;width:39px;height:39px;}

/* Archive */
.archive{overflow:hidden;background:#f0eef0;margin:0 0 20px;padding:5px 15px;text-align:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.archive .title{color:#666;font-size:13px;font-style:italic;text-align:left;}

/* Archives */
#archives #arslink{float:left;display:block;margin:0 0 10px;padding:0;width:100%;list-style-type:none;}
#archives #arslink li{float:left;border:none;margin:2px;padding:0;width:24%;list-style:none outside;line-height:23px;text-align:center;}
#archives #arslink li a{display:block;background:#fff;border:1px solid #eee;padding-left:5px;color:#147;font-size:12px;text-decoration:none;}
#archives #arslink li a:hover{background:#0fade5;border-color:#08f;color:#fff;text-shadow:0 1px 0 #08f;}
#archives{width:100%;}
#archives .line{padding:10px 0 0;}
#archives ul{clear:left;margin:0 0 10px 0;list-style-type:none;}
#archives ul li{background-position:-51px -200px;border-bottom:1px solid #eee;line-height:250%;text-indent:0;}
#archives ul li a{display:block;padding:0 0 0 1.2em;border:none;color:#5285cc;text-decoration:none;}
#archives ul li a:hover{border-color:#08f;color:#fff;}

/* linkpage */
#linkpage{padding:0 0 10px 0px;}
#linkpage h2{color:#1b232a;font-size:18px;font-weight:700;line-height:25px;text-shadow:1px 1px 2px #999; margin-bottom:6px;}
#linkpage ul li{list-style-type:none;display:block;width:100%;float:left;margin:0 0 10px;padding:0;}
#linkpage ul li ul li{width:32%;float:left;list-style:none;line-height:23px;height:23px;margin:2px 1px;text-align:center;border:1px solid #fff;}
#linkpage ul li ul li a{display:block;border:1px solid #eee;font-size:12px;text-decoration:none;color:#147;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
#linkpage ul li ul li a:hover{background:#0fade5;border-color:#08f;color:#fff;text-shadow:0 1px 0 #08f;}

/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;}


#content1{background:transparent url(images/content_bg.png) repeat-y;behavior:url(scripts/iepngfix.htc);padding:10px 11px 30px; padding-left:30px; padding-right:30px; font-size:14px;text-align:left}

#content2{background:transparent url(images/content_bg.png) repeat-y;behavior:url(scripts/iepngfix.htc);padding:10px 11px 30px; padding-left:30px; padding-right:30px; font-size:14px;
text-align:left}
#content0{background:transparent url(images/content_bg.png) repeat-y;behavior:url(scripts/iepngfix.htc);padding:10px 11px 30px;font-size:13px;text-align:left}
#content3{padding:10px 11px 30px; padding-left:30px; padding-right:30px;text-align:left}

#content4{
	text-align:left;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}

#r1{width:150px;height:203px;float:right; position:fixed !important; top:200px;position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:0px;} 

#dir{ width:100%; border-left:#FFF solid 1px;border-top: #FFF solid 1px;border-collapse:collapse;} 
#dir td{width:25%;border-right:#C8B9AE solid 1px;border-bottom:#C8B9AE solid 1px;background-color: #FFF;padding:10px 11px 30px; padding-left:30px; padding-right:30px; text-align:left;}


 #content5{
	padding:10px 11px 30px;
	padding-left:30px;
	padding-right:30px;
	font-size:15px;
	text-align:center;
	color:#FFF;
	background-color: #333;
}

#content6"{text-align:center}

/* Made on a Mac */