@charset "gb2312";
/* CSS Document */
body,ul,div,img,h5,h4,h3,h2,h1,p,span,table,figure,i,li{ margin:0; padding:0}
a:link, a:visited {text-decoration: none; } 
img{ border:0}
body{font-size:12px;background:#D0ECF8 url(../images/top.jpg)  50% 0 scroll no-repeat;color:#5d5d5d; }
.blank{ height:5px; overflow:hidden; width:100%; margin:auto; clear:both}
header{ padding:50px 0  30px 0; width:900px;  margin:auto;color:#2593B5 }
header h1{ font-size:24px;}
header h1 a{color:#2593B5}
header h1 a:hover{ text-decoration:underline}
header p{margin:17px 0 0 0;text-shadow:#fff 1px 1px 1px;}
figure{ width:100%; background:#4398B2; clear:both; height:28px; position:fixed; z-index:9999}
figure p{width:1000px;margin:0 auto; color:#FFF; line-height:28px;}
.emails {
float: right;
width: 30px;
height: 27px;
background: url(../images/nav_sprite.png) 0px -21px no-repeat;
}
.rssdy {
float: right;
width: 30px;
height: 28px;
background: url(../images/nav_sprite.png) 0px -68px no-repeat;
}
.fav{float: right;width: 30px;height: 28px;background: url(../images/nav_sprite.png) 0px -92px no-repeat;}
#nav{
	width: 100%;
	line-height: 40px;
	height: 40px;
	margin: auto;
}/* navÔ²½Ç±³¾° */
#nav ul{ list-style:none; margin:auto; width:900px}
#nav ul li{ float:left; width:90px; text-align:center;text-shadow:#333 1px 1px 1px}
#nav ul li a{ display:block; color:#FFF; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}/* ±³¾°ÑÕÉ«¹ý¶ÉЧ¹û */
#nav ul li a:hover{ background:#4398B2; color: #FFF; font-weight:bold; border-radius:40px 0}
#nav ul li a#nav_current {font-weight:bold; }
/* bloglist index */
.lace_hd_ft{ background:url(../images/lace_hd_ft.png) 0 -30px no-repeat; clear:both; height:150px; width:1000px; margin:auto}
article{width:1000px; margin:auto; overflow:auto;}
/*content*/
.blog{ width:720px; float:left; padding-left:40px}
.blog h2{ font-size:14px; background:url(../images/import.gif) no-repeat 0 7px; padding: 0 0 0 20px; line-height:30px}
.blog h2 a{ color:#333;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s}
.blog h2 a:hover{ padding:0 0 0 20px; color:#259CC7 }
.blog h3{  border-bottom:#259CC7 4px solid; width:100%;overflow:hidden; font-size:14px; margin:0 0 10px 0; font-family:"΢ÈíÑźÚ"}
.blog h3 p{ background:#259CC7; width:180px; height:25px;  line-height:25px; height:25px; color:#fff; text-align:center; box-shadow: #999 4px 5px 1px;}
.blog h3 p span{ font-family: 'La Belle Aurore', cursive; padding-left:10px}
.bloglist{background:#E5F3F7; padding:20px;border-radius:10px; margin-bottom:15px; }
.topimg img{ width:250px; clear:left; float:left; margin-right:10px}
.content p{ margin:0 0 10px 0; line-height:1.6}
.read{ width:100%; margin:10px 0; padding:10px 0; text-align:right;}
.read a{ background:#69CBE8; color:#FFF; padding:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.read a:hover{ text-decoration:underline}
.datetime{ margin:10px 0}
aside{ float:right; width:200px; overflow: hidden}
aside h2{ font-size:14px; margin:10px 0;color:#333; }
.about{ background:#FFF; padding:4px; border-radius:8px}
.vcard p{ line-height:25px}
.share{ margin:10px 0; }
aside ul{ padding:10px 0; list-style:none}
aside ul li{ line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
aside ul li a{ color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
aside ul li a:hover{ padding-left:20px }
/* footer */
#copright{line-height:50px; height:50px; text-align:center; width:100%;color:#fff;text-shadow:#06C 1px 1px 1px;}