@charset "utf-8";

/*
=======================================================================
default font size style
=======================================================================
*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}


/*
=======================================================================
generic style
=======================================================================
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #666;
	background-color: #fff;
	}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

/* hidden item */
.hidden {
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}


/* sitewide link colors */
a:link {
	color: #333;
	text-decoration: underline;
	}

a:visited {
	color: #333;
	text-decoration: underline;
	}

a:hover {
	color: #bbb;
	text-decoration: underline;
	}
/* end sitewide link colors */

/* generic list style */
ul, li {
	list-style: none;
	}

/* horizontal rule styles - use: <div class="hr"><!-- --></div><hr /> */
div.hr {
	height: 1px;
	background: url(../images/dots.gif) center center repeat-x;
	margin: 1em 0;
	}

.last {
	margin-bottom: 0;
	}

.cleardiv {
	height: 0;
	clear: both;
	}

hr {display: none;}



/*
=======================================================================
top page
=======================================================================
*/

#top {
	width: 100%;
	background: #fff;
}

#top-main {
	padding: 0 20px 0 35px;
}

/* cover */

#top #cover {
	clear: both;
	width: 940px;
	}

#top #cover object {
	display: block;
	width: 940px;
	height: 400px;
	border: none;
	}

#top #cover img {
	display: block;
	width: 940px;
	height: 400px;
	border: none;
	}

/* news */

#top #news-wrap {
	width: 940px;
	}

#top #news-wrap h2 {
	font-size: 85%;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: #666;
	}

#top #news-wrap ul {
	list-style: none;
	color: #999;
	}

#top #news-wrap ul li {
	font-size: 85%;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
	list-style: none;
	}


#top #news-wrap ul li .title {
	padding: 0;
	}

#top #news-wrap ul li .date {
	padding: 0;
	}

#top #news-wrap ul li .venue {
	padding: 0;
	}

#top #news-wrap ul li.more {
	text-transform: uppercase;
	}

#top #news-wrap ul li a {
	padding-left: 10px;
	text-decoration: none;
	background: url(../images/arrow_s_off.gif) center left no-repeat;
	color: #999;
	}

#top #news-wrap ul li a:hover {
	background: url(../images/arrow_s_on.gif) center left no-repeat;
	color: #ccc;
	}

/* footer */

#top #footer {
	font-family: Arial, sans-serif;
	width: 940px;
	padding: 2em 0 1em 0;
	color: #999;
	}

/* end top page style */


/*
=======================================================================
contents page layout setting
=======================================================================
*/

#main {
	width: 940px;
	margin: 0 20px 0 30px;
}

/* menubar */

#menubar {
	clear: both;
	padding: 25px 0 60px 0;
	}

#menubar object {
	display: block;
	width: 940px;
	height: 20px;
	border: none;
	}

#menubar img {
	display: block;
	width: 940px;
	height: 20px;
	border: none;
	}

/* footer */

#footer {
	padding-top: 4em;
	padding-bottom: 2em;
	clear: both;
	}

#footer p {
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 9px;
	text-transform: uppercase;
	}

/* contents */

#page-title {
	float: left;
	width: 180px;
	}

#content {
	margin-left: 220px;
	}

#page-title h1 {
	height: 24px;
	width: 170px;
	text-indent: -5000px;
	line-height: 100%;
	}

#page-title #language {
	margin-top: 25px;
	font-size: 108% !important;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 180%;
	color: #333;
	letter-spacing: 1px;
	}

#page-title #language a {
	text-decoration: none;
	color: #999;
	}

#page-title #language a:hover {
	color: #ddd;
	}

p.top {
	float: right;
	padding-top: 1em;
	font-size: 77%;
	text-transform: uppercase;
	}

p.top a {
	text-decoration: none;
	padding-left: 15px;
	background: url(../images/arrow_up_off.gif) center left no-repeat;
	}

p.top a:hover {
	background: url(../images/arrow_up_on.gif) center left no-repeat;
	}

a.external {
	padding-right: 20px;
	background: url(../images/ext_icon_off.gif) center right no-repeat;
	}

a.external:hover {
	background: url(../images/ext_icon_on.gif) center right no-repeat;
	}

/* end contents page layout style */


/*
=======================================================================
page style
=======================================================================
*/

/*
-----------------------------------------------------------------------
news
-----------------------------------------------------------------------
*/

#news #page-title h1 {
	background: url(../images/title_news.gif) no-repeat;
	}

#news #contents-wrap {
	background: url(../images/dots.gif) top left repeat-x;
	}

#news #content img.cover {
	height: 280px;
	width: 720px;
	border: none;
	display: block;
	padding-bottom: 1em;
	}

#news #contents-wrap div.wrap {
	padding: 1em 180px 1em 0;
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#news #contents-wrap h2 {
	padding-bottom: 0.8em;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.4em;
	}

