@charset "utf-8";
/*------------------------------------------------------------------
AvenirZheng Verison 2011 General Style Sheet
Verison: 1.0
Date:2/05/2011 
Autor:AvenirZheng
Email:AvenirZheng@gmail.com
Website:http://avenirzheng.net
--------------------------------------------------------------------*/
@import url("reset.css");/* =HTML5 RESET based on Eric Meyer*/
/*=== GLOBAL ===*/

body{
	background:#461707 url(../img/bg.jpg) no-repeat center top;
	font-family: "Microsoft YaHei", "微软雅黑", Simsun, Mingliu, Arial, Helvetica;
	color:#c6c2c0;
	-webkit-text-size-adjust:none;
	font-size:12px;
}
a{
	text-decoration:none;
}
.hid_content,
.hidden{
	display:none;
}
.onhover .hid_content{
	display:block;
}
.onhover {
	z-index:4 !important;
}
.warp{
	width:605px;
	height:605px;
	background:url('../img/bg_warp.png') no-repeat;
	position:absolute;
	top:120px;
	left:37%;
	*z-index:2;
}
.warp .gb_box{
	position:absolute;
	width:150px;
	height:150px;
	background-position:center center;
	z-index:3;
}
.hid_content{
	position:absolute;
}
.hid_content .btn_close{
	border:none;
	background:none;
	background-color:rgba(0,0,0,.3);
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	width:20px;
	height:20px;
	padding:0;
	margin:0;
	position:absolute;
	right:5px;
	top:5px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.65);;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
}
.hid_content .btn_close:hover{
	-webkit-transform: scale(1.3) rotate(360deg);
}
/* BIO */
.warp .gb_header{
	width:453px;
	height:150px;
	right:0px;
	top:303px;
	text-align:right;
}
#bio hgroup{
	width:100%;
	height:100%;
	float:right;
	clear:both;
}
#bio hgroup h1{
	display:block;
	width:100%;
	height:100%;
}
#bio hgroup h1 a{
	display:block;
	line-height:600px;
	overflow:hidden;
	height:150px;
	background:url('../img/logo.png') no-repeat 42px 30px;
	-webkit-transition:all .5s ease-out;
}
#bio hgroup h1 a:hover,
#bio hgroup h1 a:active,
#bio hgroup h1 a:focus{
	background-color:rgba(134,34,105,.2)
}
#bio hgroup h2{
	display:none;
}
.gb_nav{
	position:absolute;
	right:0px;
	top:405px;
	right:20px;
	z-index:4;
}
.gb_nav{
	float:right;
	clear:both;
	font-size:0px;
}
.gb_nav li{
	display:inline-block;*display:inline;*zoom:1;
	width:20px;
	height:20px;
	margin-left:5px;
}
.gb_nav li a{
	display:block;
	height:20px;
	line-height:90px;
	overflow:hidden;
	background:url('../img/icon.png') no-repeat;
	-webkit-transition:all .2s ease-out;
	-webkit-opacity:0.7;
}
.gb_nav li a:hover{
	opacity:1;
}
.gb_nav li.linkedin a{
	background-position:0 0;
}
.gb_nav li.facebook a{
	background-position:-25px 0;
}
.gb_nav li.deliciou a{
	background-position:-50px 0;
}
.gb_nav li.douban a{
	background-position:-76px 0;
}
.gb_nav li.flickr a{
	background-position:-101px 0;
}
.gb_nav li.blog a{
	background-position:-126px 0;
}
.gb_nav li.twitter a{
	background-position:-151px 0;
}
.gb_nav li.weibo a{
	background-position:-177px 0;
}
.gb_nav li.gtalk a{
	background-position:-202px 0;
}
.gb_nav li.mail a{
	background-position:-227px 0;
}
.gb_nav li.linkedin a:hover{
	background-position:0 -30px;
}
.gb_nav li.facebook a:hover{
	background-position:-25px -30px;
}
.gb_nav li.deliciou a:hover{
	background-position:-50px -30px;
}
.gb_nav li.douban a:hover{
	background-position:-76px -30px;
}
.gb_nav li.flickr a:hover{
	background-position:-101px -30px;
}
.gb_nav li.blog a:hover{
	background-position:-126px -30px;
}
.gb_nav li.twitter a:hover{
	background-position:-151px -30px;
}
.gb_nav li.weibo a:hover{
	background-position:-177px -30px;
}
.gb_nav li.gtalk a:hover{
	background-position:-202px -30px;
}
.gb_nav li.mail a:hover{
	background-position:-227px -30px;
}
#bio .hid_content{
	background-color:#862269;
	width:453px;
	height:302px;
	bottom:0px;
	right:0px;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	color:#fff;
}

