/*#slider{
	width:100px;
}
#slider img{
	width:100px;
}*/

/*html,body{
	height:100%;
}*/
body{
	width: 100%;
	height:100%;
	color: #847F78;
	background-color: #f8f8f8;
	font-style: italic;
	text-transform: lowercase;
}

#logo{
	font-family: "garamond-premier-pro-caption",serif;
	/*left: 5% !important;
	position: absolute;*/
}

.container{
	position: absolute;
	background: #efeeed;
	background-position: bottom right;
	/*font-family: "ff-tisa-web-pro",Georgia,Cambria,"Times New Roman",Times,serif;*/
	font-family: "adelle-sans",sans-serif;
	font-weight: 100;
	z-index: 0;
}

canvas#cloth{
	float:left;
	position: absolute;
	z-index: -1;
	left: 30%;
	/*display: none;*/
}

a{
	color: #85827e;
	text-decoration: none;
	font-family: "adelle-sans",sans-serif;
	font-weight: 100;
	font-size: 13px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
a:hover{
	color: #adadad;
}

h4{
	font-size: 18px;
	color:#d3c9c7;
	font-weight: 400;
}

::selection {
	color:#f4f3f2;
	background: #d3c9c7; /* Safari */
}
::-moz-selection {
	color:#f4f3f2;
	background: #d3c9c7; /* Firefox */
}

.site-title{
	color:#85827e;
	font-size: 22px;
	font-style: normal;
	line-height: 1em;
}
.site-subtitle{
	color:#adadad;
	font-size: 12px;
	padding: 0;
	margin:0;
}


.nav-menu{
	/*width: 140px;*/
	top: 150px;
	/*left: 5%;
	position: fixed;*/
}
.nav-menu ul{
}
.nav-menu ul li{
	padding: 5px 0;
	list-style-type: none !important;
}
.nav-menu a{
	letter-spacing: .05em;
	font-style: normal;
	color:#adadad;
	font-family: "garamond-premier-pro-caption",serif;
}
.nav-menu a:hover{
	color: #85827e;
}
.nav-menu a{
	font-family: "adelle-sans",sans-serif;
	font-size: 12px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.nav-menu .current_page_item>a{
	color : #333 !important; /*#85827e;*/
}

.nav-menu .works a{
}
.nav-menu .online-exhibition{
	line-height: 12px;
}

/*color area */
.bg{
	top: 20px;
	left: 20px;
	bottom: 0;
	right: 0;
	padding: 50px 0 0 50px;
	position: absolute;
}

.col1{
	/*background: red;*/
	width:10%;
	height: 100%;
	float:left;

	/*position: relative;*/
}
.col2{
	/*background: yellow;*/
	height: 100%;
	width:30%;
	left: 20%;
	float:left;
	/*position: relative;*/
}

.main-content{
	padding: 0 0 0 1em;
	width: 50%;
	margin-left: 100px;
	/*hung edit*/
	width: auto;
	height: auto;
	outline:none;
	position: absolute;
	top:50px;
	bottom:33px;
	right: 100px;
	/***********/
}
/*hung edit*/
.main-content .block{
	width:62.5%;
}
/***********/
.main-content{
	text-align: center;
}
.main-content img{
	height: 100%;
	width: auto;
	/*opacity: .25;
	filter:alpha(opacity=25);*/
}
.main-content video{
	/*opacity: .1;
	filter:alpha(opacity=10);*/
}

.main-content .meta{
	list-style-image:url('../images/bullet.gif');
	text-indent: 2px;
	font-size: 12px;
	padding-top: 10px;
}
.main-content .meta-key{
	font-weight: 700;
}
.main-content .meta-value{
	margin-left: .5em;
}

.meta-exhibition ul{
	padding:0;
	margin:5px 0 0 0;
	list-style-image: none;
}
.meta-exhibition ul li{
	line-height: 14px;
	margin-bottom: .5em;
}

.main-content .date{
	font-size:12px;
}

.main-content .solid-text{
	opacity: 1;
	filter:alpha(opacity=1);
}

.subtle-text{
	/*opacity: .45;
	filter:alpha(opacity=45);*/
}


.separator{
	width:50px;
	height:1px;
	border-top: #adadad 1px solid;
	margin: auto;
}
.work-content .content-text{
	width:80%;
	margin-left: 0.5em;
}
.main-content .banner{
	margin-top: 2em;
}
.page-title{
	/*color:#85827e;*/
	color: #b6b6b6;
	font-size: 20px;
	padding: 1em 0 1em 0;
	min-width: 150px;
	font-family: "garamond-premier-pro-caption",serif;
	font-style: italic;
}
.title{
	color:#85827e;
	/*border-top: 1px #adadad solid;*/
	padding: 1em 0 .5em 0;
	min-width: 150px;
	font-family: "garamond-premier-pro-caption",serif;
	font-style: italic;
}
h3.title{
	font-size: 18px;
}
h4.title{
	font-size: 16px;
	border-bottom:none;
}


.jspContainer:focus,.works-list:focus{
	outline-color: #b6b6b6 !important;
	outline-style: none;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.slidebox .title{
	cursor: pointer;
}

.video-container{
    text-align: center;
    margin-top: 100px;
}

.main-content>.jspContainer:first-child {
	margin-top: 100px;
}
.main-content ul li{
	text-align: left;
}