/*

Bo-Blog V2.1 Skin

By QiLei

2008/7

*/

/****** General Styles ******/

body {

	font-family:Verdana, Helvetica, sans-serif;

	background:#e1e1e1;

	background:#000  url(images/bg3.jpg) no-repeat fixed center;

	margin:0;

	color: #666;

	padding:0;

}



td{

	word-break: break-all;

}

a {

	text-decoration: none;

	color:#1e2331;

}

a:hover {

	text-decoration: none;

	color:#f09;

}

hr {

	height: 1px;

	border: 0;

	border-top: 1px solid #333;

}

acronym {

	text-decoration: none;

	border-bottom: 1px dotted #333;

	cursor: help;

}

img{

	border:0px;

}

li,ul{

	margin:0; padding:0;

}

p{

	margin:0; padding:0;

}



/****** Form Controls Styles ******/

form {

	display: inline;

}

input {

	font-family: Tahoma, Arial; 

	font-size: 12px; 

}

input.text {

	background: #fff;

	border: 1px solid #666;

}

input.button {

	background: #f1f1f1;

	padding:4px 5px 2px ;

	border: 1px solid #999;

}

textarea { 

	background: #fff;

	border: 1px solid #ccc;

}

select { 

	background: #fff;

	border: 1px solid #666;

}



/****** Main Layout Styles ******/



#wrapper {

	font-size:10px;

}

#innerWrapper {

}

#headertop {
	height:40px; 
	width:860px;
	padding-left:100px;

}

#header {
    background:#1e2331;
	height:40px; 
	width:860px;	
	opacity: 0.9;filter:alpha(opacity=90);zoom:1;
}

#innerHeader {
	overflow:hidden;
	height:40px;
	width:630px;
}
#blogLogo {
	overflow:hidden;
	height:40px;
	width:630px;
}
#footer {
	width:960px;
	clear:both;
}

#mainWrapper {
	width:960px;
	background:none;
	min-height:800px;
	_height:780px;
}
.clear{ 
	height:0px;
	width:100%;
	clear:both;
	overflow:hidden;
}

/*footer*/

#innerfooter {
	width:630px;
	padding-left:100px;
	padding-right:230px;
}

#innerfooter1{
	height:30px;
	background:#1e2331;
	opacity: 0.8;filter:alpha(opacity=80);zoom:1;
}

#content-footer{
	width:100%;
	overflow:hidden;
	font-size:11px;
	text-align:center;
	padding-top:5px;

}

#content-footer a{
	color:#fff;
}

#content-footer a:hover{
	color:#f09;
}









/****** Header Elements Styles ******/

/* header title */

.blog-header {

	display:none;

}

/* blog description */

.blog-desc {

	display:none;

}



/* nav menu */

#menu {
	margin-top: -25px;
	height: 40px;
	float:right;
}

#menu ul{

}

#menu li{
	font-weight:bold;
	height:40px;
	float:left;
	list-style:none;
}

#menu a{
	display:block;
	font-size:12px;
	padding:6px 8px 6px 8px;
	line-height:15px;
	color: #8d8d8d;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

#menu a:hover, #menu .activepage a {
	color: #000;
	border-bottom: none;
	background:#fff;
}

#menu #nav_rss a{

	text-align:left;

	padding-right:18px;

	margin-right:8px;

	background:url(images/rss.gif) no-repeat right 17px;

}



/******  menu font long *****/

#menu .S3{

	width: 65px;

}

#menu .S4{

	width: 75px;

}



/****** Content Layout ******/



#sidebar-left{

	width:100px;

	float:left;

	display:block;

	min-height:400px;

	padding-top:320px;

	background: url(images/sidebar_left_bg.png) right top no-repeat;

	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

enabled=true, 

sizingMethod=crop,

src='http://www.immortalleyuan.com/blog/template/janblus/images/sidebar_left_bg.png');  

	_background:none;  

}


