/* zhujili.com
---By Tee G. Peng at lotusseedsdesign.com
--- first draft: July, 2007 Sunday night */


* {margin:0;padding:0;}
li, p {font-size:0.9em;line-height:1.5em;}
ul, li {list-style:none;}





/* @group general stuff */
* {margin:0; padding:0; }
a {text-decoration:none; 
	color:#5d6a66;}
a:hover {text-decoration:underline;}

body {background:#202526 url(images/b.jpg) no-repeat 622px 0;  font: 100.1% Heiti, Hei, Lucida Grande, Lucida, Arial, Verdana, sans-serif; color:#777;border-left:12px solid #555;}
	
h3 {padding:20px;}	
h1 {font-size:1.5em;padding:40px 5px 5px 20px;}
p {color: #333;font-size:0.9em;line-height:1.6em;}
em {padding:0 2px;font-weight:normal;
	border-bottom:1px solid #ddd;	}
.clear {clear:both;line-height:1px;}
ul, li {list-style:none;}
img {border:none;}
/* @end */


/* @group container */

 
.logo {margin:5px 0 0 5px;padding:0;float:left;display:none;}


#wrapper {width: 1010px;margin-left:5px;border-left:1px dotted #555;position:relative;background:#202526 url(images/hdr1.jpg) no-repeat}
#content {width:1004px;}	




/* @end */

/* @group nav */

#mmenu {position:absolute;right:0;top:5px;margin-right:15px;font-size:9px;}
 ul#nav { width: 168px;line-height:1.5em; }

ul#nav a {
display: block;
padding: 3px 8px;
width: 160px;
background: #202424 ;border:1px solid #333;
	}

ul#nav a:link, #navlist a:visited{
color: #888687;
text-decoration: none;
}

ul#nav a:hover, ul#nav a.active
{text-decoration: none;
background:#B87F02;
color: #fff;border-bottom: 1px solid #d9950c;
}


/* Shift background image up for hover */
/* My Comment */

/* @end */

#left {width:820px;float:left;margin-top:110px;/*background:transparent url(images/hdr1.jpg) no-repeat 10px 0;*/}

#left h2 {color:#B87F02;border-top:1px dotted #555;border-bottom:1px dotted #555;margin:230px 10px 0 12px;
text-align:left;padding:10px 0 10px 15px;width:773px;
font:normal 1.1em  Heiti, Hei, Lucida Grande, Lucida, Arial, Verdana, sans-serif;
}
#left h2 a {color:#B87F02}
#left h2 span {font-style:italic;font-size:0.75em;}
#info {width:auto;background:#fff;opacity:0.80; margin-top:220px;border-top:1px solid #c7bc9b;margin:180px 5px 20px 5px;}

#left p {padding:10px 25px 10px 30px;color:#ccc;}

#right {width:168px; float:right;
margin-top:340px;margin-right:15px;	}
	

#taglinks {width: 176px;opacity:0.98; margin-top:25px;
background: #202424 ;border-left:1px dotted #333;
border-bottom: 1px dotted #333; border-right:1px dotted #333;padding-bottom:20px;}

#taglinks h3 {background:#333;border-top:5px solid #444;padding:15px 10px; margin-bottom:10px;border:#333;font-size:.9em;}
#taglinks li {padding:2px 5px 2px 15px;line-height:1.3em;color:#666;}
#taglinks ul li a {padding:0!important;color:#a26e0c; font-size:.82em;}
	
#taglinks p {padding:5px 15px!important;color:#888687;}






/* add photo */

#photo, #thumbs {margin:10px 20px 30px 15px;}
#photo img {border:5px solid #555;text-align:center;padding:8px;
}
#photo p {text-align:right;color:#555;padding-bottom:0;}


/* add thumbs - for archive page */
#thumbs img {border:3px solid #555;text-align:center;padding:8px;
}

#thumbs ul li {float:left;padding:5px 10px;margin-bottom:30px;}
#thumbs ul li p {background:#333;padding:0;text-align:center;}
#thumbs ul li p a {background:#333;padding:3px 0;text-align:center;}
#pagenav #previouspage, #nextpage {font-size: .9em;padding: 15px 20px 5px 30px; text-align:right;}
#pagenav #previouspage a, #nextpage a{color: #888687}



/* comments elements */
#commentbox {width:800px;margin:0 25px 25px -25px; background:url(images/c_decor.jpg) no-repeat left top;border-top:1px dotted #555;}

