/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/*Í·²¿*/

  .inner{ max-width:1280px; width:100%; margin:0 auto; padding-top:50px;}
  .inner_h1{ font-size:20px; color:#880e11; width:100%; margin-bottom:30px; font-family:"΢ÈíÑźÚ"; font-weight:bold;}
.inner_h1 span{ color:#a4a4a4; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-weight:100;}
  /*²úÆ·Çл»Ò³*/
#title0 { width:100%; float:left;  clear:both; height:39px; }
#title0 ul{ width:100%; height:38px; border-bottom:1px solid #880e11;}
#title0 ul li { float:left; height:37px; width:27%; text-align:center; line-height:38px;  background:#eeeeee; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #880e11;  }
#title0 li.hover { background:#ffffff; border-bottom:1px solid #FFFFFF; border-right:1px solid #880e11; border-left:1px solid #880e11; border-top:1px solid #880e11;}
#title0 li.hover a{color:#880e11; font-weight:bold; }
#title0 li a{ font-size:14px; font-family:"΢ÈíÑźÚ"; color:#434247;  line-height:24px; }
	
#tab_con{ width:100%; float:left; min-height:300px; margin-top:25px; }
#tab_con .con { width:100%; clear:both; display:none; padding:1%; padding-bottom:2%;} 
#tab_con .con_hover { display:block; }

  .inner{ max-width:1280px; width:100%; margin:0 auto; padding-top:50px;}
  .inner_h1{ font-size:20px; color:#000; width:100%; margin-bottom:30px; font-family:"΢ÈíÑźÚ"; font-weight:bold;}
.inner_h1 span{ color:#a4a4a4; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-weight:100;}
  /*²úÆ·Çл»Ò³*/
#title0 { width:100%; float:left;  clear:both; height:39px; }
#title0 ul{ width:100%; height:38px; border-bottom:1px solid #000;}
#title0 ul li { float:left; text-align:center; width:27%; line-height:37px; height:37px; background:#eeeeee; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #880e11;  }
#title0 li.hover { background:#ffffff; border-bottom:1px solid #FFFFFF; border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; }
#title0 li.hover a{color:#000; font-weight:bold; }
#title0 li a{ font-size:14px; font-family:"΢ÈíÑźÚ"; color:#434247;  line-height:37px; }
	
#tab_con{ width:100%; float:left; min-height:300px; margin-top:25px; }
#tab_con .con { width:100%; clear:both; display:none; padding:1%; padding-bottom:2%;} 
#tab_con .con_hover { display:block; }

.xiangxi{ font-size:14px; line-height:18px; }
#list{ width:100%;}
.nw_til{ width:100%; margin-bottom:25px; border-bottom:1px solid #d9d9d9; padding-bottom:20px; }
.nw_biaot{ width:100%; font-size:16px; font-family:"΢ÈíÑźÚ"; color:#000; font-weight:bold; margin-bottom:8px;}
.nw_date{ width:100%; font-size:14px; font-family:"΢ÈíÑźÚ"; color:#6a6a6a;}
.nw_txt{ width:100%; font-size:14px; font-family:"΢ÈíÑźÚ"; color:#6a6a6a; line-height:22px; margin-top:13px;  }
	
#list ul li { background:url(images/icon7.jpg) no-repeat 0 30%; width:98%; line-height:35px; margin-bottom:10px; padding-bottom:10px;  border-bottom:1px #eeeeee solid; padding-left:1%; height:20px; text-decoration:none; font-size:14px; }
#list ul li .txt { width:90%; float:left; }
#list ul li .date { width:10%; float:left; font-size:14px; text-align:right;}
#list ul li a { color:#5a5a5a;  }
#list ul li a:hover{ text-decoration:underline;}
.page{ width:100%; margin:0 50% auto; margin-top:30px; }
.page a { margin:5px; }

.xiangxi{ font-size:14px; line-height:20px; color:#5a5a5a; font-family:"΢ÈíÑźÚ"; }

	p{ margin:0; padding:0;}
		a{ text-decoration:none;}
		#credits { background:#1e1e1e; }
		#credits ul { padding:0px; margin:0px; }
		#credits li { line-height:normal; margin-bottom:0px; }

		#credits a { color:#FFFFFF; font-family:"΢ÈíÑźÚ"; font-size:14px; }
		
		#credits .toggle-menu {
			float: right;
			width: auto;
			margin-top:10px; z-index:999;
		}

		.toggle {  margin-top: 10px; margin-right:15px; }

		.toggle-menu-bar {
			background-color: #fff;
			border-radius: 3px;
			display: block;
			height: 3px;
			margin: 0 auto 3px;
			width: 18px;
		}
	
	.toggle-menu li { display: block; float: left; list-style-type: none; text-align: left; padding:10px;	}
	.toggle-menu li a { display: block;   position: relative; color: #1e1e1e; font-family:"΢ÈíÑźÚ"; }
	
	.home .showhome, .showinternal { display: block }
	.home .showinternal, a.showhome { display: none }


#huizhan{
	

	width:100%;
	height:46px;
	position:fixed;
	text-align:center;
	top:250px;
	font-size:40px;
	color:#FFFFFF;
	font-family:"ºÚÌå";
}

#heading {
	width:100%;
	float:left;
	height:377px;
	overflow:hidden;
	background:#1e1e1e;
	margin-top:75px; display:none;
	}
	
	#heading a { color:#FFF; text-decoration:none; opacity:1.0; 
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out; }
	#heading:hover a {  border-bottom:1px solid #FFF;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out; }
	#heading:hover a:hover {opacity:0.6; 
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out; }
	
#heading h2 {
	width:73%;
	padding-left:15%;
	color:#FFF;
	text-align:left;
	position:fixed;
	left:0px;
	top:290px;
	border-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
	padding-top:-1%;
	line-height:26px;
}

#heading p {
	width:100%;
	color:#FFF;
	text-align:center;
	position:fixed;
	left:0px;
	top:282px;
	font-size:16px;
	line-height:22px;
	letter-spacing:1px
}

#heading .second-para {
	top:417px;
	font-size:13px
}

.quote {
	text-align:center;
	border-bottom:0px;
	line-height:28px;
	margin-bottom:72px
}

.red {
	color:#b01717
}

#footer {
	background:#1e1e1e;
	width:100%;
	height:86px;
	float:left;
	margin-top:64px
}

#footer p {
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:12px;
	margin-top:14px; line-height:14px;
	letter-spacing:1px;
	font-family:"΢ÈíÑźÚ";
}

