/* 无忧装饰建材网---博客CSS样式设计(boyce) */


/*---------总体框架设计，包括：
          topNav, login,container,header,content,footer----------*/

html {
zoom: expression(function(ele){
	ele.style.zoom = "1";
	document.execCommand("BackgroundImageCache", false, true);
}(this));
}
		   

*{margin:0; padding:0;}

ul,li{list-style:none;}

a img{border:0;}

#container
{
	margin:10px auto;
	width:972px;
	_height:500px;	
	min-height:500px;
}
	
#topNav
{
	height:20px;
	background-color:#666;
	text-align:right;
	font-size:12px;
}

#login
{
	height:27px;
	padding:0 10px;
	background:url(../images/loginBg.gif) repeat-x;
	font-size:12px;
}

#header
{
	position:relative;
	width:972px;
	height:163px;
	margin-bottom:10px;
	font-size:12px;
}
#content
{
	width:972px;
	height:auto;
	margin-bottom:10px;
	font-size:12px;
}

#content #left_con
{
	float:left;
	width:350px;
	font-size:12px;
}

#content #right_con
{
	float:right;
	width:610px;
}


#footer
{
	float:none;
	clear:both;
	margin:-23px auto 5px auto;
	padding-top:20px;
	padding-left:100px;
	width:872px;
	height:80px;
	border-top:1px solid #999;
	background-color:#fff;
	font-size:12px;
}

/*----------------topNav 部分详细设计--------------*/
#topNav .close
{
	float:right;
	margin:0 10px;
}
#topNav .close img{border:0; width:16px; height:16px;}

#topNav li{display:inline;}
#topNav ul
{
	height:20px;
	line-height:20px;
}
#topNav a{color:#000;}
#topNav a:hover{color:#f90; text-decoration:none;}


/*----------------END topNav 部分详细设计--------------*/

/*----------------LOGIN部分详细设计--------------
#login{width:1003px; margin:0 auto;}*/
#login img
{
	display:inline;
	width:151px;
	height:27px;
	border:0;
}

#login .reg, #login .qq
{
	float:right;
	display:block;
	padding-top:5px;
	height:10px;
	line-height:10px;
}

#login .uploadArticle_img, #login .uploadProject_img, #login .uploadWork_img
{
	float:right;
	display:block;
	margin-right:10px;
	padding-left:20px;
	padding-top:5px;
}
#login .uploadArticle_img a:hover, #login .uploadProject_img a:hover, #login .uploadWork_img a:hover
{
	color:#3CF;
	text-decoration:none;
}
#login .uploadArticle_img{background:url(../images/addArticle.gif) no-repeat left center;}
#login .uploadProject_img{background:url(../images/pro_picture.gif) no-repeat left center;}
#login .uploadWork_img{background:url(../images/upload.gif) no-repeat left center;}
#login .qq a{display:block; width:12px; height:15px; background:url(../images/mini.gif) no-repeat;}
#login .reg a
{
	color:#f90;
	font:13px "宋体";
	text-decoration:none;
}
#login .reg a:hover
{
	color:#fff;
	text-decoration:none;
}

/*-------------END LOGIN部分详细设计--------------*/


/*----------Header部分详细设计-----------------*/