#bio .bio_warp{
	margin:40px 30px;
}
#bio .bio_warp a{
	color:#fff;
	text-decoration:underline;
}

.warp .gb_box .ico_word{
	width:150px;
	height:150px;
}
.warp .gb_box .ico_word a{
	display:block;
	line-height:600px;
	overflow:hidden;
	width:150px;
	height:150px;
	background-position:36px 36px;
	background-repeat:no-repeat;
	-webkit-transition:all .2s ease-out;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .warp .gb_box .ico_word a:hover,
	.warp .gb_box .ico_word aactive,
	.warp .gb_box .ico_word a:focus{
		background-position:-124px 36px;
	}
}
.warp .gb_box .ico_word a:active,
.warp .gb_box .ico_word a:focus,
#bio hgroup h1 a:active,
#bio hgroup h1 a:focus{
	outline:solid 0px #fff;
}
/* portfolio */
#portfolio {
	left:303px;
	top:1px;
}
#portfolio .ico_word a{
	background-image:url(../img/word_zuo.png);
}
#portfolio .ico_word a:hover,
#portfolio .ico_word a:active,
#portfolio .ico_word a:focus{
	background-color:rgba(211,211,211,.2);
}

#portfolio .hid_content{
	width:605px !important;
	height:302px;
	left:-303px;
	top:-1px;
}
#portfolio .portfolio_warp{
	width:605px;
	height:100%;
	overflow:hidden;
	position:relative;
	background-color:#000;
}
#portfolio .portfolio_warp .work_list{
	width:20000px;
	position:relative;
}
#portfolio .portfolio_warp .work{
	width:605px;
	height:302px;
	float:left;
	overflow:hidden;
	position:relative;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 4605px 3302px;
	-webkit-mask-image: url(../img/case_mark.png);
	-webkit-transition:all .5s ease-out;
}
#portfolio .portfolio_warp .work:hover{
	-webkit-mask-size: 605px 302px;
}
#portfolio .portfolio_warp .work hgroup{
	width:575px;
	height:40px;
	padding:15px;
	position:absolute;
	bottom:0px;
	background-color:rgba(15,15,15,.8);
	color:#fff;
	background-color:#000\9;
	filter: Alpha(opacity=80);
}
#portfolio .portfolio_warp .work hgroup a{
	color:#fff;
	text-decoration:none;
}
#portfolio .portfolio_warp .work hgroup h1{
	font-size:18px;
	font-weight:bold;
}
#portfolio .portfolio_warp .work hgroup h2{
	font-size:12px;
	font-weight:normal;
}
#portfolio .portfolio_warp .work .main a{
	display:block;
	text-align:center;
	width:605px;
	height:302px;
}
#portfolio .buttons{
	position:absolute;
	width:32px;
	height:86px;
	background-image:url(../img/arrows.png);
	background-repeat:no-repeat;
	top:50%;
	margin-top:-50px;
	line-height:200px;
	overflow:hidden;
	z-index:6;
	-webkit-opacity:0;
	-webkit-transition:all .5s ease-out;
}
.disable{
	display:none !important;
}
#portfolio .hid_content:hover .buttons{
	-webkit-opacity:1;
}
#portfolio .buttons:hover{
	-webkit-opacity:1;
}
#portfolio .prev{
	left:-32px;
	background-position:0px 0px;
}
#portfolio .next{
	right:-32px;
	background-position:-32px 0px;
}
/* weblog */
#weblog{
	top:303px;
	left:1px;
}
#weblog .ico_word a{
	background-image:url(../img/word_ji.png);
}
#weblog .ico_word a:hover,
#weblog .ico_word a:active,
#weblog .ico_word a:focus{
	background-color:rgba(39,119,157,.2);
}
#weblog .hid_content{
	width:455px;
	height:302px;
	left:-1px;
	bottom:0px;
	background-color:#27779d;
}
#weblog .log_list{
	margin:25px 0px;
}
#weblog .log_list a{
	color:#9ab1bc;
	zoom:1;
	-webkit-transition:all .5s ease-out;
}
#weblog .log_list h1,
#weblog .log_list h1 a{
	color:#fff;
	font-size:14px;
}
#weblog .log_list ol{
	list-style:none;
}
#weblog .log_list li{
	position:relative;
	margin:0 0 20px 0;
	padding:10px 15px 10px 37px;
	-webkit-transition:all .5s ease-out;
	text-shadow:0px 1px 1px #226B8D;
}
#weblog .log_list li:hover{
	background-color:#1F5D79;
}
#weblog .log_list a:hover{
	color:#fff;
}
#weblog .log_list .num{
	position:absolute;
	width:17px;
	height:20px;
	left:15px;
	top:15px;
	text-align:center;
	line-height:27px;
	background:url(../img/calendar.png) no-repeat;
	color:#fff;
	font-family:Arial, Helvetica;
	font-weight:bold;
}
/* photo */
#photo{
	right:1px;
	bottom:1px;
}
#photo .ico_word a{
	background-image:url(../img/word_zhao.png);
}
#photo .ico_word a:hover,
#photo .ico_word a:active,
#photo .ico_word a:focus{
	background-color:rgba(188,179,36,.2);
}
#photo .hid_content{
	width:605px;
	height:150px;
	right:-1px;
	bottom:-1px;
	background-color:#c0b725;
}
#photo .photo_list{
	font-size:0px;
	padding:4px;
	margin-right:-4px;
}
#photo .photo_list li{
	display:inline-block;*display:inline;*zoom:1;
	font-size:12px;
	width:40px;
	height:40px;
	overflow:hidden;
	border:1px solid #847e1e;
	margin:1px 4px 4px 1px;
	text-align:center;
}
#photo .photo_list a{
	display:table-cell;
	height:40px;
	vertical-align:middle;
}
#photo .photo_list img{
	width:65px;
	margin:0 auto;
}
#photo .photo_list li:hover{
	border:2px solid #212108;
	margin:0px 3px 3px 0px;
}
/* my_pic */
.my_pic section{
	position:absolute;
	width:150px;
	height:150px;
	-webkit-transition:all .5s ease-out;
	-webkit-opacity:0.5;
	z-index:2;
}
.my_pic section:hover{
	opacity:1;
}
.my_pic .pic1{
	height:300px;
	background:url('../img/bg_aside_01.jpg') no-repeat;
	left:0px;
	top:0px;
}
.my_pic .pic2{
	right:1px;
	top:152px;
	background:url('../img/bg_aside_02.jpg') no-repeat;
	display:none;
}
.my_pic .pic3{
	left:152px;
	bottom:1px;
	background:url('../img/bg_aside_03.jpg') no-repeat;
	display:none;
}

