@charset "UTF-8";

/* -------------------------------------------------------
	Quick Look Style
	BathyScaphe
	
	by 1024jp on 2012-08-15
   ------------------------------------------------------- */

/* universal reset */
* {
	margin:0;
	padding:0;
}
a:active {
	text-decoration: none;
}

/* header bar */
header {
	line-height: 1.0;
	background:-webkit-linear-gradient(hsla(0,0%,100%,.08), hsla(0,0%,0%,.08));
	background-color: hsl(217,60%,60%);	/* タイトルバーの色 */
	box-shadow: 0  1px   hsla(0,0%,0%,.2), 
	            0 -1px 0 hsla(0,0%,0%,.2) inset;
	
	position: fixed;
	top:     0;
	left:    0;
	right:   0;
	height: 16px;
	padding: 4px 8px;
	overflow: hidden;
}
body {
	padding-top:30px;
}
header h1 {
	font: normal 12px 'Lucida grande';
	color: white;
	text-shadow: 0 1px hsla(0,0%,0%,.5);
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
header #control {
	position: absolute;
	top:   4px;
	right: 20px;
}
header #control a {
	font: bold 11px 'Lucida Grande';
	text-decoration: none;
	color: hsla(0,0%,100%,.7);
	text-shadow: 0 -1px hsla(0,0%,0%,.4);
	padding: 0 0 0 10px;
}


/* res */
dl {
	padding: 5px;
}
dt a.number,
dt a.name {
	text-decoration: none;
}
dd {
	line-height: 1.6;
	padding: 10px 10px 15px 40px;	/* 本文の余白 */
}
div.text-art dd {
	line-height: 1.0;
}
dd a:active {
	color: red !important;
}




/*____以下は多分BathyScapheでは使用していない___________________________________________*/

/* inline image */
dd img {
	margin: 1%;
	vertical-align: middle;
	display: block;
	border: 1px solid #666;
}
img.thumbnail {
	height: 100px;
}
img.zoom {
	width: 95%;
}
img.actual {
}

/* internal link color */
a[href^="sevenfour://internal/"] {
	color: inherit;
	text-decoration: none;
}