h1.blogName
{
	position:absolute;
	padding-left:10px;
	top:50px;
	font:bold 24px "黑体","宋体";
}
h2.blogAddress a
{	
	position:absolute;
	top:80px;
	left:10px;
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#header span a
{
	position:relative;
	top:97px;
	margin-left:10px;
}

#menu
{
	position:absolute;
	width:400px;
	height:40px;
	left:580px;
	top:120px;	
}

#menu li{display:inline;}

#menu li a
{
	width:60px;
	height:30px;
	margin:0;
	padding:5px;
	line-height:30px;
	font:bold 14px "宋体";
	text-decoration:none;
}
#menu li a:hover
{
	text-decoration:underline;
}


	/*-Manage block style-*/
#manage{display:none;}
#refManage{position:relative; z-index:100;}
#refManage a
{
	color:#0C3;
}

.manageBlock
{
	position:absolute;
	z-index:200;
	left:-20px;
	top:20px;
	width:80px;
	padding:10px;
	background-color:#eee;
	border:1px solid #ccc;
}
#manage li
{
	display:block;
	height:25px;
	margin:10px 0;
}
#manage li a
{
	display:block;
	padding:3px;
	padding-left:20px;
	height:18px;
	line-height:18px;
	border:1px solid #ccc;
	font:12px "宋体";
	color:#333;
	text-decoration:none;
}
#manage li a:hover
{
	border-color:#f00;
	color:#f00;
	text-decoration:none;
}
.man1{background:url(../images/house.gif) no-repeat 2px center;}
.man2{background:url(../images/mIco_info.gif) no-repeat 2px center;}
.man3{background:url(../images/mIco_vcard.gif) no-repeat 2px center;}
.man4{background:url(../images/mIco_comment.gif) no-repeat 2px center;}
.man5{background:url(../images/mIco_picture.gif) no-repeat 2px center;}
.man6{background:url(../images/mIco_pro_picture.gif) no-repeat 2px center;}
.man7{background:url(../images/modify.gif) no-repeat 2px center;}
.man8{background:url(../images/mirror.gif) no-repeat 2px center;}

/*----------END  Header部分详细设计-----------------*/


/*----------Content部分详细设计----------------*/


/* 所有栏目总体边框背景样式 
总类别为module
M1----DOC
M2----VISITOR
M3----HOT
M4----CANLENDAR
M5----PORTFOLIO
M6----ARTICLE
M7----PROJECT
M8----COMENTS
M9----RECENT
*/
.module
{
	margin-bottom:10px;
}

.info
{
	padding:10px 15px;
}
.info p{word-break:break-all;}

/*CONTENT 内容样式总体设计*/

#content p
{
	font:normal 13px "宋体";
	line-height:1.8em;
}


.clear_div
{
	float:none;
	font: 0px/0px sans-serif;
	clear:both;
	display:block;
}
/* END CONTENT 内容样式总体设计*/

/*对所有栏目下的重点字突出显示*/
.special, .special sup
{
	margin-top:10px;
	padding-top:10px;
}
.summary
{
	padding:5px;
}
/*-people's photo-*/
.photo
{
	display:block;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}

.baseInfo li
{
	height:30px;
	line-height:30px;
	font:13px "宋体";
}

/* 访问者栏目样式设计 */

	/* 重用板块图像下加文字样式的设计 */
.image_char
{
	float:left;
	display:inline;
	padding:5px;
	width:62px;
	margin-right:5px;
	overflow:hidden;
}
#m7 .image_char{
	width:160px;
	}

.fangke
{
	width:50px;
	height:50px;
	margin:5px;
}
.name{text-align:center;}
.name a
{
	margin:0;
	padding:0;
	padding-left:5px;
}

.name a:hover
{
	color:#F60;
}

/* 档案栏目个别设计 */
#m1 .info a
{
	text-decoration:none;
	margin-right:10px;
}

/* HOT栏目设计 */
#m3 .info p a:hover
{
	text-decoration:none;
}


/*  Article栏目详细设计  */

	/*  可复用-文章内容相关的设计*/ 
.article_con
{
	margin:15px 0;
	padding-bottom:15px;
}
	
.article_con h3.con_title{display:inline; font-size:12px;}
.article_con h3.con_title a{font:bold 13px "宋体";}


.date
{
	margin-left:10px;
}



/*  END  Article栏目详细设计*/ 
.article_con p
{
	margin:10px 0;
	color:#444;
	font:normal 12px "宋体";
	text-indent:2em;
}

.article_con span.article_foot
{
	font:normal 12px "宋体";
} 


/*  项目展示栏目详细设计 */


.image_p
{
	width:160px;
	height:110px;
}


/*  END  项目展示栏目详细设计 */


/* 留言栏目详细设计  */

.coments .info .article_con p
{
	text-indent:0;
}

textarea.msg
{
	width:80%;
	height:100px;
	display:block;
}

label
{
	font:normal 12px "宋体";
}

input.numcheck
{
	width:70px;
}

form img
{
	padding-top:5px;
	width:70px;
	height:20px;
}

form input
{
	margin:5px 5px 0 0;
}

input.btn
{
	width:70px;
	height:22px;
	line-height:22px;
	background:none;
}

/* END 留言栏目详细设计  */

/*  最近更新栏目详细设计 */

.userInfo
{
	padding:20px 0;
	height:40px;
}

.userInfo img
{
	float:left;
	margin-right:10px;
}

.userInfo span
{
	margin-right:5px;
	font-size:12px;
}

/*  END  最近更新栏目详细设计 */