#news #contents-wrap h3 {
	letter-spacing: 1px;
	color: #222;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.4em;
	}

#news #contents-wrap p {
	font-size: 93%;
	line-height: 1.4em;
	}



/*
-----------------------------------------------------------------------
works
-----------------------------------------------------------------------
*/

#works #page-title h1 {
	background: url(../images/title_works.gif) no-repeat;
	}

#works #content .pd-wrap {
	padding-top: 60px;
	}

#works #content div.left {
	float: left;
	width: 340px;
	}

#works #content div.right {
	float: right;
	width: 340px;
	}

#works #content .top div.left,
#works #content .top div.right,
#works #content .pd-wrap div.left,
#works #content .pd-wrap div.right {
	background: url(../images/dots.gif) top left repeat-x;
	}

#works #content div.work-wrap {
	padding: 10px 0;
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#works #content div.work-wrap img {
	float: left;
	width: 45px;
	height: 45px;
	border: 0px;
	margin: 0;
	padding: 0;
	}

#works #content div.work-wrap p {
	margin-left: 60px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.1em;
	}

#works #content div.work-wrap p a {
	text-decoration: none;
	}

/* footer */

#works #footer {
	padding: 2em 0;
	clear: both;
	}

#works #footer p {
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	font-size: 9px;
	}


/*
-----------------------------------------------------------------------
works-image
-----------------------------------------------------------------------
*/


#works-image #content {
	width: 100%;
	margin: 0;
	padding: 0;
	}

#works-image #data-wrap {
	width: 240px;
	float: left;
	}

#works-image #image-wrap {
	float: right;
	width: 670px;
	margin-left: 30px;
	text-align: center;
	}

#works-image #image-wrap img {
	margin: 0 auto;
	}

#works-image #data-wrap #page-navi {
	margin-bottom: 3em;
	}

#works-image #data-wrap #page-navi li {
	display: inline;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	text-transform: uppercase;
	}
	
#works-image #data-wrap #page-navi li.prev {
	margin-right: 15px;
	padding-right: 15px;
	}

#works-image #data-wrap #page-navi li a {
	text-decoration: none;
	}

#works-image #data-wrap #page-navi li.prev a {
	padding-left: 10px;
	background: url(../images/arrow_l_off.gif) center left no-repeat;
	}

#works-image #data-wrap #page-navi li.prev a:hover {
	background: url(../images/arrow_l_on.gif) center left no-repeat;
	}

#works-image #data-wrap #page-navi li.next a {
	padding-right: 10px;
	background: url(../images/arrow_off.gif) center right no-repeat;
	}

#works-image #data-wrap #page-navi li.next a:hover {
	background: url(../images/arrow_on.gif) center right no-repeat;
	}


#works-image #data-wrap h1 {
	color: #333;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: 1px;
	}

#works-image #data-wrap #title-space {
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 1em;
	}

#works-image #data-wrap p.data {
	margin-bottom: 1em;
	color: #888;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.6em;
	}

#works-image #data-wrap p.caption {
	margin-bottom: 1em;
	color: #888;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.6em;
	}

#works-image #data-wrap #thumbnail-wrap {
	margin-bottom: 3em;
	}

#works-image #data-wrap #thumbnail-wrap h2 {
	color: #333;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	text-transform: uppercase;
	}

#works-image #data-wrap #thumbnail-wrap img {
	margin: 0 3px 3px 0;
	padding: 0;
	border: 1px #bbb solid;
	}

#works-image #data-wrap #thumbnail-wrap a img {
	border: 1px #666 solid;
	}

#works-image #data-wrap #thumbnail-wrap a:hover img {
	border: 1px #ccc solid;
	}

#works-image #data-wrap p.return {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	text-transform: uppercase;
	}

#works-image #data-wrap p.return a{
	text-decoration: none;
	}


#works-image #footer {
	padding: 1em 0;
	clear: both;
	}


/*
-----------------------------------------------------------------------
biography
-----------------------------------------------------------------------
*/

#biography #page-title h1 {
	background: url(../images/title_biography.gif) no-repeat;
	}

#biography #content {
	padding-right: 120px;
	}

#biography #contents-wrap div {
	margin-bottom: 2em;
	}

#biography #contents-wrap h2 {
	margin-bottom: 1em;
	letter-spacing: 1px;
	color: #000;
	font-size: 93%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	}

#biography #contents-wrap div.year-wrap {
	margin-bottom: 1em;
	}

#biography #contents-wrap #name div.year-wrap,
#biography #contents-wrap #education div.year-wrap,
#biography #contents-wrap #awards div.year-wrap,
#biography #contents-wrap #residencies div.year-wrap {
	margin-bottom: 0;
	}

#biography #contents-wrap h3.year {
	float: left;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.2em;
	}