#footer:hover a {text-decoration:underline }

#footer p a {
	color:#FFF;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	text-decoration:none }
	
	#footer p a:hover {opacity:0.6; 
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out; }



#full-container {
	width:96%;
	margin-left:2%;
	overflow-x:hidden;
	position:relative;
	z-index:1;
	background:#f0efef;
float:left; margin-top:40px;
}

.post {
	width:21%;
	height:auto;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:0%;
	float:left;
	position:relative;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-backface-visibility: hidden;
	cursor:pointer
}

.post-photo {
	width:78%;
	height:auto;
	float:left;
	position:relative;
	background:#fff;
	padding:11%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.post-photo img {
	float:left;
	width:100%;
	height:auto;
	opacity:0.8
}

.post-content {
	float:left;
	width:100%;
	position:relative;
	padding-bottom:30px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}





.post:hover .post-content {
	background:#FFF;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.post-hover {
	background:url(../images/below-image-hover.png) no-repeat;
	width:100%;
	background-size:100%;
	height:10px;
	position:absolute;
	left:0px;
	top:0px;
	opacity:0
}

.background-blur {
	display:none;
	z-index:-1;
	position:fixed; width:100%; height:100%; top:0px; left:0px;
	opacity:0.1
}

.background-blur img {
	opacity:0.8
}

.photograph {
	background:url(../images/camera.png);
	background-size:100%;
	width:24px;
	height:18px;
	position:absolute;
	left:50%;
	top:31px;
	margin-left:-12px
}

.music {
	background:url(images/music.png);
	background-size:100%;
	width:16px;
	height:24px;
	position:absolute;
	left:50%;
	top:31px;
	margin-left:-8px
}

.instagram {
	background:url(images/instagram.png);
	background-size:100%;
	width:22px;
	height:22px;
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-11px
}


.work {
	background:url(images/mouse.png);
	background-size:100%;
	width:14px;
	height:23px;
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-7px
}

.border-top {
	background:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:40px
}

.border-bottom {
	background:#FFF;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px
}

.border-left {
	background:#FFF;
	position:absolute;
	bottom:0px;
	left:0px;
	width:40px;
	height:100%
}

.border-right {
	background:#FFF;
	position:absolute;
	bottom:0px;
	right:0px;
	width:40px;
	height:100%
}


.around-month-outside {
width: 100%;
float:left;
clear: both;
margin-top:56px
}

.around-month {
padding: 0;
margin: 0 auto;
list-style-type: none;
float: left;
position: relative;
left: 50%;
}

.around-month h2 {
float: left;
position: relative;
right: 50%;
color:#000;
}

.league {
font-size: 22px;
line-height: 22px;
margin-bottom: 0px;
letter-spacing: 4px;
text-transform: uppercase;
font-family: LeagueGothic, Arial, Helvetica, sans-serif;
font-weight: normal;
}

.around-h3 {
	width:100%;
	clear: both;
	float:left;
	margin-top:70px
}

.post-content p {
	width:60%;
	padding-left:20%;
	padding-right:20%;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	text-align:center;
	float:left;
	margin-top:13px;
	margin-bottom:9px
}

#full-image-surround .post-content p {
	margin-bottom:19px
}


