@charset "utf-8";
/* mayongfeng.com CSS Document */

body {
	margin: 0;
	padding: 0;
	list-style: none;
	width:1200;
	height:660;
	background-color: #FFF;
	color:#FFF;
	font-family: "微软雅黑", "幼圆", ZhunYuan, Verdana, Tahoma;
}

a {
	text-decoration: none;
	color: #716F6E;
}

a:hover {
	text-decoration: none;
	color: #181512;
}


.img {border: 0;}

p { font-size:12px;
	color:#181512;
}

/*class 类*/
/* ################################################################ */

#indexlogo {
/*	background-image: url(../images/index/indexlogo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 0px;
	width: 480px;*/
	padding-bottom: 10px;
	float: right;
	padding-right: 5px;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
	margin-right: 60px;
	bottom:0px;
	margin-bottom: 0px;
	margin-top:300px;
}
	

#indexlogo p {
	color: #999;
	float:right;
	margin-bottom:5px;
}

/*链接等配件小项设置*/
/* ################################################################ */

.menulink {
	text-decoration: none;
}

.menulist {}

#copyright {
	float:left;
	background-image:url(../images/index/copyright.gif);
	background-repeat:no-repeat;
	}

/*news等页面的框架*/
/* ################################################################ */
#web {
	margin-top: 90px; /*原为110px，考虑美观，减少20px*/
	margin-right: 70px;
	margin-bottom: 120px;
	margin-left: 100px;
	width: 1030px;
}


/*每个页面的 left 和 right 两部分框架*/
#left {
	margin-top: 90px; /*原为110px，考虑美观，减少20px*/
	margin-left: 100px;
	width: 550px;
	float:left;
	padding-bottom: 50px; /*底边留白 50px*/
}

#right {
	margin-top: 200px; /*原为240px，考虑美观，减少20px*为220px，又因为main减少20，为了让main和nav一样高度，所以再次减小20至200px；  right=left+main */
	margin-right: 60px;
	width: 220px;
	float: right;
}

/*menu 水平 导航栏的hover等的设置*/
/* ################################################################ */

/*main*/
#main {
	margin-top:  110px; /*实际130，刨去menu20的高*/  /*原为130px，考虑美观，减少20px*/
	width: 550px;
	font-size:12px;
	/*background-color:#00F;*/
}


/*content*/
.article {
	font-size:12px;
	line-height: normal;
	text-decoration: none;
	text-align: justify;
}


/*图文混排部分*/
#article img{
	border:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.leftthumb {
	border:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.thumb {
	border:0;
	margin-right:10px;
	margin-bottom:10px;
}

.thetitle {
	color:#181512;
	font-size:12px;
}

.detail {
	margin:0;
	color: #716F6E;
	font-size: 11px;
	/*text-indent:2em;  段落第一行的两个中文字大小的缩进*/
	line-height:1.6em;
}

/*project和摄影作品的图片 独立显示*/
.ppthumb {
	border:0;
	margin-right:5px;
	margin-bottom:1px;
}

#ppthumb a {
	border:0；}


/*menu 水平 导航栏的hover等的设置*/
/* ################################################################ */
/*menu*/
ul#menu {
	margin: 0;
	padding:0;
	width: 550px;
	font-size:12px;
	/*background-color:#F00;*/
	float:left; /*浮动，如果不浮动，需要用其他方法强迫非ie浏览器的父元素自适应内部子元素高度的问题*/
}

ul#menu li{
	display:inline; /*内联流动布局，使各个列表项在同一行内显示*/
	}

ul#menu li a{
	float:left; /*定义超链接以块状显示，实现并列分布*/
	color: #716F6E;
	padding-right:20px; /*预留补白区域，避免鼠标经过时候发生错位现象*/
	text-decoration:none;
	}

ul#menu li a:hover{
	color:#181512;}
	
ul#menu li a.active{
	color:#181512;}

/*nav 垂直 导航栏的hover等的设置*/
/* ################################################################ */

/*nav*/
#nav {
	margin-top: 0px; /*实际240，等于menu的110+main的130*/
	margin-right: 0px;
	/*margin-left:-40px;*/
	width: 220px;
	font-size: 11px;
	/*background-color:#CF0;*/
	margin-right: 60px;
}

#nav dl {
	width: 220px;
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style-type:none;
	/*margin-right: 60px;*/
}
#nav dd{
  	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style-type:none;
	/*margin-right: 60px;*/
	float:left;
}

#nav dd a{
  	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style-type:none;
	/*margin-right: 60px;*/
	float:left;
}


#nav a.news:hover{
	height:40px;
	background-image: url(../images/nav/news_ah.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
}


#nav a.works:hover{
	height:60px;
	background-image: url(../images/nav/works_ah.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
}

#nav a.texts:hover{
	height:50px;
	background-image: url(../images/nav/texts_ah.png);
	background-repeat: no-repeat;
}

#nav a.biography:hover{
	height:70px;
	background-image: url(../images/nav/biography_ah.png);
	background-repeat: no-repeat;
}

#nav a.blog:hover{
	height:60px;
	background-image: url(../images/nav/blog_ah.png);
	background-repeat: no-repeat;
}

#nav span.mail:hover{
	/*margin-top:4px; !important*/
	/*padding:0; !important*/
	height:20px;
	background-image: url(../images/nav/mail_ah.png);
	background-repeat: no-repeat;
	/*padding-top:10px;*/
	background-position: bottom; !important
	}


/*#nav dd a.news:hover,#nav dd a.news:current {
	background:url(../images/nav/news_ah.png) no-repeat top left;
}*/


/*hack*/
/* ################################################################ */
/* 第一部分是针对ie的，第二部分是针对ie以外的浏览器 */

.mailhack {
	font-size:11px;
	margin:0; 
	padding:0; 
	margin-left:25px; 
	margin-top:-20px;
}

html>/**/body .mailhack {
	font-size:11px;
	margin:0; 
	padding:0; 
	margin-left:25px; 
	margin-top:-15px;
	}

/*针对safari的修改*/
html>/**/body #nav span.mail:hover{
	height:20px;
	background-image: url(../images/nav/mail_ah.png);
	background-repeat: no-repeat;
	padding-top:20px;
}

/*针对firefox的修改*/