/* ----------Universal selector---------- */

* {
　margin: 0; 
　padding: 0;
　line-height: 1.5;
　color: #000;
　font-size: 100%;
　font-weight: normal;
　font-style: normal;
	}


/* ----------base---------- */

body {
	font-size: 92%;
	background-color: #eeeeee;
	line-height: 1.5;
	font-family: monospace;
	margin: 20px 0px;
	}
	
	
h2 {
	font-size: 107%;
	line-height: 1;
	font-weight: bold;
	}

h3 a {
	color: #0000ff;
	font-weight: bold;
	}

/* ----------index.htm---------- */

#wrapper {
	width: 82em;
	margin: 20px auto 0;
	}

/* ----------Header---------- */

#header {
	font-size: 107%;
	position: relative;
	}

#header p.date {
	position: absolute;
	top: -10px;
	right: 0px;
	}

/* ----------News---------- */

#news {
	float: left;
	width: 38em;
	}

.flyer {
	max-height: 420px;
	max-width: 420px;
	}

/* ----------Information---------- */

#information {
	width: 38em;
	padding: 0.5em;
	height: 420px;
	overflow: auto;
	float:right;
	}

#finished {
	background-image: url(./img_parts/finished.png)
	}

.artists {
	font-size: 80%;
	}

/* ----------Artworks---------- */

#artworks {
	clear: both;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
	}

#artworks ul {
	margin:0px; padding:0px;
	white-space: nowrap;
	overflow: auto;
	height: 190px;
	}
	
#artworks li {
	list-style-type:none;
	margin:5px;
	padding:0px;
	display:inline;
	}
	
#artworks img {
	height: 170px;
	}

/* ----------Videos---------- */

#videos {
	clear: both;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
	}

#videos ul {
	margin:0px; padding:0px;
	white-space: nowrap;
	overflow: auto;
	height: 190px;
	}
	
#videos li {
	list-style-type:none;
	margin:5px;
	padding:0px;
	display:inline;
	}
	

/* ----------Biography---------- */

#biography {
	clear: both;
	padding: 40px 0px 0px 0px;
	float: left;
	width: 38em;
	position: relative;
	}

#biography dl{
	margin: 0 0 1em 0;
	}

#biography dt {
	position: absolute;
	left: 0;
	}

#selecter {
	position: absolute;
	top: 48px;
	right: 0px;
	}

.show {
	 display:block;
	 }

.other {
	display:none;
	}

/* ----------Journal---------- */

#journal {
	padding: 40px 0px 0px 0px;
	float: right;
	width: 38em;
	position: relative;
	}
	
#journal ul {
	padding: 0px;
	margin: 0px;
	}
	
#journal li {
	list-style-type:none;
	}
	
#rss {
	position: absolute;
	top: 48px;
	right: 0px;
	}

/* ----------Contact---------- */

#contact {
	padding: 20px 0px 0px 0px;
	width: 38em;
	float:right;
	}

#footer {
	clear: both;
	padding: 20px 0px 0px 0px;
	margin-bottom: 0px;
	text-align: right;
	font-size: 100%;
	}

#images {
	width: 38em;
	float:left;
	}

/* ----------Artworks common---------- */

#images img {
	max-width: 420px;
	}

#caption {
	width: 38em;
	padding: 0.5em;
	float:right;
	}