.announce{
	opacity: 0.6;filter:alpha(opacity=60);zoom:1;
}


/* content */

#content{
	width:630px;
	float:left;
	overflow:hidden;
	opacity: 0.9;filter:alpha(opacity=90);zoom:1;
}



.content-wide {

}

.content-only {

}

#innerContent {

	padding:10px 15px;

	background:#fff;

	min-height:500px;

	_height:500px;

}

/* entry display box */
.prev-article{ float: left; }
.next-article{ float: right; }

#readmore a{
	padding:3px 3px 0 3px;
	font-size:12px;
	color:#000;
	text-decoration: none;
	border-bottom: 3px solid #000;
}
#readmore a:hover{

	font-size:12px;
	color:#fff;
	background:#000;
	text-decoration: none;
	border-bottom: 3px solid #000;
}

/* text box */

.textbox{
	margin-bottom:10px;
	font-family:Verdana;
}

.textbox.detail{

}

.textbox-date{
	float:right;
	font-size:14px;
	width:200px;
	line-height:22px;
	color:#949494;
	font-weight:normal;
	font-family:Arial;
	text-align:right;
}

.textbox-date a{
	font-weight:bold;
	color:#f0c;
}

.textbox-date a:hover{
	font-weight:bold;
	color:#f0c;
	background:#000;
}

.textbox-title{
	clear:both;
	background:url(images/textbox_title_bg.gif) bottom repeat-x;
}

.textbox-title h3{
	padding:0px;
	margin:0px;
	font-size:16px;
	line-height:22px;
	height:24px;
	font-weight:bold;
	background:url(images/textbox_title_bg.gif) bottom repeat-x;
}

.textbox-title h3 a {
	color:#036;
}

.textbox-title h3 a:hover {
	color:#f09;
	background:#000;
}

.textbox-label{
	line-height:15px;
	font-size:11px;
	color:#d4d4d4;
}

.textbox-label em{

	font-size:12px;

	color:#333;

	font-style:normal;

}

.textbox-label hr{

	display:none;

}



.text-label-indented {

	font-size: 12px;

	display: block;

	text-align: right;

	float: right;

	margin-top: -15px;

}

*+html .text-label-indented {margin-top: -20px;}

.textbox-fontsize{

	color: #979797;

	float: right;

	text-align: right;

	padding: 3px;

	font-size: 12px;

}

.textbox-fontsize a{

	color: #979797;

}

.textbox-content{

	font-size:13px;

	line-height:1.6em;

	margin:8px 0 4px;

	width:100%;

	overflow:hidden;

	color:#1e2331;

}

.textbox-content a{

	color:#f09;

}

.textbox-content a:hover{

	text-decoration:underline;

}





.textbox-content .txt_pic img{

	margin-left:4px;

}





.textbox-content .quote{

	border-left:3px solid #ccc;

	padding:5px;

	color:#630;

	background:#fffdcd;



}

.textbox-content .quote-title{

	display:none;

}



.textbox-content .code{

	border-left:3px solid #ccc;

	padding:5px;

	font-size:11px;

	line-height:14px;

	font-family:Verdana;

	color:#630;

	background:#fffdcd;

	margin:5px 0;



}



.post_topic{ clear:both; font-size:10px; margin-bottom:4px; text-align:center; }





.textbox-bottom{
	overflow:hidden;
	width:100%;
	font-size:12px;
	text-align:right;
	line-height:12px;
	padding-top:5px;
	padding-bottom:5px;
	color:#999;
	background: url(images/textbox_title_bg.gif) bottom repeat-x;
}

.textbox-bottom  hr{

	display:none;

}

.textbox-bottom a {

	color:#999;

	text-decoration: none;

}

.textbox-bottom a:hover {

	color: #000;

	text-decoration: none;

}



.textbox-adminbar {

	padding:0px;

	font-size: 12px;

	color: #333;

	width:350px;

	text-align: right;

	line-height:16px;

	float:right;

	margin-top:-10px;

}

