/* CSS Document */

#container {
	width: 635px;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 0px ;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}

#sidebar1 {
	float: right; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 212px; 
	padding: 10px 0px 0px 8px;/* 顶部和底部的填充将在该 div 中产生视觉空间 */
    border-left-style:solid;
    border-left-width : 1px;
    border-left-color : #ECE9E1; 
    text-align:center;
}

#sidebar1 h3,  #sidebar1 p {
	margin-left: auto; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
	margin-right: auto;
}

#mainContent { 
    width:383px;
	/*border: 1px solid #572C26; */
	margin: 0px 15px 0 15px; /* 左边距可以用百分比或像素来指定，它会在页面的左下方产生空白。 */
	padding-top:10px;
	line-height:25px;
}

.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.comment_div
{
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	height: 1.6em; background: #BBB196;
	width: 600px;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
}

#helper 
{
 margin:3px 6px;
 width:381px;
 height: 95px;
}

#helper ul 
{
background-repeat:no-repeat;
background-image: url('../images/tieshi.gif') ;
background-position:left center;

list-style:none;
padding-left:60px;
line-height:25px;
width:400px !important;
height:50px !important;
width /**/:300px !important;
height /**/:72px !important;
margin-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#helper li {
/*background-color:#FFF;*/
background-repeat:no-repeat;
background-position: left 40%;
float:left;
padding-left:16px;
width:170px !important;
width /**/:130px !important;
background-image:url('../images/lidot.gif');
}



.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}



/* Comments & Comment Form
----------------------------------------------- */

ul.commentlist {list-style-type:none; margin:10px 0;}
ul.commentlist li{list-style-type:none; margin:10px 0 10px 0;}
.commentlist cite{float:left; width:20%; font-style:normal; text-align:center;}
.commentlist cite img {margin:0 0 20px 10px; border:3px solid #2d2b45;}
.commentlist cite span{display:block; text-align:center; }
.commentlist cite .author{font-size:12px; font-weight:bold;}
.commentlist cite .author a{text-decoration:none;}
.commentlist .content{float:left; width:75%; margin-left:1.9%; 
                      border-left:1px solid #2d2b45; 
                      padding:0 0 0 2%;}

#commentdetail
{
	width: 600px;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
}