#commentbox h3 {width:660px;color:#666;margin-left:96px;font-size:1.1em;padding:10px  ;margin-top:65px;background:#2E2F30 url(images/curve-top.jpg) no-repeat scroll right top;border-bottom:1px dotted #393939; font-weight:normal;
}


#btm {background:transparent url(images/c_decor_btm.jpg) no-repeat left top; width:96px;height:125px;margin-top:-50px;}


.postdetails {float:right;}

.postdetails a {font-size:.85em;color:#B87F02; 
	background:url(/images/icon_add_comment.gif) no-repeat;
	padding-left:20px;}
/* leave comments */

.comment {width:800px;background: url(images/c-bg.jpg) repeat-y scroll left top;}

.comment h6 {width:auto;padding:5px 0 5px 15px;font-size:.95em;color: #999;margin-left:96px;font-weight:normal!important;background:#2E2F30 url(images/curve-top.jpg) no-repeat scroll right top;} 
.comment h6 a {color:#cdd1c2;font-weight:normal!important}

.comment h6 span {font-size:1em;background:#cc8c0b;float:left;width:30px;color:#ddd;font-weight:bold;float:left;padding:5px 3px;text-align:center;margin: -5px -25px 0 -56px}

.date {font-size:.85em;}
.comment span.date {background:none;color:#77654f;margin-left:0;float: none!important;font-weight:normal!important}

.comment p {margin-left:97px;color: #999!important;border-left:5px solid #393939;
padding:10px 15px 1px 15px!important;}

.even p, .odd p {background:#272A2B;color:#ededed;}
.even p:last-child, .odd p:last-child, .comments_form p{background:#272A2B url(images/curve.jpg) no-repeat scroll right bottom!important;padding-bottom:20px!important;}
.comments_form p {margin-left:96px;color:#cc8c0b!important;font-size:1em;}

/* comments left by author*/

.author h6 {width:auto;background:#cc8c0b  url(images/myresponse_ctop.jpg) no-repeat scroll right top!important;} 

.author h6 a {color:#ddd;font-size:1.1em;padding-right:5px; 
	}

.author p { background: #B87F02;color:#fff!important;}
.author p:last-child {background: #B87F02 url(images/myresponse_cbtm.jpg) no-repeat right bottom!important;padding-bottom:20px!important}
.author span.date {color:#444!important;}


/* comment signup */

.comments-wrapper {background: url(images/c-bg.jpg) repeat-y scroll left top!important;margin-top:-5px;}

#leavecomment {background:#272A2B url(images/curve.jpg) no-repeat scroll right bottom!important;padding-bottom:20px;margin: 0 0 5px 96px;font-size:.85em;border-left:1px solid #2E2F30;color: #bbb;border-top: 1px solid #202526;}

#leavecomment h3 {width:auto;color:#666;margin-left:0;font-size:1.1em;padding:10px 20px;margin-top:0;background:#2E2F30 url(images/curve-top.jpg) no-repeat scroll right top;border-bottom:1px solid #2E2F30; font-weight:normal;font-size:1.2em;border-left:5px solid #393939;margin-bottom:18px;}

div.form {line-height: 1.4em;clear:both;
padding-top:1px;width:600px}


.col_left {
	text-align:right;
	width: 200px;	float: left;background:#393939;
	margin: 1px 3px 1px 4px;
	padding:2px 0;
	}

label {padding-right:10px;}
.col_right {
	width: 385px;
	float: left;
	padding: 1px 5px 5px 0;}

.input { 	background-color: #eee;
	color: #A50A24;padding:3px 0;
	font-family: sans-serif;
}
checkbox {display:inline;}

input, textarea {padding:3px ;width: 350px;border:1px solid #555;color:#B87F02;background:#202526;margin-left:5px;}
textarea {height:120px;background:#202526}
#remember, #forget {width:15px!important;border:1px solid #555;margin-top:3px;}
.button {margin-bottom:3px;}
.send {margin-right:9.8em;clear:left;text-align:right;}

#txpCommentPreview, #txpCommentSubmit{width:80px;}

.comments_form {padding:5px 15px 5px 0;
	background:url(images/c-bg.jpg) repeat-y scroll left top;}
	
/*footer */

#footer {clear:both;width:79%;border-top:1px dotted #555;margin-top:20px;}
#footer ul {margin:0;margin-left:150px;margin-top:40px;}
#footer li {display:inline;font-size:.76em;padding:5px;}
#footer li.fright {float:right!important;margin-top:-40px;}

#footer a {color:#B87F02; 
	}

#footer p {color: #888;padding:5px;float:left;font-size:.72em}
#footer p a {color:#7f825c;}