.textbox-adminbar a{ color:#999; padding:2px 2px 1px 2px; margin:0px;}

.textbox-adminbar a:hover{ color:#fff; background:#333;}



.textbox-tburl {

	padding-top: 3px;

	font-size: 11px;

	color: #000;

	text-align:left;

}

.tags {

    overflow:hidden;

	width:100%;

	font-size:12px;

	color:#000;

	margin-bottom:10px;

	padding-left:20px;

}

.tags a {

	font-size:14px;

	color:#f09;

}

.tags a:hover {

	color:#fff;

	background:#f09;

}





/* content-bottom */



#content-bottom{
	opacity: 0.8;filter:alpha(opacity=80);zoom:1;
}



#content-bottom .bgl{
	height:12px;
	width:5px;
	overflow:hidden;
	float:left;
	background: url(images/panel_bg.png) no-repeat 0px -168px;
	_background-image: url(images/panel_bg.gif); /* IE6 */

}

#content-bottom .bgr{

	height:12px;

	width:5px;

	overflow:hidden;

	float:right;

	background: url(images/panel_bg.png) no-repeat 0px -188px;

	_background-image: url(images/panel_bg.gif); /* IE6 */

}

#content-bottom .bgm{

	margin:0px 5px;

	line-height:0px;

	padding-top:12px;

	color:#8e9198;

	display:block;

	background: url(images/panel_bg.png) repeat-x 0px -148px;

	_background-image: url(images/panel_bg.gif); /* IE6 */

}





/****** Defaul Page Elements ******/

.article-bottom{

	width:100%;
	
	overflow:hidden;

	font-size:14px;

	background:#fff;

}

/* page links */

.pages {
	font-size:12px;
	color:#999;
	text-align:right;
}

.pagelink-current {
	color:#333;
	font-weight: bold;
}



/****** Rightbar Layout ******/



#sidebar{
	float:left;
	width:210px;
	overflow:hidden;
	padding-left:8px;
	padding-top:8px;
}

#sidebar-one{
	float:left;
	display:block; 
}

#sidebar-two{
	width:600px;
	margin-left:130px;
	margin-top:5px;
	display:none;
}

#sidebar-two .panel{

	width:165px;

	float:right;

	clear:none;

	margin-left:5px;

}



#sidebar-three{

	margin-top:3px;

}



#sidebar-three .panel{  /*change the bottom panel normal width*/
	width:185px;
	float:right;
	clear:none;
	margin-left:5px;

}



.panel{
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
	width:100%;
}

.panel .title{
	opacity: 0.8;filter:alpha(opacity=80);zoom:1;
	height:22px;
	overflow:hidden;
	
}

.panel .title .bgl{
	height:22px;
	width:5px;
	overflow:hidden;
	float:left;
	background: url(images/panel_bg.png) no-repeat 0px -25px;
	_background-image: url(images/panel_bg.gif); /* IE6 */
}

.panel .title .bgr{
	height:22px;
	width:5px;
	overflow:hidden;
	float:right;
	background: url(images/panel_bg.png) no-repeat 0px -50px;
	_background-image: url(images/panel_bg.gif); /* IE6 */
}

.panel .title h2{
	margin:0px 5px;
	font-size:12px;
	line-height:25px;
	color:#ccc;
	font-family:Arial;
	display:block;
	background: url(images/panel_bg.png) repeat-x;
	_background-image: url(images/panel_bg.gif); /* IE6 */
}

.panel .content{
	font-size:12px;
	background:#fff;
	padding:3px 5px;
	line-height:21px;
	opacity: 0.9;filter:alpha(opacity=90);zoom:1;
}



.panel .content a{

}

.panel .content a:hover{

}

.panel .content li{
	list-style:none;
	margin:0px;
	padding:0px;
	white-space:nowrap;
	line-height:21px;
	padding-left:6px;
	background:url(images/panel_li_tip.gif) -2px 6px no-repeat;
}