#biography #contents-wrap p {
	margin-left: 6em;
	padding-bottom: 0.5em;
	font-size: 93%;
	text-indent: -6em;
	line-height: 1.2em;
	}

#biography #contents-wrap .year-wrap p {
	margin-left: 6em;
	padding-bottom: 0.5em;
	text-indent: 0;
	}



/*
-----------------------------------------------------------------------
texts
-----------------------------------------------------------------------
*/

#texts #page-title h1,
#texts-list #page-title h1 {
	background: url(../images/title_texts.gif) no-repeat;
	}

#texts-list #contents-wrap {
	background: url(../images/dots.gif) top left repeat-x;
	}

#texts-list #contents-wrap h2.list-title {
	padding: 1.2em 0;
	color: #000;
	letter-spacing: 1px;
	font-size: 93%;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase;
	}

#texts-list #contents-wrap .wrap {
	background: url(../images/dots.gif) bottom left repeat-x;
	}

#texts-list #contents-wrap ul {
	padding-right: 120px;
	}

#texts-list #contents-wrap ul li {
	padding-bottom: 1.2em;
	line-height: 130%;
	font-size: 93%;
	color: #777;
	}

/* text article page */

#texts #page-title #return {
	margin-top: 25px;
	font-size: 85% !important;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 180%;
	color: #333;
	letter-spacing: 1px;
	}

#texts #page-title #return a {
	text-decoration: none;
	color: #999;
	}

#texts #page-title #return a:hover {
	color: #ddd;
	}

#texts #content {
	padding-right: 180px;
	}

#texts #contents-wrap div.title-wrap {
	padding-bottom: 5em;
	}

#texts #contents-wrap .title-wrap #text-title {
	padding-bottom: 5px;
	color: #000;
	font-size: 189%;
	font-weight: bold;
	line-height: 1.2em;
	}

#texts #contents-wrap .title-wrap #info {
	line-height: 1.7em;
	font-size: 93%;
	}

#texts #contents-wrap .title-wrap #author {
	line-height: 1.7em;
	font-size: 93%;
	}

#texts #contents-wrap .title-wrap #author .name {
	text-transform: uppercase;
	}

#texts #contents-wrap .body-wrap p {
	padding-bottom: 1.5em;
	text-indent: 2em;
	line-height: 1.7em;
	}

#texts #contents-wrap h3 {
	padding-bottom: 1.5em;
	line-height: 1.7em;
	text-transform: uppercase;
	font-size: 100%;
	color: #333;
	}

#texts #contents-wrap .interview-wrap p {
	padding-bottom: 1.5em;
	line-height: 1.7em;
	}

#texts #contents-wrap .interview-wrap p .iv-name {
	font-weight: bold;
	color: #333;
	}

#texts #contents-wrap p.note {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background: url(../images/dots.gif) top left repeat-x;
	text-indent: 0;
	line-height: 1.7em;
	color: #999;
	font-size: 85%;
	}





/*
-----------------------------------------------------------------------
contacts
-----------------------------------------------------------------------
*/

#contacts #page-title h1 {
	background: url(../images/title_contacts.gif) no-repeat;
	}

#contacts #contents-wrap #left-wrap {
	width: 47%;
	float: left;
	}

#contacts #contents-wrap #right-wrap {
	width: 47%;
	float: right;
	}

#contacts #contents-wrap h2 {
	padding-bottom: 1.5em;
	letter-spacing: 1px;
	color: #333;
	font-size: 108%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
	}

#contacts #contents-wrap h3 {
	letter-spacing: 1px;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.4em;
	}

#contacts #contents-wrap h3 .logo {
	padding-bottom: 4px;
	}

#contacts #contents-wrap p {
	padding-bottom: 1.5em;
	font-size: 93%;
	line-height: 1.4em;
	}

#contacts #mailing-list {
	padding-top: 2em;
	}

#contacts #mailing-list h2 {
	padding-bottom: 0.5em;
	}

#contacts #mailing-list p {
	padding-bottom: 0.8em;
	}

#contacts #mailing-list label {
	font-size: 93%;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333;
	}

#contacts #mailing-list #name,
#contacts #mailing-list #email {
	width: 280px;
	padding: 2px;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
	}

#contacts #mailing-list .bottun {
	width: 110px;
	margin-right: 6px;
	padding: 3px;
	border: 1px solid #444;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #666;
	font-size: 93%;
	font-weight: bold;
	color: #fff;
	}

/*
-----------------------------------------------------------------------
video
-----------------------------------------------------------------------
*/

#video #page-title h1 {
	background: url(../images/title_video.gif) no-repeat;
	}

#video #contents-wrap object{
	display: block;
	padding-bottom: 3em;
	}

#video #contents-wrap p{
	padding-bottom: 2em;
	line-height: 130%;
	font-size: 93%;
	color: #777;
	}