/*----------Footer部分详细设计-----------------*/
#footer{background-color:#fff;}
#footer .homepic
{
	float:left;
	display:block;
	padding:0 10px;
	margin-right:5px;
	width:140px;
	height:49px;
	border-right:5px solid #333;
	background:url(../images/51LOGO_blog.gif) no-repeat;
}

#footer #bottomMenu li
{
	display:inline;
}

#footer .copyright
{
	margin:5px 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
}

#footer .icp{}



/*----------------Linklist's Style-----------------*/

#linkList1, #linkList2{	padding:0;margin:0;}
#linkList1 .link_char, #linkList2 .link_img
{
	float:left;
	display:inline;
	margin:5px;
	padding-left:5px;
	height:20px;
	width:100px;
	font-size:13px;
}
#linkList2 .link_img{margin:10px 0;}
#linkList2 .link_char{height:30px;}

#linkList1 .link_char a
{
	padding-left:15px;
	background:url(../images/out_arrow.gif) no-repeat left center;
	color:#900;
	font-size:13px; 
	text-decoration:none;
}
#linkList1 .link_char a:hover{color:#ccc;text-decoration:underline;}
#linkList2 .link_img a img{border:0; width:80px; height:30px;}

/*-------------------END Linklist's Style-----------------------*/

.show_hidden
{
	margin-bottom:10px;
	width:100%;
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
}
.show_hidden img
{
	padding:0 5px;
	border:0;
}
.addLink{float:right;margin:8px;}
.addLink a{font:bold 12px "宋体"; color:#0C3;}
.addLink a:hover{color:#09C;text-decoration:none;}

#weather{background:url(../images/weatherBg.gif) repeat-y right top;}
#weather td{padding-left:10px; border-bottom:1px groove #eee;}
#weather tr.red td{color:#900;}


	/*= 团购报名弹出框 =*/
	#popboxIfr{position:fixed; z-index:19998; right:0; bottom:0; width:309px; height:347px; overflow:hidden; background:none;}			
	#popbox_tuangou{position:fixed; z-index:19999; right:0; bottom:0; width:309px; height:347px; overflow:hidden; text-align:left; background:url(http://www.51zsjc.com/images/popupZhaobiaoIcon.gif) no-repeat;}
	
	* html #popboxIfr{position:absolute;}
	* html #popbox_tuangou{position:absolute;}
	
		#popbox_tuangou .title{float:left; width:26px;}
			#popbox_tuangou .title h4{text-indent:-9999px;}
			#popbox_tuangou .title span{margin:6px 0 0 8px; display:block; width:17px; height:16px; cursor:pointer;}
		#popbox_tuangou .con{padding:10px 5px; background:transparent; border:none;}
			#popbox_tuangou .con dl{padding-top:5px; height:330px; overflow:hidden; color:#333;}
				#popbox_tuangou .con dl dt{padding:6px 0 2px 0; width:65px; height:20px; text-align:right; color:#460000; font-size:12px;}				
				#popbox_liangfang .con dl dt{height:23px; color:#000;}
				#popbox_tuangou .con dl dd{margin:-28px 0 0 68px; padding:4px 0; font-size:12px;}
				#popbox_liangfang .con dl dd{margin:-31px 0 0 68px;}
					#popbox_tuangou .con dl dd textarea{width:160px; height:45px; background-color:#fff; border:1px solid ; border-color:#bbb #dadada #dadada #bbb;}
					#popbox_tuangou .con dl dd select,
					#popbox_tuangou .con dl dd option{background-color:#fff;}	
					#popbox_tuangou .con dl dd .txt{padding:1px; height:14px; border:1px solid ; border-color:#bbb #dadada #dadada #bbb; background-color:#fff; color:#0b3d56; font-size:13px;}
			#popbox_tuangou .con button{width:86px; height:28px; text-align:center; border:none; color:#b4062c; background:url(http://www.51zsjc.com/images/popupZhaobiaoIcon.gif) no-repeat right bottom; cursor:pointer;}
			#popbox_liangfang .con button{background:url(http://www.51zsjc.com/images/liangfangIcon.gif) no-repeat right bottom; color:#fff;}
			#popbox_tuangou .con div{padding:5px 20px; height:52px; border:1px solid #b2cad1; background-color:#fff; color:#0080c9; line-height:160%;}
				#popbox_tuangou .con div strong{font-weight:normal; color:#d00;}