.panel .content ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
	background:url(images/panel_con_bg.gif) repeat ;
}


.panel .bottom{
	height:5px;
	clear:both;
	font-size:0px;/*bottom view important do not change*/
	line-height:10px;
	opacity: 0.6;filter:alpha(opacity=60);zoom:1;
}

.panel .bottom .bgl{

	height:5px;

	width:5px;

	overflow:hidden;

	float:left;

	background: url(images/panel_bg.png) no-repeat 0px -110px;

	_background-image: url(images/panel_bg.gif); /* IE6 */

}

.panel .bottom .bgr{

	height:5px;

	width:5px;

	overflow:hidden;

	float:right;

	background: url(images/panel_bg.png) no-repeat 0px -120px;

	_background-image: url(images/panel_bg.gif); /* IE6 */

	

}



.panel .bottom .bgm{

	margin:0px 5px;

	line-height:0px;

	padding-top:5px;

	color:#8e9198;

	display:block;

	background: url(images/panel_bg.png) repeat-x 0px -100px;

	_background-image: url(images/panel_bg.gif); /* IE6 */

}







/****** sidebar_link Layout ******/

#panel_link .title{
	display:none;
}

#panel_link{
}

#panel_link .content{
	padding:0px;
	font-size:12px;
	line-height:15px;
	color:#ddd;
	border:none;
	background:none;
}

#panel_link ul{
	background:none;
}

#panel_link li{
	float:left;
	font-size:10px;
	padding-left:0px;
	background:none;
}

#panel_link li.indent{
	width:35px;
	height:35px;
}

#panel_link li strong{
	color:#999;
	display:block;
	clear:both;
	display:none;
}

#panel_link li img{
	font-size:10px;
	width:30px;
	height:30px;
}



#panel_link li a{
	width:32px;
	height:32px;
	padding:1px;
	display:block;
}

#panel_link li a:hover{
	background:#668;
}

#panel_link li a img{
	border:1px solid #668;
}

#panel_link li a:hover img{
	border:1px solid #fff;
}


#panel_link .bottom{
	display:none;
}

#linkandrss  {
	color:#fff;
	font-weight:bold;
	text-align:right;
	padding:3px;
}
#linkandrss  a{
	color:#fff;
}
#linkandrss  a:hover{
	color:#f09;
	background:#000;
}



/** panel_who **/



#panel_who{

}



#panel_who .title{

}

#panel_who .title h2{

	font-size:18px;

	color:#292e3c;

	padding:0px;

	text-indent:3px;

}

#panel_who .content{

	background:#1e2331;

	padding:3px 5px;

	font-size:12px;

	line-height:15px;

	color:#ddd;

	border:none;

}





/** panel_taobao **/

#panel_taobao .content{ padding:0px}

#panel_taobao .content img{display:block;}


/****** Search bar ******/
#searchbar{
  margin-top: -36px;
  width:180px;
  height:36px;
  float:right;
  padding:0 20px 0 0;
  overflow:hidden;
  background: #1e2331;
}
#search-text{
  margin:9px 0 0 0 !important;
  margin:9px 0 0 0;
  height:18px;
  padding:0;
  width:180px;
  color:#666;
  background:#ffffff url('images/search.gif') no-repeat right;
  border:0;
}


/** panel_announcement **/



#panel_announcement{

	display:block;
	width:210px;
	clear:both;
	overflow:hidden; 

/*	background:#fff; */

}



#panel_announcement .title{

	/*display:none; */

}

#panel_announcement .content{

	padding:4px 6px;
	color:#ffffff;
	background:#1e2331;
	opacity: 0.8;filter:alpha(opacity=80);zoom:1;

}

#panel_announcement .bottom{

	/* display:none; */

}



/** panel_misc **/

