/*
* Project: The doctrine of the mean  @ lisco
* Last Modified: 2010.01.11 11:27
*/

/*全局样式*/
html{ height:100%; overflow-y:scroll;}
body{ height:100%; background:#fff; font:normal normal 12px/1.5 Tahoma, "宋体";}
*{ margin:0; padding:0; list-style:none;}
input, button{ font-size:12px; font-family:Tahoma, "宋体";}
.content{ background:#f1efea;}
	.content .inner{
	width:1005px;
	height:540px;
	margin:0 auto;
	position:relative;
	background-image: url(images/img_links.jpg);
}
	.content h2{ height:30px; text-indent:-999em; overflow:hidden;}

/*作品列表*/
.portfolio .inner{ background:url(images/bg_portfolio.jpg);}
.portfolio h2{ width:128px; background-image:url(images/bg_year.png); position:relative; top:56px; left:142px;}
	.year-2007{ background-position:0 0;}
	.year-2008{ background-position:0 -30px;}
	.year-2009{ background-position:0 -60px;}
	.year-2010{ background-position:0 -90px;}
.portfolio-box{ width:500px; height:350px; margin:92px 0 0 364px;}

/*个人资料*/
.profile .content .inner{ background:url(images/bg_profile.jpg); text-indent:-999em;}

/*联系方式*/
.contact .content .inner{ background:url(images/bg_contact.jpg); text-indent:-999em;}

/*联系方式*/
.links h2{ height:0;}
.links img{ display:block;}
.links .pw-box{ width:236px; height:108px; margin:180px auto 0; padding:2px 3px 4px; background:url(images/bg_pw_box.png);}
	.pw-box p{ margin:12px 15px -5px; color:#9b8a5e;}
	.pw-box input{ width:194px; padding:3px 6px; border:0; background:#cbc6b7;}
	.pw-box .btn-box{ padding-top:6px; text-align:center;}
		.btn-box button{ width:55px; height:21px; margin:0 5px; background:url(images/bg_btn.png); border:0; cursor:pointer; color:#444;}

/*作品详情*/
.portfolio-detail .content{ padding:20px 0;}
.portfolio-detail img{ max-width:760px; display:block; margin:0 auto; padding:10px; background:#fff;}

/*页脚导航*/
.nav{ background:#fff;}
	.nav .inner{ width:1005px; height:60px; margin:0 auto; background:url(images/bg_nav.png) 0 5px;}
	.nav h1{ width:190px; height:60px; text-indent:-999em; float:left;}
	.nav ul{ margin-top:16px; padding:6px 18px; float:left; border-left:1px solid #ebebeb;}
	.nav li{ margin:0 13px; float:left; display:inline;}
	.nav p{ display:none;}
	.nav a{ color:#aaa; text-decoration:none; font-weight:700;}
	.nav a:hover{ color:#9b8a5e; text-decoration:underline;}
	.nav .selected{ color:#9b8a5e;}