@charset "utf-8";
body{padding: 0 15px; margin: 0; font-family: "gill sans", arial, sans-serif; font-size: 14px;}
a,a:link{text-decoration:none;}
img{ border: 0; }
p, dd{ line-height: 140%; }
h1{ font-size: 150%;}
h2{ font-size: 130%;}
h3{ font-size: 120%;}

.clear{ clear: both; }

#header{ width: 750px; margin: 30px auto;}
#header .title{ float: left; }
#header .lang{ float: right; color: gray }
#header .lang .selected{text-decoration: underline;}
#header .lang a{ color: gray;}
#header .lang a:hover{ text-decoration: underline; }

#footer{ text-align: center; color: gray; margin-bottom: 30px; font-size: 90%;}

#main{
width: 750px;
margin: 0 auto;
margin-bottom: 30px;
}

#main h1{
float: left;
background: url(/images/blackstrip.jpg) no-repeat left top;
width: 95px;
height: 23px;
color: white;
font-family: "gill sans", arial, sans-serif;
font-size: 90%;
font-weight: normal;
text-align: center;
margin: 0;
margin-right: 15px;
margin-bottom: 50px;
padding-top: 3px;
}

#main h1 a{
color: white;
}
#main h1 a:hover{
color: #ff6;
}

#main .submenu{
float: left;
width: 640px;
font-family: "gill sans", arial, sans-serif;
margin-bottom: 50px;
}

#main .submenu ul{
padding: 0; margin: 0;
}

#main .submenu li{
display: block;
float: left;
list-style: none;
padding: 0; margin: 3px 10px;
white-space: nowrap;
}

.submenu ul.bio a, .submenu ul.outline a{
    color: rgb(241,95,119);
}

.submenu ul.bio a.bio, .submenu ul.outline a.outline{
    text-decoration: underline;
}


#main a:hover{
color: #ff9900;
text-decoration: underline;
}

.project-top #content .left{
float: left;
margin-left: 15px;
width: 350px;
}

.project-top #content .right{
float: left;
width: 350px;
margin-left: 20px;
}

.artist .left,
.contact .left{
	float: left;
	width: 450px;
}

.artist .right,
.contact .right{
	float: left;
	width: 250px;
	margin-left: 25px;
}
	

.thum_table .null{
margin: 8px;
width: 66px;
height: 66px;
float: left;
}
.thum_table a{
display: block;
float: left;
margin: 8px;
width:66px;
height:66px;
text-indent: -9999px;
background-repeat: no-repeat;
outline-style: none;
}
.thum_table a:hover{
background-position: left -66px;
}

.project #content .text{
float: left;
width: 350px;
padding: 0 10px;
}

.project #content .images{
float: left;
width: 350px;
padding: 0 10px;
text-align: center;
}

.project-top #content .right h2,
.project #content .txt h2,
{
font-size: 100%;
font-weight: bolder;
margin-bottom: 2em;
}

.project-top #content p,
.project #content p,
.project #content dd
{
line-height: 140%;
}

.project #content .images .imgbox{
    width: 290px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}
.project #content .images .imgbox a{
    display: block;
}
.project #content .images .imgbox a:hover{
    text-decoration: none;
}
.project #content .images .imgbox .enlarge{
	width: 60px;
    float: left;
}
.project #content .images .imgbox .caption{
    float: right;
	text-align: left;
	font-size: 90%;
	color: #666;
}

.artist dl{
    padding: 0;
    border: 1px solid #eee;
    border-top: none;
}

.artist dt{
    margin: 0;
    padding: 0.3em 0 0.1em 1em;
    border-top: 1px solid #eee;
    width: 5em;
    float: left;
    color: #333;
}

.artist dd{
    margin: 0 0 0 5em;
    padding: 0.3em 1em;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    }
.artist dd .title{
    font-style: italic;
}