#panel_misc{

	width:80px; /** you can change **/

	float:left;

	clear:none;

	margin-right:5px;

}

#panel_misc .content{

	padding:0px;

	line-height:16px;

	padding:4px 5px;

	height:77px;*height:78px;

	overflow:hidden;

}



/** panel_statistics **/

#panel_statistics{

	width:125px;/** you can change **/

	float:left;

	clear:none;

}



#panel_statistics .content{

	display:none;

	line-height:16px;

	padding:3px 5px;

}





#sidebar-three #panel_misc{ width:100px;}



/** panel_archive **/

#sidebar-three #panel_archive{width:66px;margin-left:0px;}

#sidebar-three #panel_archive .content li{ padding-left:2px; background:none;}







/** panel_recentsee **/

#panel_recentsee{



}



#panel_recentsee .content{

	 padding:0px; 

}



/** panel_Category **/



#panel_Category .content li{

	list-style:none;

	margin:0px;

	padding-left:6px;
	
	white-space:nowrap;

	height:21px;

}

#panel_Category .content ul{

	list-style:none;

	margin:0px;
	
	padding:0px;

	width:100%;

	overflow:hidden;

	background:url(images/panel_con_bg.gif) repeat;

}







/*panel_calendar*/

  

#panel_calendar{ 

	width:140px;

	padding-left:34px;

	padding-right:36px;

	margin-bottom:5px;

	background-image: url(images/cate.png);/* FF IE7 */

	background-repeat: no-repeat;

	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

enabled=true, 

sizingMethod=crop, 

src='http://www.qilei.org/template/janblus/images/cate.png'); /* IE6 

*/

	_background-image: none; /* IE6 */

	

}

#panel_calendar .title{}

#panel_calendar .content{ padding:0px;}

#panel_calendar .bottom{ }





/* calendar panel */

#calendar {

  font-family:Verdana;

  font-size:12px;



}

#calendar td{

	line-height:12px;

}

.calendar-top {

  text-align: center;

  padding:0px;

  height:15px;

}

.calendar-top a{

}

.calendar-year,

.calendar-month {

  font-weight: bold;

}

.calendar-weekdays {

	font-size:10px;

	text-align:center;

}

.calendar-weekday-cell {

	background:#ededed;

	color:#333;

	font-size:11px;

	font-family:MingLiU;

}

.calendar-main {

}

.calendar-day,

.calendar-day-blank,

.calendar-saturday,

.calendar-sunday,

.calendar-today{

}

.calendar-saturday,

.calendar-sunday {

	background:#f1f1f1;

}

.calendar-today { 

	font-weight:bold;

	color:#fff;

	background:#9a63ac;

	display:block;

}

.calendar-today a{

	color:#fff;

	background:#9a63ac;

	display:block;

}

.calendar-today  a:hover{

	color:#fff;

	background:#f09;

}



.calendar-day a, .calendar-saturday a, .calendar-sunday a {

	color:#fff;

	display:block;

	background:#9aa3ac;

}

.calendar-day a:hover, .calendar-saturday a:hover, .calendar-sunday a:hover {

	color:#fff;

	background:#f09;

}





/* comments wrapper */

.comment-wrapper{

	clear:both;

	font-size:12px;

	width:100%;

}

.commentWrapper-top{

	font-size:14px;

	font-weight:bold;

	color:#000000;

	text-align:left;

	margin-bottom:5px;

}



/* comments top box */

.comment-top{

	padding:5px;

	padding-top: 0px;

	margin-bottom: 5px;

	text-align: right;

}

.comment-pages{

	margin-left:5px;

	margin-bottom:10px;

	margin-top:5px;

	text-align:right;

	padding-right:20px;

}



/* commnet box */

.commentbox{

	word-wrap: break-word;

	padding: 0px;

	color:#000000;

	margin-top:12px;

}

.commentbox-art{

	margin-left:30px;

}