.post-content .excerpt {
	width:220px;
	position:absolute;
	left:50%;
	margin-left:-110px;
	top:107px;
	padding:0px
}

.post-content .date {
	font-family:"MillerDisplay Light", Didot, 'Times New Roman', Times, serif;
	font-style: italic;
  	font-weight: normal;
	position:relative;
	margin-bottom:0px;
	float:left;
	width:100%;
	padding:0px;
	text-align:center
}

.date-surround {
	float:left;
	width:26%;
	padding-left:10%;
	padding-right:10%;
	margin-right:27%;
	margin-left:27%;
	border-bottom:1px solid #2a2a2a;
	padding-bottom:9px;
	margin-top:96px
}

.full-image-surround .date-surround {
	margin-top:0px
}

.date-inner {
	float:left;
	width:100%;
	position:relative
}

.line {
	background:#2a2a2a;
	position:absolute;
	left:-38%;
	bottom:6px;
	height:1px;
	width:20%
}

.right-line {
	right:-38%;
	left:auto
}
	

.inside-h3 {
float: left;
position: relative;
left: 50%;
}

.inside-h3 h3 {
float: left;
position: relative;
right: 50%;
text-align:center
}

.miller-italic {
font-family:"΢ÈíÑźÚ";
font-weight: normal;}

.full-image-surround {
	position:absolute;
	width:100%;
	left:0%;
	top:0px;
	z-index:25;
	float:left;
}

#single-home-container  {
	position:fixed;
	width:100%;
	height:100%;
	overflow:auto;
	left:0%;
	top:0px;
	z-index:25;
	float:left;
	display:none
}

#single-home-container span p {
	text-align:center;
	font-family:"MillerDisplay Light", Didot, 'Times New Roman', Times, serif;
	font-style: italic;
  font-weight: normal;
	font-size:13px;
	letter-spacing:1px;
	position:fixed;
	width:100%;
	left:0px;
	top:49%
}

.trick {
	text-decoration:none
}

.full-image-surround .post-content {
	width:32%;
	margin-left:35%
}

#credits { background:#000; width: 100%; float: left; overflow:hidden; position:relative;  position:fixed; z-index:9999; }
#credits .logo{ width:251px; height:32px; position:absolute; background:#000; left:30px;  top:20px; }
#credits .logo img{ width:100%; height:100%;}

/*
#credits p {
	width: 100%;
color: #FFF;
text-align: center;
float:left;
margin-bottom:0px;
margin-top:46px;
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
-webkit-font-smoothing: subpixel-antialiased;}

#credits:hover a { border-bottom:1px solid #FFF }

#credits p a {
	color:#FFF;opacity:1.0; 
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	text-decoration:none
}

#credits p a:hover {
	color:#FFF;opacity:0.6; 
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out
}
*/

