body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
	font-size:12px;
}

a{ text-decoration:none;}
a:hover{ text-decoration:none;}

table{border:0;}

#thinPadding{ width:80%; border-bottom:#999999 1px dashed; margin-top:50px; clear:both;}

#floatPadding{ clear:both; background:#FFFFFF; height:10px;}

#responseWrite{ background:#FFFFFF;}

#container {
	width: 980px;  /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background: #FFFFFF;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 1px solid #000000;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}

#header 
{
	height:120px;
	background:#EEEEEE; 
	padding: 0 10px 0 20px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
}

#header h1 {
	background:url(img/header_cloud.jpg) 380px 0 no-repeat;
	width:90%;
	height:100%;
	color:#555555;
	margin: 0 auto; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 20px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
}
#mainContent {
	min-height:600px;
	padding: 0 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
	background: #FFFFFF;
}
#footer {
	clear:both;
	padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#000000; 
}
#footer p {
	text-align:center;
	color:#FFFFFF;
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

#nav
{
	height:33px;
	width:100%;
	margin-top:2px;
	background:url("img/bg_nav.gif");
	font-size:14px;
}

#nav ul
{
	width:auto;
	height:100%;
	padding-left:100px;
	padding-top:10px;
	margin:0;
}

#nav ul li
{
	height:100%;
	float:left;
	list-style:none;
	font-weight:900;
}

#nav a{color:#EEEEEE; padding:0 20px 10px 20px; height:100%;}
#nav a:hover
{
	color:orange;
	padding:0 20px 10px 20px;
	height:100%;
}

#indexLog{ width:70%; height:100%; min-height:600px; margin:0; padding:5px; float:left;}

#indexSiderbar{ width:28%; height:100%; min-height:600px; float:right; margin-top:10px;}

/*边栏项目*/
#siderbarItem{
	width:100%;
	min-height:100px;
	background:#EEEEEE;
	float:right;
	font-size:12px;
}

/*边栏项目内容*/
#siderbarItemContent{ padding:5px 5%; border-bottom:1px solid #FFFFFF; font-size:13px;}

.MsgUsername{ height:15px; color:#0066FF;}

.MsgContent{ margin-bottom:5px;  min-width:220px; padding:5px 10px;}

.topTitle{ color:#0066FF; font-size:large; height:30px; padding:5px 0 0 20px; background:#EEEEEE;}

#LogItem,#logReply,#logReplyList
{
	width:100%;
	min-height:200px;
	margin-top:5px;
	border-bottom:1px solid #999999;
	background:#EEEEEE;
	float:left;
}

#logTitle,#logTitle a,#logTitle a:visited{width:100%; height:30px; float:left; text-align:left; color:#0066FF; font-size:16px; font-weight:900;}

#logDate{width:100%; height:30px; float:left; border-bottom:1px dashed #999999; font-size:12px; height:20px;}

#logMessage{ float:left; font-size:12px; line-height:1.5em;}

#logMore,#logMore a,#logMore a:visited 
{
	clear:both;
	color:Gray; 
	margin:5px; 
	font-weight:bold; 	
}

#logMore a,#logMore a:visited { background:url("img/Article.png") no-repeat; padding-left:25px;}

#logMore a:hover{color:Orange;}

#calendar{ width:100%; text-align:center; height:220px; background:#EEEEEE; float:right;}

#msgList,#tableNewPost,#bbsContainer,#tableRegister,#tableLogin,#loginTable,#albumContainer,#logContent
{
	width:80%;
	margin:20px auto;
	padding:10px 10%;
}

#logList{ width:90%; margin:5px auto;}

#msgLeave{ border:#999999 solid 1px; margin:5px 10%; background:#EEEEEE;} /*留言板回复*/

#tableNewPost,#tableRegister,#tableLogin{ border:#999999 solid 1px;}

#bbsContainer{ height:auto;}

#msgItem,#msgLeave,#bbsContent,#bbsReply
{
	font-size:14px;
	line-height:18px;
	width:600px;
	padding:5px;
	background:#EEEEEE;
	border:#999999 solid 1px;
}

#bbsContent { width:100%;}

#msgItem .id
{
	width:40px;
	height:40px;
	font-size:18px;
	font-weight:900;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	margin:5px 10px;
	background:#333333;
	float:left;
}

#tableNewPost h3{ width:100%; height:25px; background:#DDDDDD; border-bottom:1px dotted #999999; color:#000000; padding-left:20px;}

#tableLogin h3{ width:100%; height:25px; background:#DDDDDD; border-bottom:1px dotted #999999; color:#000000; padding-left:20px;}

#tableRegister h3{ width:100%; height:25px; background:#DDDDDD; border-bottom:1px dotted #999999; color:#000000; padding-left:20px;}

#bbsContainer h3{ width:100%; height:25px; background:#DDDDDD; border-bottom:1px dotted #999999; color:#000000; padding-left:20px; clear:both;}

#bbsWelcome{ width:100%; height:25px; border-bottom:1px dotted #999999; color:#000066; padding:0;}

#bbsControl{ float:right; width:20%; margin:0; padding:0; text-align:right;}

#bbsControl li{ list-style:none; float:right;}

#bbsControl li a{ color:#000000;}

#bbsControl li a:hover{ color:#FF0000;}

#bbsContent{ float:left;}

#bbsContentList,#bbsReplyList{ width:90%;}

#bbsUserinfo
{
	width:23%;
	height:80px;
	font-size:12px;
	font-weight:100;
	margin:5px 10px;
	padding:5px;
	background:#333333;
	color:#FFFFFF;
	float:left;
}

#bbsDateinfo{ width:65%; height:30px; border:1px solid #999999; float:left; margin:5px auto; padding:0 20px;}

#bbsInfo,#bbsReplyInfo{ width:65%; height:auto; border:1px solid #999999; float:left; margin:5px auto; padding:20px;}

#bbsReply{ clear:both; width:100%;}

#tbReply{ width:400px; height:200px;}

.gridViewItem{ max-width:100px;}

#loginTable
{
	background:#FFFF66;
	width:40%;
	height:200px;
	border:1px #999999 solid;
}

#albumList{ max-width:600px;}

#albumPic
{
	width:auto;
	height:auto;
	margin:10px;
	padding:5px;
	border:#333333 solid 1px;
	background:#CCCCCC;
	text-align:center;
	vertical-align:middle;
	float:left;
	font-size:12px;
	font-weight:bold;
}

#albumPicOver
{
	width:auto;
	height:auto;
	margin:10px;
	padding:5px;
	border:#333333 solid 1px;
	background:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	color:#FF6600;
	float:left;
	font-size:12px;
	font-weight:bold;
}