/*以下是官方模板的样式表*/

/*下面是主定义*/
input,textarea{
border-color:#999999;
}
h2{/*标题样式,这里我用在了右侧导航的标题,大家可以不这么定义*/
	height: 19px;
	margin: 0;
	font-size: 12px;
	text-indent: 11px;
	line-height: 19px;
	width: 100%;
	font-weight: bold;
	background: background-repeat:repeat-x; background-image:url(images/leftbar_mid.gif);
	color:#666666;
}
	h2 a{
		display: block;
		text-decoration: none;
		width: 100%;
	}

hr{ /*水平线样式*/
	color: #CCC; 
	height: 1px;
}

/*div's id 下面是层的id*/
#copyright{ /*您自己的版权的样式,这个你可以在后台添加的*/
	color: #fff;
	margin: 0 auto;
	text-align: center;
	width: 94%;/* (1) 这里都用了百分比控制的宽度,为了适应多种分辨率,但因为我们的程序和模板还没有完全融合,有时候会显示错误,大家可以修改成绝对的宽度*/
	padding: 10px;
	clear: both;
}
	#copyright a{
		color: #fff;
	}

#footer{/*Xwy2.com的版权链接*/
    font-size: 0.8em;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	width: 94%;/*参考(1)*/
	padding: 10px;
	clear: both;
}

#wrapper{/*总框架*/

	margin: 10 auto 0;
	padding-top: 15px;

/*下边一段是防止浏览器过大或过小的设置,不加会在firefox里正确居中
	position: relative;
	text-align: center;
	max-width: 950px;
	min-width: 770px;
	_width:expression(document.body.clientWidth > 1000? "1000px": "auto" );*/
}

#header{/*头部样式*/
	color: #f00;
	font-size: 1.1em;
	margin: 0 auto;
	width: 94%;/*参考(1)*/
	background: url(logobg.gif) repeat-x left top;/*头部背景图片*/
	height: 120px;
	background-color: #FFF;
	border: 1px solid #698FC7;
	border-top-width:1px;
}

#search{/*搜索样式*/
	background: url(logo.gif) no-repeat left top;/*logo图片,把logo图片放到搜索样式里实在对不起大家,不过这样可以用背景图显示,加快速度且减少代码,最后还是这样弄了*/
	height: 30px;
	padding-top: 90px;
	text-align: right;
	width: 94%;/*参考(1)*/
}
#notice{/*公告样式*/
	width: 92%;/*参考(1)*/
	border: solid #3097D1 1px;
	border-bottom-width: 5px;
	padding-left: 2%;/*参考(1)*/
	background:#FFF url(notice.gif) no-repeat left center;/*小喇叭图片,大家可以换成自己喜欢的*/
	margin: 0 auto;
	clear: both;
	height: 18px;
	line-height: 18px;
	border-top: 4px solid #3097D1;
}
#menue{/*分类导航条*/
	margin: 0 auto;
	width: 94%;/*参考(1)*/
	line-height: 24px;
	text-align: center;
	clear: both;
	height: 24px;
	background: url(nav_bg.gif) repeat-x left center;/*初始背景图片*/
	border-right: 1px solid #698CC3;
	border-bottom: 2px solid #698CC3;
	border-left: 1px solid #698CC3;
}
  #menue ul{ /*用ul和li标签可以轻松做出非常美观的链接样式,程序中的导航链接是用<li></li>包裹的,大家只要修改menue的样式就可以轻松控制了*/

	margin:0; /*其实ul本身并没有什么用,只是作为li的容器,控制位置*/
	padding:0;
  }
  #menue li{ 
	float:left;
	margin:0;
	list-style-type:none; /*去掉本身带有的圆点*/
	display: block;/*块显示,这样就可以把链接的文字和背景融合在一起,成块的变化*/
  }

