body {
	background: #fff url("../img/bg.jpg") 520px 0 no-repeat;
	min-width: 790px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}

/* links + color */
a img {
	border: none;
}
a:link, a:visited {
	color: #000;
}
a:hover, a:active {
	color: #f00;
}
#books a {
	text-decoration: underline;
	font-size: 12px;
}
#nav a {
	text-decoration: none;
	font-weight: bold;
}
h1, h3, ul#members, .spec {
	color: #000;
}

/* ff1.5- */
#profile, #books p, x:-moz-read-only {
	text-align: justify;
}

/* head */
p#logo, h1, h2 {
	padding-left: 50px;
}
p#logo {
	padding-top: 30px;
}
h1 {
	padding-top: 80px;
}
h2 {
	padding-top: 10px;
	padding-bottom: 50px;
	font-size: 14px;
	line-height: 24px;
}

/* foot */
#copy {
	font-size: 10px;
	padding: 10px 0 20px 50px;
}

/* index */
ul#members {
	background: transparent url("../img/border.gif") 0 0 repeat;
	padding: 0 30px 0 46px;
	margin-bottom: 30px;
}
ul#members li {
	display: inline;
}
ul#members li a {
	display: block;
	background: transparent url("../img/bullet.gif") 0 0 no-repeat;
	width: 46px;
	height: 361px;
	margin: 0 28px 0 0;
	padding: 19px 0 0 0;
	float: left;
}
ul#members li a:hover {
	background: transparent url("../img/bullet_over.gif") 0 0 no-repeat;
}

/* perma */
#intro {
	background: transparent url("../img/border.gif") 0 0 repeat-x;
	padding: 20px 50px 0 50px;
	margin-bottom: 30px;
}
#intro dl, #profile {
	float: left;
}
#books {
	margin-left: 320px;
}
#intro dl {
	width: 90px;
}
#intro dd {
	margin: 5px 0 0 14px;
}
#profile {
	width: 200px;
	font-size: 12px;
	line-height: 19px;
}
ul.bookimg {
	width: 120px;
	float: left;
}
ul.bookimg li {
	display: block;
	margin-bottom: 10px;
	line-height: 0;
}
ul.bookimg li img {
	background: #e6e6e6;
}
.book {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 1.7em;
}
.book h3, .book p {
	display: block;
	margin-left: 130px;
}
.book h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
}
.book p.spec {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
}
.mix p.spec {
	padding-bottom: 1.5em;
}
.book p {
	padding-bottom: 1em;
}
.notes {
	font-size: 12px;
}

/* nobook */
.nobook {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 1.7em;
}
.nobook h3, .nobook p {
	display: block;
	margin-left: 20px;
	padding-bottom: 1em;
}
.nobook h3 {
	font-size: 18px;
	font-weight: bold;
}

/* perma nav */
#nav {
	background: transparent url("../img/border.gif") 0 20px repeat-x;
	padding-bottom: 20px;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	font-size: 14px;
}
#nav li.gototop a {
	float: left;
	width: 320px;
	padding-left: 60px;
	background: transparent url("../img/b_top.gif") 50px 8px no-repeat;
}
#nav li.gototop a:hover {
	background: transparent url("../img/b_top_over.gif") 50px 8px no-repeat;
}
#nav li.next a {
	float: left;
	padding-left: 10px;
	background: transparent url("../img/b_prev.gif") 0 8px no-repeat;
}
#nav li.next a:hover {
	background: transparent url("../img/b_prev_over.gif") 0 8px no-repeat;
}
#nav li.prev a {
	float: right;
	margin-right: 50px;
	padding-right: 10px;
	background: transparent url("../img/b_next.gif") 100% 8px no-repeat;
}
#nav li.prev a:hover {
	background: transparent url("../img/b_next_over.gif") 100% 8px no-repeat;
}


/* new clearfix */
ul#members:after,
#intro:after,
#nav:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html ul#members,
* html #intro,
* html #nav	            { zoom: 1; } /* IE6 */
*:first-child+html ul#members,
*:first-child+html #intro,
*:first-child+html #nav	{ zoom: 1; } /* IE7 */