﻿* {
	margin:0;
	padding:0;
}
html,body {
	background: #f0f7fc url("Images/bg.gif") repeat-x;
	text-align: left;
}


body, td, input, textarea, select, button {
	color: #333;
	font: 12px Tahoma,Arial, sans-serif;
	line-height:16px;
}

input, textarea, select, button{
	vertical-align:middle;
}

body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;


}

img{
    vertical-align:middle; border:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

h1{
	line-height:37px;
	height:37px;
	padding-left:20px;
	background:url("Images/h1-bg.gif") repeat-x;
	color:#006aad;
	border:1px solid #c5e2f2;
	border-bottom:0;
	font-size:14px;
	font-weight:normal;
}
h1 span{
	float:right;
	background:url("Images/h1.gif") no-repeat right;
	padding:10px 12px 0 0;
	font-weight:normal;
}
a {
	color: #004257;
	text-decoration: none;
}
a:hover {
	color:#F60;
	text-decoration: none;
}

input, textarea {
  background: #fefefe;
  border: 1px solid #ccc;
}

span.yan{color:#fcf3e8;}
span.yan a:link{text-decoration: none;color:#fcf3e8;}
span.yan a:hover{text-decoration: none;color:#fcf3e8;}
span.yan a:visited{text-decoration: none;color:#fcf3e8;}
span.yan a:active{text-decoration: none;color:#fcf3e8;}

.post-textarea{
  background-color: #E7E5DC;
  width: 590px;
  height:150px;
  font-size:12px;
  overflow: auto;
  margin: 12px 0 12px 0 !important;
  padding:5px;
  border:1px dotted black;
}
.post-footer{
 color:#999;
  font-size:12px;


}




.clear{
	clear:both;
	font-size:0;
	line-height:0;
	height:10px;
}


		

.wrap {
	margin: auto;
	width: 900px;
	clear:both;
	
}



.top-nav {
	position:relative;
	margin: auto;
	height: 30px;
	line-height:30px;
	color:#ddd;
}

.top-menu {
	margin: auto;
	height: 30px;
	line-height:30px;
	padding-right:20px;
	color:#ddd;
	float:right;
}
.top-menu a {
		color:#555;
	}
.top-menu a:hover {
		color:#22ac38;
	}	
	
.top-nav-logo{height:30px;width:auto;}	


.top {position:relative;height:73px;}
.logo{float:left;}
.top640-480 {
	float:right;
	position:absolute;
	right:210px;
	top:8px;
}




.ad-text {
    float: right;
    width: 180px;
    height: 58px;
    line-height: 1.6;
    border: 1px solid #b0d7ff;
    background: #f2f6fb;
	margin-top:8px;
}
.ad-text li {
    width: 49.9%;
    float: left;
    white-space: nowrap;
	text-align:center;
	list-style:none;
}
.ad-text li a{
	color:#333;
}




.menu {
	margin: auto;
	background: url("Images/menu-bg.gif") repeat-x left;
	text-align:center;
	height: 45px;
	line-height:42px;
	padding-left:40px;
	margin-bottom:5px;
}
.menu a {
	color:#fff;
	padding:0 13px;
	display:block;
	float:left;
}
.menu a:hover {
	color:#f39800;
}	

.menu .select {
	background: url("Images/s-menu-bg.gif") repeat-x right top;
	padding-right:15px;
}	




.banner{
	float:left;
	width:898px;
	height:48px;
}

.links{
	clear:both;
	border:1px solid #89D4F8;
	background:#fff;
	height:auto;
	color:#333;
	margin:5px 0;
	}

	
.foot {
	clear:both;
	height:auto;
	padding:10px 0;
	color:#333;
	text-align:center;
	border:#CCC 1px dotted;
	background:#fff;
}
.foot a {
		color:#333;
}




.pagebar {
display:block;
text-align: center;
height:22px;
clear:both;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin-top:5px;
}
.pagebar a:link, .pagebar a:visited{
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:5px;
text-decoration:none;
background-color:#F5F5F5;
color:#0072bc;
width:22px;
font-weight:normal;
}
.pagebar a:hover {
background-color:#DDEEFF;
border:1px solid #BBDDFF;
color:#0072BC;
}
.pagebar .now-page {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #BBDDFF;
margin-left:5px;
text-decoration:none;
background-color:#DDEEFF;
color:#0072BC;
cursor:default;
}









#al{
	float:left;
	margin-left:5px;
	
}
#al a,#ar a{font-size:12px;
color:#000;text-decoration:underline;}
#al a:hover,#ar a:hover{
color:#f00;text-decoration:none;}
#ar{
	float:right;
	margin-right:5px;
}

.postdate{ float:right; font-size:12px; margin:0 5px 0 0; color:#999;}
#main{clear:both;width:900px;margin:10px auto;text-align:left;font-family: "";}
#left {float:left;width:640px;}

#left h3 {height:26px;font-size:14px;line-height:26px;background:#EAF7FF;border-bottom:1px solid #DBE7FD;text-indent:10px;color:#09f;}
.leftbox{width:615px;margin-bottom:12px;padding-bottom:9px;background:#F9FFFF;border:1px solid #C7E2FD;
    height:auto; 
}


#focus{float:left;width:300px;height:256px;padding:2px 0 0 0;text-align:center; margin-left:5px;}
#focist{float:right;width:300px;height:256px;padding:0;}
#focist li{margin:0 5px;line-height:22px;text-indent:5px;color:#666; list-style-type:none;}
.box{float:left;width:302px; height:280px; margin:0 10px 10px 0;padding-bottom:6px;background:#F9FfFF;border:1px solid #C7E2FD;}
.box li{margin:0 5px;border-bottom:1px dashed #eee;line-height:22px;text-indent:5px;color:#666; list-style-type:none;}

#right {float:right;width:256px;}
.rightbox{width:250px;margin-bottom:12px;padding-bottom:6px;background:#FFFEFA;border:1px solid #efddbd;}
.rightbox h3 {height:26px;font-size:14px;text-indent:10px;line-height:26px;background:#FCF3E8;border-bottom:1px solid #F3E4DB;color:#c60;}
.rightbox h3 a{color:#c60;}
.rightbox li{margin:0 5px;border-bottom:1px dashed #DCEFFC;line-height:22px;text-indent:5px;color:#666;list-style-type:none;}
#list{border-bottom:1px dashed #ccc;}
#list li{line-height:30px;font-size:15px;text-indent:15px;list-style-type:none;}

#left h1 {padding:10px 0;font-size:15px;font-weight:bold;color:#f00;line-height:30px;text-align:center;}
#info{padding-bottom:5px;border-bottom:1px dashed #ccc;text-align:center;}
#content{
	padding:10px;
	font-size:14px;
	line-height:180%;
	min-height:650px; 
    height:auto !important; 
    height:650px;
	}
#pagebreak {padding-bottom:5px;text-align:center;}
#next {padding:5px 0;background:#fff;border-top:1px dashed #AFC69B;border-bottom:1px dashed #AFC69B;color:#2C4C78;text-align:center; height:25px;}
#like{height:120px;}
#like li{float:left;width:550px;border-bottom:1px dashed #eee;line-height:24px;text-indent:10px; list-style-type:none;}
#divCommentPost{ border:none}
#divCommentPost p{ clear:both; margin:0; padding:4px 0}
#divCommentPost p label{  float:left; width:80px;}
#divCommentPost p textarea{ width:500px;}
#divCommentPost div{ padding-left:80px;}

/*--------------------------------评论框-------------------------------*/
p.posttop {
	margin:10px 0 0 0;
	padding:3px 0;
	font-size:12px;
	font-weight:bold;
}
p.postbottom {
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

#frmSumbit{
	padding:0;
	margin:0;
}

#frmSumbit p{
	padding:5px 0 5px 0;
}

input.text, #txaArticle {
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px solid #999;
	color:#666;
	width: 200px;
	background: white;
}

textarea.text {
	padding: 0.15em 0.25em 0.20em 0.25em;
	border: 1px double #284259;
	width: 80%;
	height: 80px;
	background: white;
	width: 520px;
	height: 120px;
}
/*-------------------------------引用\评论--------------------------------*/
ul.msg{
	width:630px;
	margin:10px 0 40px 10px;
	padding:0 0 0 0;
	text-align:left;
	list-style-position : outside;
list-style-type:none;

}
li.msgname{
	border-bottom:1px solid Silver;
	padding:2px 0 2px 5px;
	margin:0px;
}
li.tbname{
	border-bottom:1px solid Silver;
	padding:2px 0 2px 5px;
	margin:0px;
}
li.msgurl{
	border-left:1px solid Silver;
	border-right:1px solid Silver;
	text-align:right;
	padding:2px 10px 2px 10px;
	margin:0;
	background:#f0f0f0;
}
li.msgarticle{
	border-left:1px solid Silver;
	border-right:1px solid Silver;
	list-style-position : outside;
	padding:15px 10px 15px 10px;
	margin:0;
	background:#F8F8F8;
	line-height:150%;
}
li.msgtime{
	border-left:1px solid Silver;
	border-right:1px solid Silver;
	border-bottom:1px solid Silver;
	text-align:right;
	padding:2px 5px 0 10px;
	margin:0 0 0 0;
	background:#F8F8F8;
}
