/*  
Theme Name: Luzhu
Theme URI: http://www.jishijia.cn/
Description: Parisevi Simple Ch this theme was designed and built by J4 of <a href="http://www.jishijia.cn/">Ji Shijia Blog</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my website link under your footer.
Version: 1.0
Author: J4 
Author URI: http://www.jishijia.cn/
*/

body { 
	padding: 0; 
	margin: 0; 
	font: 0.8em  Arial, sans-serif; 
	line-height: 1.5em;
	background: #5C6C7C url(http://www.luzhu.net/images/body.jpg) repeat-x;
	color: #454545; 
}

a {
	color: #185DA0;
	background: inherit;
	text-decoration: underline;
}

a:hover {
	color: #8e8d95;
	background: inherit;
	text-decoration: none;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}

img { border:none;
}


h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

h3 { 
    font-size: 14px;
    margin:0 5px 0 0;
    padding: 2px 2px 2px 0;
}

p {	
	margin: 0 0 5px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

li { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.submit {
	background: url(../images/submit.gif) no-repeat;
	border: 1px solid #ccc;
	padding: 2px 0 0 0;
	width: 55px;
	margin: 0 5px 1px 0;
	color: #fff;
	font: bold 1em Arial, sans-serif;
	*font: bold 0.9em Arial, sans-serif !important;
}

input.login { 
	width: 150px;
	border: none; 
	background: url(logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */

#content { 
	margin: 10px auto;
	width: 960px; 
}

.header {   
    height: 75px;
	border-bottom: 1px solid #fff;
}

.top_info_left {
	float: left;
	width: 230px;
	padding: 0 0 4px 0;
}

.top_info_right {
	float: right;
	width: 226px;
	padding: 0 0 4px 0;
	color: #fff;
	*font: 0.9em  Arial, sans-serif !important;
}

.top_info_right a {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

.top_info_right a:hover {
	color: #8e8d95;
	background: inherit;
	text-decoration: none;	
}

.nav{
    position:relative;
    color:#fff;
    text-decoration:none;
}
.nav:hover{
    background:none;
    color:#8e8d95;
	text-decoration: none;
}
.nav span {
    display:none;
}
.nav:hover span{
    display:block;
    position:absolute;top:15px;left:-4px;
	border-top:1px solid #ccc;
}
.nav:hover span p {
    color:#c30;
    text-align:left;
    padding:5px;
	margin:0;
    border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    background:#fff; 
	white-space:nowrap;
}

.nav:hover span p a {
    color:#252C36;
}

.nav:hover span p a:hover { 
    color:#8e8d95;
}

.tip, .tip-btm{
    position:relative;
    color:#c30;
    text-decoration:none;
}
.tip:hover, .tip-btm:hover{
    background:none;
    color:#000;
	text-decoration: none;
}
.tip span, .tip-btm span {
    display:none;
}
.tip:hover span {
    display:block;
    position:absolute;top:15px;left:-150px;
}

.tip:hover span p {
    color:#f60;
    text-align:left;
    padding:5px;
	margin:0;
    border:1px solid #ccc;
    background:#fff; 
	white-space:nowrap;
}

.tip-btm:hover span{
    display:block;
    position:absolute;top:18px;left:0;
}

.tip-btm:hover span p {
    color:#f60;
    text-align:left;
    padding:5px;
	margin:0;
    border:1px solid #fff;
    background:#fff; 
	white-space:nowrap;
}	

.top_info {
	float: right;
	width: 700px;
	padding: 0 0 4px 0;
	
}
	
.browse_category  {
	font-size: 0.9em;
	width: 35px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #ccc;
	margin: 5px 0 5px 0; 
}

.bar a {
	color: #ccc;
	background: inherit;
	text-decoration: underline;
}

.bar a:hover {
	color: #ccc;
	background: inherit;
	text-decoration: none;	
}

.bar_left {
    margin: 2px 5px 2px 5px;
	padding: 2px;
	float:left;
}

.bar_right { 	
    margin: 2px 5px 2px 5px;
	padding: 2px;
	float: right;	
}	

	.bar li { 
		margin: 0; 
		padding: 7px 7px 5px 7px;
		color: #185DA0;
		background: #fff;
		float: left; 
	}
	
	.bar li.active { 
		background: #fff url(../images/bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #185DA0; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
	    background: #fff;
		color:#c30; 
		background: inherit;
	} 

.search_field { 
	background-color: #252C36; 
	color: #fff;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 6px 0 0 0;
	float:right;
}

.search_form { 
    background: #252C36;
    float: right; }

.subheader {
	color: #fff;
	padding: 5px 1px;
	margin: 0 0 3px 0;
}

.subheader a {
	color: #fff;
	background: inherit;
	text-decoration: none;
}

.subheader a:hover {
	color: #8e8d95;
	background: inherit;
	text-decoration: none;	
}

/* image
  --------- */
		
.image {
	float: left;
	margin: 0 9px 3px 0;
}

.image_right {
    float: right;
	margin: 0 0 3px 9px;
}	

.image_top {
	margin: 0 3px 0 3px;
}

.image_headline {
    margin: 5px 0 0 0;
}

.image_right_sp {
    float: right;
	margin: 0 3px 0 3px;
}	

/* left side
   --------- */

.left {
	float: left;
	width: 732px;
	margin: 0 0 10px 0;
	padding: 0;
}

/* left index
   --------- */
   
   .left_cate { float: left;
	width: 360px;
	margin: 0 0 10px 0;
	padding: 0;
}

    .left_cate_box {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px 5px 5px 5px;
		margin: 0 0 10px 0;
		font: 1.2em  Arial, sans-serif;
		height: 170px;
		clear: both;
	}
	
	.left_center { float: left;
	width: 360px;
	margin: 0 0 10px 12px;
	padding: 0;
}

    .left_center_box {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px 5px 5px 5px;
		margin: 0 0 10px 0;
		font: 1.2em  Arial, sans-serif;
		height: 170px;
		clear: both;
	}
	
	.left_center_box ul, .left_cate_box ul { margin: 1px 0 2px 0;
	padding: 1px 2px;
	}
	
	.left_center_box li, .left_cate_box li { line-height: 1.2em;
	padding: 1px 0 2px 0; 
	}
	
	.left_center_box ul:first-child, .left_cate_box ul:first-child {
    margin:  0 0 2px 0;
	padding: 0 2px;
}

   .left_center_box li:first-child, .left_cate_box li:first-child { 
	padding: 0 0 2px 0;
	}
	
	 .left_center_img {
		background: #fff;
		color: #000;
		border: 1px solid #fff;
		padding: 5px;
		margin: 0 0 10px 0; 
		clear: both;
	}
   

/* left list and single
   --------- */
		
	.left_box {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 0;
		font: 1.2em  Arial, sans-serif; 
		clear: both;
	}

        .left_box code { background: #f0f0f0; border: 1px solid #ccc; display:block; padding: 10px; }

        .left_box blockquote { background: #ffc; border: 1px solid #ccc; display:block; padding: 10px; }
	
	.left_box p { line-height: 1.5em; padding: 3px 0 3px 0;
	}
	
	.left_box_bottom {
		color: #fff;
		padding: 10px 5px 0 5px;
		margin: 0;
		height: 170px;
		font: 1.2em  Arial, sans-serif; 
		clear: both;
	}
	
	.left_box_bottom a {
	color: #fff;
	background: inherit;
	text-decoration: underline;
}

    .left_box_bottom a:hover {
	color: #fff;
	background: inherit;
	text-decoration: none;	
}
	
    .left_box_rent { 
        float: left;
	    width: 350px;
        padding: 3px 0 0 5px; 
	    margin: 0;
        display:block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;}
	
	.left_box_bottom li { line-height: 1.5em;
	}
	
	.left_img_bottom {
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		clear: both;
	}
	
    .left_box_y {
		background: #ffc;
		color: #000;
		border: 1px solid #fff;
		padding: 5px 5px 0 5px;
		margin: 0 0 10px 0;
		clear: both;
	}
	
	.left_box_nav {
		background: #fff url(../images/top-nav.gif) repeat-x left top;
		color: #000;
		border: 1px solid #fff;
		padding: 10px 5px 10px 5px;
		margin: 5px 0 10px 0;
		font-size: 1.0em;
	}
	
	.left_box_text {
		background: #fff ;
		color: #000;
		border: 1px solid #fff;
		padding: 10px 5px 10px 5px;
		margin: 0 0 10px 0;
	}
	
	.left_box_text p { 
		border-bottom: 1px dotted #ccc;
	}
	
    .box_nav { text-align:center; 
        font-weight: bold; 
        font-size: 1.2em; 
        padding: 3px 0 3px 5px; 
	    margin: 0;
		border-bottom: 1px solid #ddd;}
		
    .box_nav_un { text-align:center; 
        font-weight: bold; 
        font-size: 1.2em; 
        padding: 3px 0 3px 5px; 
	    margin: 0;
		border-bottom: 1px solid #fff;}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 214px;
	margin: 0 0 0 0;
	padding: 0 ;
}


	.right_articles {
		background: #fff;
		border: 1px solid #ccc;
		color: #808080;
		padding: 10px;
		margin: 0 0 10px 0;
		clear: both;
	}

       .right_reg {
		background: #fff;
		border: 1px solid #ccc;
		color: #808080;
		padding: 5px;
		margin: 0 0 10px 0;
		clear: both;
	}

.right_articles a {
	color: #185DA0;
	background: inherit;
	text-decoration: none;
}

.right_articles a:hover {
	color: #8e8d95;
	background: inherit;
	text-decoration: none;	
}
	
	.right_box_img {
		background: #fff;
		color: #000;
		padding: 10px;
		margin: 0 0 10px 0;
		clear: both;
	}
	
	.right_box_cont {
		background: #fff;
		color: #000;
		padding: 10px;
		margin: 10px 0 10px 0;
		clear: both;
	}

        .right_box {
		background: #ffc;
		border: 1px solid #ccc;
		color: #000;
		padding: 10px;
		margin: 0 0 10px 0;
		clear: both;
	}

/* footer
   ------ */
   
.footer_top { 
	clear: both;
	text-align: center;
	padding: 0;
	margin: 10px auto;
	border-top: 1px dotted #ccc;
	line-height: 1.3em;
} 

.footer li {
margin-left: 0;
*margin-left: 0 !important; /* only IE7*/
*margin-left: 0; /* only IE6 and before*/
list-style : disc;
display:inline;
padding: 0 4px 0 0;
} 

.footer { 
    text-align: center;
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	color: #ccc;
	line-height: 1.8em;
}

.footer_em  { 
	color: #333;
        font: 12px  Arial, sans-serif; 
        
}

.footer a { 
        color: #ccc; 
        background: inherit;
	text-decoration: none; }

.footer a:hover {
	color: #808080;
	background: inherit;
	text-decoration: none;	
}

.footer_left { float:left; }
.footer_right { float:right; }

.grn { color: #296939; }
.bold { font-weight: bold; } 

.txt_right { float: right; }
.box_r_bot { float: right; padding: 5px 5px 5px 5px; height: 30px; }
	
/* color */

.c30 { color: #c30 ;}
.ccc { color: #8e8d95 ;}
.cla { color: #185DA0 ;}
.crt { color: #ccc ;}

/* strong */

.author { font-size:1.1em; }

/* comts */

#comments{width:495px;padding:4px 0 0 0;}
#comments p, p#respond{margin-bottom:7px; font-size:0.9em;}
ol.commentslist{ list-style:none; margin:5px 0 10px -62px; *margin: 5px 0 10px 0 !important; *margin: 5px 0 10px 0; }
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(http://www.20ic.com/wp-content/themes/20ic/images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}
p.author_meta{ font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}


#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:489px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* -- tinybox -- */

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#fff; z-index:1500}
#tinycontent {background:#fff}

/* Tabber */

#sidebar {
	border: 1px solid #fff;
	margin: 0 0 -2px 0;
	*margin: -3px 0 -9px 0;
	clear: both;
	position: relative;
	background-color: #fff;
	}

#sidebar #tabber {
	margin: 0 0 0 0;
	padding: 7px 0 0;
	background: #fff;
	position: relative;
	clear: both;
	}
#sidebar #tabber li {
	margin: 0;
	padding: 5px 10px 10px 0;
	background: #fff;
	*position: relative !important;
	border: none;
	}
#sidebar #tabber li li {
	margin: 0 0 0 3px;
	*margin: 0 0 0 5px !important; /* only IE7*/
	*margin: 0 35px 0 0; /* only IE6 and before*/
	padding: 3px 5px;
	background: none;
	border-bottom: 1px dashed #e5e5e5;
	}
#sidebar #tabber ul {
	margin: 7px 0 0;
	background: none;
	border: none;
	}
#sidebar #tabber .tablist {
	color: #808080;
	font-style: italic;
	*position: relative !important;
	display: block;
	}
* html #sidebar #tabber .tablist {
	display: inline-block;
	}
*:first-child+html #sidebar #tabber .tablist {
	display: inline-block;
	}
#sidebar #tabber .tablist a {
	color: #185DA0;
	font-style: normal;
        text-decoration: none;
	}
#sidebar #tabber .tablist a:hover {
	color: #8e8d95;
        text-decoration: none;
	}
#sidebar #tabber .tabber-title {
	margin: 0 0 0 6px;
        *margin: 0 0 0 2px !important; /* only IE7*/
	padding: 4px 3px 6px 3px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background: #eee;
	border: none;
        text-decoration: none;
	clear: both;
	}
#sidebar #tabber .active,
#sidebar #tabber .tabber-title:hover {
	background: #fff; text-decoration: none;
	}