﻿body {
	background: #FFFFFF;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px verdana;
}

a:link {
	text-decoration: none;
	color: #00077c;
}
a:visited {
	text-decoration: none;
	color: #00077c;
}
a:hover {
	text-decoration: underline;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #00077c;
}

#OutBox {
	text-align: left;
	margin: auto;
	width: 980px; /* fluid width -_- */
	background: #FFF;
}

dl, dd {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

.TextBox {
	font: 12px arial;
	background: #FFFFFF;
	border: 1px solid #666;
}

.Button {
	font: 12px arial;
	background: #F0F8FF;
	border: 1px solid #666;
}

.z {
	clear: both;
}

/* Logo 及顶部广告 */
#Top {
	margin-bottom: 4px;
	clear: both;
	border: 1px solid #FFF !important; /* Gecko 的奇异问题…… */
}
#Logo {
	float: left;
	width: 298px;
}
#TopAds {
	float: right;
	width: 450px;
	text-align: left;
	padding-right: 4px;
}

#Logo2 {
	float: left;
	width: 268px;
}
#TopAds2 {
	width: 432px;
	text-align: left;
	padding-right: 4px;
}

/* 主内容栏 */
#BlogListWrapper {
	float: left;
	width: 98%;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

#BlogListWrapper2 {
	float: left;
	width: 75%;
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
}

#SmallNav {
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px dashed #CCC;
}

.BlogPost {
	margin-bottom: 20px;
	font-size: 14px;
}
.BlogPost dt.Title {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0;
	border-bottom: 1px dotted #DCDCDC;
	border-top: 1px dotted #DCDCDC;
}
.BlogPost .PostInfo {
	text-align: right;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: normal;
}
.BlogPost dd.Content {
	line-height: 150%;
}
.BlogPost dd.CommentBox {
	background: #E8E8E8;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
.BlogPost dd.CommentList {
	padding: 5px;
	font-size: 12px;
}
.BlogPost dd.Summary {
	padding: 10px;
	font-size: 12px;
	border: 1px dashed #CCC;
	background: #EFEFEF;
}

.BlogPost dd.SSummary {
	padding: 10px;
	font-size: 11px;
	border: 1px dashed #CCC;
	background: #FFFFFF;
}

.BlogPost dd.SSummary1 {
	padding: 10px;
	font-size: 11px;
	width: 70%;
	border: 1px dashed #CCC;
	background: #FFFFFF;
}

.BlogPost dd.SSummary2 {
	padding: 10px;
	font-size: 14px;
	border: 1px dashed #CCC;
	background: #FFFFFF;
}

.BlogPost dd.SSummary3 {
	padding: 10px;
	font-size: 12px;
	background: #FFFFFF;
}

.BlogPost dd.SSummary3.SSummary3 {
	padding: 10px;
	font-size: 12px;
	background: #FFFFFF;
}

#Pager {
	padding: 5px;
	margin: 5px 0;
}

#SideArea {
	float: right;
	width: 20%;
	margin-bottom: 10px;
	padding: 0 10px 0 0;
}

.SideBlock {
	margin-bottom: 10px;
}
.SideBlock dt {
	padding: 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}


ol {
	margin: 0;
	padding: 0;
}
ol li {
	margin: 0 0 0 30px;
	padding: 2px 0;
}

/* 页脚 */
#Footer {
	text-align: center;
	border-top:3px solid #ccc;
	padding: 5px;
	clear: both;
}
#Copyright {
	text-align: center;
	clear: both;
}

.rss {
	font-weight: bold;
	background: #FFA200;
	color: #FFF;
	padding: 1px 3px;
}

/* ------------------------------------------------------------------------------- 供应信息及求购信息切换bar区域 --- */

#mainbar {
		width:100%;
		padding:0px;
		border-bottom:#003E9C 3px solid;
		text-align:left;		
		}

ul.mainbarlayout {
		display:block;
		margin:0px;
		padding:3px 0px;
		list-style:none;
		text-align:left;			
		}
		
ul.mainbarlayout li {
		float:left;
		width:136px;
		white-space:nowrap;		
		}

div.orangebar {
   		height:20px;
  		width:125px;
  		margin:0px;
		background:#003E9C;
		border-top:#0048B4 4px solid;
		text-align:center;
		}

div.orangebarwords{
		list-style:none;
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
		padding-top:1px;
		}

div.whitebar {
		height:23px;
		width:125px;
		background:url("/css/images/search_bg.gif");
		border:#999999 solid;
		border-width:1px 1px 0px 1px;
		text-align:center;
		margin:0px;
		}

div.whitebarword {
		list-style:none;
		font-size:12px;
		font-weight:bold;
		color:#000000;
		padding-top:5px;
		}
		

.column{ width:100%;}
.column h1, .column h2{margin-bottom:10px;}
.column div.section {float:left;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
.column.two div.section {width:49.99%;}
.column.three div.section {width:33.3%;}
.column.four div.section {width:24.9%;}
.column.five div.section {width:19.9%;}
.column.eight div.section {width:12.5%;}
.column .section .column.two .section{width:50%!important;}
.column .section .column.three .section{width:33.3%!important;}
.column .section .column .section{width:auto;}

.sampleborder {overflow:hidden;width:100px;height:100px;border:1px solid #ccc;}