/* gb_footer */
.gb_footer{ 
	position:absolute;
	right:0px;
	bottom:-40px;
	text-align:right;
	color:#250b02;
	z-index:3
}
.gb_footer a{
	color:#250b02;
}

.body_mark{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.popup_mark{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10;
	display:none;
	filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8;
	background-color:#000;
	position:fixed;
}
.mod_popup{
	border-width:10px;
	border-style:solid;
	border-color:#000;
	border-color:rgba(0,0,0,.9);
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	background-color:#fff;
	position:absolute;
	left:50%;
	top:20%;
	margin-bottom:20px;
	max-width:800px;
	z-index:11;
	display:none;
	float:left;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
}
.mod_popup_close{
	padding:0;
	margin:0;
	border:none;
	position:absolute;
	right:-13px;
	top:-13px;
	width:28px;
	height:28px;
	text-align:center;
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url('../img/close.png') no-repeat;
}
.mod_popup_close:hover{
	
}
.loading{
	top:50%;
	left:50%;
	z-index:20;
	margin-left:-55px;
	margin-top:-32px;
	text-align:center;
	color:#fff;
	line-height:20px;
	position:fixed;
}

.mod_popup .photo-div img{
	float:left;
}
.mod_popup .post {
	margin:20px;
	color:#666666;
	line-height: 150%;
}
.mod_popup .post a:link,
.mod_popup .post a:visited{
	color:#10B6CC;
}
.mod_popup .entry-title{
	font-family: PMingliu;
	font-size: 2em;
	font-weight: 700;
	line-height: 133%;
	text-transform: uppercase;
}
div.entry-content .alignleft {
	float:left;
	margin:0.5em 1em 0.5em 0;
}
div.entry-content .alignright {
	float:right;
	margin:0.5em 0 0.5em 1em;
}
div.entry-content .center,
div.entry-content .aligncenter {
	display:block;
	margin:1em auto;
}
div.entry-content .clearer,
div.entry-content .entry-edit {
	clear:both;
	width:99%;
}
div.entry-content .content-column {
	width:40%;
}
div.entry-content .more-link {
	font-size:95%;
	font-weight:700;
	text-transform:uppercase;
}
div.entry-content a:hover img.center,
div.entry-content a:hover img.aligncenter,
div.entry-content a:hover img.alignright,
div.entry-content a:hover img.alignleft {
	border:1px solid #2c384d;
}
div.entry-content blockquote blockquote{
	border-left:5px solid #ccd0d6;
	font-size:0.9em;
	padding:0 1em;
}
div.entry-content blockquote{
	background:#ebedef;
	color:#4d5663;
	padding:0.1em 1em;
}
div.entry-content code,
div.entry-content pre {
	color:#494C5C;
	font:1em/133% "courier new", courier, monospace;
}
div.entry-content del{
	background:#ebedef;
	color:#31343a;
}
div.entry-content div.page-link {
	font-size:0.9em;
	font-weight:700;
	margin:0 0 1.5em;
	text-align:center;
}
div.entry-content h2,
div.entry-content h3 {
	font-size:1.5em;
	margin:1.5em 0 -0.3em;
}
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
	font-weight:400;
}
div.entry-content h4 {
	font-size:1.4em;
	margin:1.5em 0 -0.3em;
}
div.entry-content h5 {
	font-size:1.3em;
	margin:1.5em 0 -0.4em;
}
div.entry-content h6 {
	font-size:1.2em;
	margin:1.5em 0 -0.5em;
}
div.entry-content img.center,
div.entry-content img.alignright,
div.entry-content img.alignleft {
	border:1px solid #9aa1ae;
}
div.entry-content ins,
div.comments ol.commentlist ins {
	background:#f5f5dc;
}
div.entry-content ol ol {
	list-style:lower-alpha;
}
div.entry-content p{
	margin:1em 0;
}
body.attachment h3.entry-title {
	margin:-1.5em 0 0.5em 0;
}
div.entry-content div.entry-attachment {
	margin:-0.5em 0 1em;
}
div.entry-content div.entry-caption {
	margin-bottom:2em;
}
body.attachment h3.entry-title,
div.entry-content div.entry-attachment,
div.entry-content div.entry-caption {
	text-align:center;
}
div.entry-content .wp-caption-text {
	font-style:italic;
	margin:0.2em auto 1em auto;
	text-align:center;
}
div.entry-content div.gallery {
	clear:both;
	float:left;
	margin:1em auto;
	text-align:center;
	width:100%;
}
div.entry-content div.gallery dl {
	float:left;
	margin:0 auto;
	text-align:center;
}
div.entry-content div.gallery dl.gallery-columns-2 {
	width:49%;
}
div.entry-content div.gallery dl.gallery-columns-3 {
	width:33%;
}
div.entry-content div.gallery dl.gallery-columns-4 {
	width:24%;
}
div.entry-content div.gallery dl.gallery-columns-5 {
	width:19%;
}
div.entry-content div.gallery dd {
	font-style:italic;
	margin:0 auto 1em auto;
	text-align:center;
}
div.entry-content div.gallery * {
	margin:0;
	padding:0;
}
div.entry-content div.entry-attachment img,
div.entry-content div#nav-images div img {
	max-width:none;
	overflow:hidden;
}
div.entry-content ol{
	margin-left:20px;
}
div.entry-content ul li ul {
	list-style:square;
	line-height:150%;
}
div.entry-content ul.xoxo,
div.entry-content ul.xoxo li {
	list-style:none;
	margin:0;
	padding:0;
}
div.entry-content ul.xoxo li h3 {
	margin-bottom:0.3em;
}
div.entry-content ul.xoxo li ul {
	margin:0;
	padding:0;
}
div.entry-content ul.xoxo li ul li {
	list-style:square;
	margin:0 0 0 2em;
}
div.entry-content ul.xoxo li.hentry span.entry-title {
	font-size:1em;
	text-transform:none;
}
div.entry-content ul.xoxo li.hentry span.entry-date {
	font-size:1em;
}
div.entry-content ul.xoxo li ul li p {
	font-style:italic;
	margin-top:0.3em;
}