@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, dl, ul, ol{
	margin:0;
	padding:0;
}
em{ font-style:normal; font-weight:bold;}
body {
	font-size:12px;
	background-color:#000;
	color:#5E5E5E;
	width:2580px;
	min-width:2580px;
	overflow:auto;
}
a { color:#5E5E5E; text-decoration:none; border-bottom:1px dashed #5E5E5E; }
a[rel*="external"] {
	margin-right:5px;
	padding:0 10px 0 5px;
	background:url(../img/icon.gif) no-repeat right -42px;
}
a:visited { color:#5E5E5E; }
a[rel*="external"]:visited { background-position:right -87px; }
a:hover { color:#B4B4B4; }
li { list-style:none; }
.mod-title {
	color:#3685AA;
	font-family:"幼圆";
	font-size:29px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:2px;
	text-shadow:1px 1px 3px #000000;
}
/*=header*/
#header {
	background-color:#141414;
	float:left;
	left:0;
	margin:20px;
	min-height:500px;
	_height:500px;
	padding:10px;
	position:fixed;
	top:0;
	width:198px;
	z-index:1;
	border:1px solid #242424;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#header:hover {
	background-color:#4F4F4F;
	color:#f4f4f4;
	border-color:#f4f4f4;
}
#header:hover a{color:#f4f4f4; border-color:#fff; }
#header:hover a:hover{color:#B4B4B4;}
#header:hover a[rel*="external"]:visited{background-position:right -109px;}
#header:hover a[rel*="external"]:hover{color:#B4B4B4;}
#header:hover .email{background-position:right -19px;}
#photo-wrap,#desc,#title{ text-align:center;}
#photo-wrap{padding:10px;}
.photo{ padding:2px; border:1px solid #5E5E5E;}
#hcard{border-bottom:1px solid #E6E6E6; padding-bottom:20px;}
#hcard dt { float:left;width:60px; text-align:right; font-weight:bold;}
#hcard dd { clear:right;margin:4px 0 4px 60px; }
#title {
	color:#FFFFFF;
	font-family:"Lucida Grande", Arial, sans-serif;
	letter-spacing:-2px;
	position:relative;
	font-size:24px;
}
#title .title_bg {
	background:url(../img/gradient-dark-stripe-hz.png) repeat-x 0 5px;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
        _display:none;
}
#header:hover .title_bg { background:none; }
.email {
	background:url(../img/icon.gif) no-repeat right 3px;
	margin-right:5px;
	padding:0 15px 0 5px;
}
#nav{
margin-top:10px;
padding:5px;}
#nav li{
float:left;
height:25px;
line-height:25px;
text-align:center;
width:90px;
}
#nav li.on{
	font-weight:bold;
	}
#nav li.on:after{
	content:"]";
	}
#nav li.on:before{
	content:"[";
	}
/*=main*/
#self-evaluation .mod-title { border-bottom:2px solid #889A6E; }
#job-preference .mod-title { border-bottom:2px solid #3685AA; }
#certificates-awards .mod-title { border-bottom:2px solid #CC1D44; }
#project-experience .mod-title { border-bottom:2px solid #E38502; }
#practice-experience .mod-title { border-bottom:2px solid #67CC1D; }
#skills .mod-title { border-bottom:2px solid #FFE900; }
#main {
	margin-left:260px;
	float:left;
	_margin-left:0;
	display:inline;
}
#main .mod {
	float:left;
	margin:20px;
	padding:10px;
	width:198px;
	_height:500px;
	min-height:500px;
	background-color:#141414;
	border:1px solid #242424;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#main .mod:hover {
	background-color:#2F2F2F;
	color:#f4f4f4;
	border-color:#4F4F4F;
}
#main .mod:hover a{color:#f4f4f4; border-color:#fff; }
#main .mod:hover a:hover{color:#B4B4B4;}
#main .mod:hover a[rel~="external"]{background-position:right -64px;}
#main .mod:hover a[rel~="external"]:visited{background-position:right -109px;}
#main .mod:hover .email{background-position:right -19px;}
#main .mod:hover .in-title{ background-position:0 -149px;}
#self-evaluation .content p{ text-indent:2em;}
#self-evaluation .content em{color:#3685AA;padding:0 2px;}
#certificates-awards:hover .content dt{ background-position:0 -190px;}
.in-title{ font-weight:bold; background:url(../img/icon.gif) no-repeat 0 -130px; padding-left:20px; margin-top:10px;font-size:14px;}
#certificates-awards .content dt{background:url(../img/icon.gif) no-repeat 0 -170px; margin:10px 0 0 15px;
padding-left:15px;}
#skills dd{
background-color:#1F1F1F;
background-image:url(../img/stars.png);
background-repeat:no-repeat;
margin:5px;
padding:1px 0;
text-indent:1em;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
	}
.duration{padding-left:20px;font-size:11px;}
.description{ text-indent:20px; margin:5px 0;}
#certificates-awards .description,#job-preference .description{ text-indent:0;padding-left:30px;margin:5px 0;}
#job-preference .description{padding-left:20px;}
.images img{ width:60px; height:40px; border:1px solid #6F6F6F; opacity:0.5; filter:alpha(opacity=50);}
.images a:hover img{ opacity:1;filter:alpha(opacity=100);}
.images li{ display:inline;}
.images li a:not([class="more"]){ border:none; background:none;}
.images li a{border:none !ie; background:none !ie;}
/*=footer*/
#footer {
	bottom:10px;
clear:both;
position:fixed;
right:10px;
text-align:right;
}
.css{ text-decoration:line-through;}