#menue a {/*链接文字样式,大家只要修改背景图片,边框颜色,背景颜色等就可以轻松更换样式*/
	padding: 0 9px;
	display:block;
	font-weight: bold;
	color:white;
	text-decoration: none;
	line-height: 26px;
	border-right: 1px solid #698CC3;
	border-left: 1px solid #698CC3;
	background-color: transparent;
}
 #menue a:hover/*鼠标经过样式,大家只要修改背景图片,边框颜色,背景颜色等就可以轻松更换样式*/
  {
	background-color:#9EB6D8;
	font-weight: bold;
	color: #003366;
	background-image: url(catbg.gif);
	background-repeat: repeat-x;
	background-position: left center;
	border-right: 1px solid #698CC3;
	border-left: 1px solid #698CC3;
  }
  #menue a:active {/*鼠标点击样式*/
	background-color:#FF6600;
	font-weight: bold;
	color: #003366;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
  }
#main{/*内容主框架id*/
	text-align: left;
	width: 826px;/*参考(1)*/
	height: auto;
	padding-top: 0px;
	padding-left:6px;
}
#content{/*左侧层id*/
	text-align: left;
	width: 600px;/*参考(1)*/
	float: left;/*左浮动*/
	line-height: 150%;
	padding: 4px;
    }
#content ul{ padding:0; padding-bottom:5px; margin:0; list-style:none;	overflow: hidden;}
#content ul li{
	margin-left:2px;
	/*margin:0px;
	background: url(en1-13.gif) no-repeat 0 5px;*/
	line-height: 21px;
	height: 21px;
	overflow: hidden;
}
.bar0 a:link ,.bar0 a:visited,.bar0 a:hover{ color:#FFF;} 
#date{ float:right;}
#z{/*右侧层id*/
	float: right;/*左浮动*/
	width: 208px;/*参考(1)*/
	padding-top: 19px;
	}
#leftbar{/*右侧 置顶,推荐文章 等的导航,p.s.:上面的 h2 是标题,大家千万不要扔鸡蛋过来啊,呵呵*/
	padding: 1px;
}
#leftbar ul{
	margin: 0 3px;
	padding:0;
	list-style:none;
}
#leftbar ul li{
	line-height: 17px;
	height: 17px;
	padding-left:0px;
	overflow: hidden;
	color:#005FA9;
}
/*浏览文章正文样式*/
#copy{ padding:5px;}
/*classes 以下类是模板和程序没有完全分离的类,大家只要修改样式表基本就可以达到美化的目的了*/

.bar0{
	width:100%;
	color:#FFF;
	height:20px;
	font-weight:bold;
	border:3px double #698FC7;
	background:#698FC7 url(bar0.gif) repeat-x left center;
	text-indent: 15px;
}
/*评论样式及公告列表样式*/
.comment{
	margin-bottom:5px;
	padding-bottom:8px;
	background-color:#F8F8F8;
	border:#CCC solid 1px;
	text-indent: 8px;
	line-height:21px;
}
.bar1{
	height:16px;
	background:#EFF2FA;
	border-bottom: 1px solid #7593E5;
	color: #333;
	padding: 2px;
}
.table_content{ width:100%; height:auto;text-align:left;}
.view_content{ text-align:left;}
.view_title
{
font-size:16px;
padding-bottom:12px;
margin-bottom:12px;
}
.clear{ /*清除全部*/
	clear: both;
}
/*-------------------以下为程序内置样式或者无须更改样式,更改样式时不要修改名称---------------------*/

table {
	table-layout: fixed; /*防止表格和层被字符撑开*/
	word-wrap:break-word;
}
div {
	word-wrap:break-word;
}
/*最新图片文章*/
.bar_pic{
	width:100%;
	margin:0 auto;
	height:20px;
	font-weight:bold;
	border:3px double #698FC7;
	background:#698FC7;
	text-indent: 24px;
	clear:both;

}
.picshow{
	width:100%;
	height:160px;
	padding-top:5px;
	text-align:center;
	overflow:hidden;
	background-color: #F8F8F8;
	clear:both;
}
.picshow img{
    padding:2px;
	border: 1px solid #999;
}

.left_content{
	float:left;
	width:48%;
	height:auto;
}
.right_content{
	float:right;
	width:48%;
	height:auto;
}