.commentbox a{

	color:#3366FF;

	font-size:14px;

	font-weight:bold;

}

.commentbox-title{

	margin-top: 5px;

	color:#9a9a9a;

	font-size:12px;

	color:#036;

}

.commentbox-title a:hover{

	color:#f09;

}

.commentbox-label{

	display: inline;

	font-size: 12px;

}

.commentbox-label a{

	font-size: 12px;

	font-weight:100;

	color:#9a9a9a;

}

.commentbox-label a:hover{

	color:#fff;

	background:#f09;

}

.commentbox-content{

	padding-bottom: 15px;

	font-size:12px;

	line-height:15px;

	background: url(images/textbox_title_bg.gif) bottom repeat-x;

}



.commentbox-content a{

	font-weight:100;

	font-size:14px;

	line-height:20px;

}

.commentbox-content a:hover{

	text-decoration:underline;

	color:#f09;

}

.commentbox-content .quote{

	margin:5px 20px;

	border:1px dashed #ffbe8a;

	background:#fffce0;

	padding:5px 10px;

}



/* comment form wrapper */

#commentForm {

	font-size:12px;

}

/* formbox form wrapper */

.formbox{

	font-size:12px; margin:15px;

}

.formbox-comment-title{}





/* messagebox form wrapper */

.messagebox{

	font-size:12px;

  width:500px;

  background:#fff; 

  margin-top:50px; 

  padding:20px;

  line-height:20px;

  color:#036;

}





.messagebox-title{

  background:#f2f2f2;

  padding:5px; 

  border:1px dashed #ccc;

}

.messagebox-content{

  padding:5px; 

  background:#f4fcfc;

  margin-top:20px; 

  padding:5px; 

  border:1px dashed #d4d4d4; 

}

.messagebox-content li{ 

  display:inline; 

  padding:6px;

}

.messagebox-content a{

  color:#000;

  padding:4px;

}

.messagebox-content a:hover{ 

  text-decoration:none;

  color:#fff;

  background-color:#036;

}



.messagebox-bottom {

  padding:5px;

}

.messagebox-bottom a{

  color:#000;

  padding:4px;

}

.messagebox-bottom a:hover{

  text-decoration:none;

  color:#fff;

  background-color:#036;

}





/*contentpage*/



.pagebox-title{

	height:18px;

	margin-bottom:5px;

}

.pagebox-title h2{

	margin:0px;

	padding:0px;

	font-size:16px;

	line-height:22px;

	height:22px;

	color:#036;

	background:url(images/textbox_title_bg.gif) bottom repeat-x;

}

.pagebox-content{

	font-size:12px;

	line-height:16px;

	color:#1e2331;

	

}

.pagebox-content span{

	line-height:16px;

}



/*link*/

.linkover {
	margin-bottom: 20px;
	height: auto;
	clear: both;
}
.linkbody {
	float: left;
	padding-bottom: 14px;
}
.linkimg {
/*	width: 35%;*/
	float: left;
	text-align: right;
	margin-right: 4px;
}
.linktxt {
	float: left;
}
.linktitle a {
	font-weight: bold;
}
.linkgroup {
	font-weight: bold;
	font-size: 14px;
	color: #f09;
	text-indent: 3px;
    padding-bottom: 14px;
}


/*listbox*/
.listbox{



}

.listbox-table{

	font-size:12px;

	margin:5px 0;

	border:1px solid #f0f0f0;

	padding:5px;

}

.listbox-entry{

	line-height:20px;

}

.listbox-header{

	background:url(images/textbox_title_bg.gif) bottom repeat-x; line-

height:15px;

}



#mainWrapper {width:960px;}

.autoAlign,#mainWrapper,#footer,#headertop{ margin1:auto;}

.autoWidth,#content,#innerHeader,#innerfooter{ width:630px;}/* content width */

.panel{ width:210px;}

#sidebar-three .panel{width:183px;}/*change the bottom panel normal width*/