.credits-link { cursor:pointer }
.close-credits-surround { position:absolute; right:20px; bottom:10px; margin:0px !important; font-family:"MillerDisplay Light", Didot, 'Times New Roman', Times, serif; font-weight:normal; font-style:normal; opacity:0}
.close-credits-surround a { cursor:pointer; border:0px !important }
#white-over {
	background:#e9e7e7;
	position:fixed;
	width:100%;
	height:100%;
	left:0%;
	top:0px;
	z-index:24;
	display:none;
	opacity:0.9
}

.white-behind {
	background:#ffffff;
	position:fixed;
	width:100%;
	height:100%;
	left:0%;
	top:0px;
	z-index:-2;
	display:none;
}

.full-image{
	position:relative;
	float:left;
	width:62%;
	left:16%;
	padding:3%;
	background:#FFF;
	height:auto
}

.full-image img {
	width:100%;
	height:auto;
	float:left
}

#nav {
	position:fixed;
	left:50%;
	top:50%;
	width:200px;
	margin-left:-100px;
	margin-top:-76px;
	z-index:1;
	display:none
}

#nav li {
	text-align:center;
	font-size:14px;
	line-height:19px;
	margin:0px;
	letter-spacing:1px
}

#nav li a {
	color:#b01717;
	text-decoration:none
}

#nav li a:hover {
	cursor:pointer;
	text-decoration:underline
}

body .secondary-nav {
	text-align:center;
	font-size:14px;
	line-height:19px;
	margin:0px;
	letter-spacing:1px;
	margin-top:24px
}

body .secondary-nav a {
	text-decoration:none;
	color:#b01717;
}

body .secondary-nav a:hover {
	text-decoration:underline;
	cursor:pointer
}

body .second-nav-first {
	margin-bottom:21px
}


body .instagram-image {
	width:40%;
	left:27%
}

body .portrait {
	width:40%;
	left:27%
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1510px) {
		.post {
			width: 29.3%;
			height: auto;
			margin-right: 2%;
			margin-left: 2%;
			float: left;
			position: relative;
			}
			.full-image-surround .post-content p {
				width:80%;
				padding-left:10%;
				padding-right:10%
			}
		}
		
		@media only screen and (max-width: 1200px) {
			
			#full-container {
	width:90%;
	margin-left:5%;
}
			
		.post {
			width: 42%;
			height: auto;
			margin-right: 4%;
			margin-left: 4%;
			float: left;
			position: relative;
			}
			
			.full-image-surround .post-content p {
				width:100%;
				padding-left:0%;
				padding-right:0%
			}
		
		}
	
		
		@media only screen and (max-width: 850px) {
			
			#logo { position:absolute }
			#heading h2 { position:absolute }
			#heading p { position:absolute }
		
			
			.full-image-surround .post-content {
				width:50%;
				margin-left:25%;
			}
			
			#white-over {
	opacity:1.0
}
		
		}
		
		@media only screen and (max-width: 600px) {
			
			#full-container {
				width:80%;
				margin-left:10%;
				float:left
			}
			
				
		.post {
			width: 100%;
			height: auto;
			margin-right: 0%;
			margin-left: 0%;
			float: left;
			position: relative;
			}
			
			.full-image-surround .post-content {
				width:70%;
				margin-left:15%;
			}
			
			.quote-around { display:none }

#heading { display:none }
#full-container { top:0px }

.date-surround {
				float:left;
				width:46%;
				padding-left:10%;
				padding-right:10%;
				margin-right:17%;
				margin-left:17%;
			}
			.line { left:-21% }
			.right-line { right:-21%; left:auto } 
			.full-image { width:84% !important; left:5% !important }
		}
		
		@media only screen and (max-height: 720px) {
		
		/*#heading {
	width:100%;
	float:left;
	height:547px;
	overflow:hidden;
	background:url(images/background_no-crop.jpg) no-repeat left top fixed;  -webkit-background-size: cover; -moz-background-size: cover;	-o-background-size: cover; background-size: cover;	 }*/
		}





	@media screen and (-webkit-min-device-pixel-ratio: 2) {
	h1 { background:url(images/lane-retina.png) no-repeat; background-size:100%  }
	}