@import "cpps.css" ;

/**** base style (before decorating) ****/
/*
ああああああああああ
*/

*		{ margin:0; padding:0; border:0; }
body	{ padding:1em; background:#efd; color:#264;
		  font-family: "Tahoma", "ＭＳ Ｐゴシック", sans-serif; }
img		{ margin:0.2em; vertical-align:middle; }
a   	{ color:blue; text-decoration:none; }
a:hover	{ text-decoration:underline; }
a.dead	{ color:#264; text-decoration:underline; }
h1, h2, h3, h4, h5, h6 {
	font-style:normal; font-weight:bold; font-size:1em;
	text-decoration:none; text-align:left; background:transparent;
}

/**** common style (decorated) ****/

h2 {
	margin-bottom:	1em;
	padding:		0.1em 0.7em;
	background:		#564;
	color:			#efd;
	font-size:		21px;
}
h3 {
	margin:		1em 60% 1em -1em;
	background:	#fee;
	padding: 	0 1em;
}
h4 {
	margin: 2em 0 1em 0;
	text-align: center;
	font-size: smaller;
}
p, blockquote, dl, ol, ul, pre {
	margin:	0.5em 0;
}
blockquote, dl, ol, ul, li, dd, pre {
	margin-left: 1em;
}
dt {
	font-weight:bolder;
	color:		#070;
	margin-top:	0.8em
}
dd {
	font-size:	smaller;
}
pre {
	background: white;
	color:      black;
}
pre.funcode {
	color: black;
	font-family: "Lucida Console", monospace;
}
hr {
	clear: both;
}

/**** common class (frequently used classes) ****/

.weak		{ font-size:smaller; }
strong, em	{ font-weight:bolder; text-decoration:none; font-size:1em; font-style:normal; }
strong		{ color: red; }
ins			{ text-decoration: none; }
.alter, .footnote {
	text-align:right; font-size:smaller;
	margin-top:1em; margin-left: 60%; clear: both;
}
.image      { margin-left: 3em; }
.blue       { color: blue; }
.red        { color: red; }

/**** libpage style (page specific) ****/

body#libtop	{ margin-bottom: 50%; }
#libtop dl	{ float: left; width: 9em; margin-right: 1em; }
#libtop h3	{ clear: both; }
#libtop img	{ width: 32px; height: 32px; }

.intro, .intro img, .envrn { margin-left: 2em; margin-right: 2em; }
.intro img { float: right; }
.envrn { text-align: right; font-size: smaller; font-family: "Courier New", sans-serif; }
.cldexp { margin-left: 10%; margin-right: 10%; }
.cldimg { text-align: center; }

/**** quoted style (simply decorated) ****/

blockquote			{ background: #ffc; padding: 0.1em 0.5em; }
q					{ background: #ffd; }
q:before, q:after	{ content:""; display:none; }
blockquote strong, q strong
					{ font-weight:bolder; text-decoration:none; font-size:1em; font-style:normal; color:#264; }
blockquote strong.hyper, q strong.hyper
					{ font-weight:bolder; font-size: 1.5em; color:#f00; }
blockquote em, q em { font-weight: normal; text-decoration: underline; }
blockquote p		{ margin: 0.5em 0; }
.qinf {
	font-size:	smaller;
	text-align:	right;
	font-style:	italic;
	margin:		0;
}
blockquote em a, q em a { text-decoration: underline; }

/**** talkpage style (page specific) ****/

.tlk p {
	margin-bottom: 0.8em;
	line-height: 1.4em;
}
h3.tlk {
	margin-left: -1.4em;
	font-size: 0.75em;
}
div.tlk {
	margin-left: 3em;
	margin-bottom: 3em;
}
.tlk h4 {
	text-align: left;
}

/**** toppage style (page specific) ****/

h1 {
	margin:		2.5em 0 0 50%;
	color:		#596;
	font-family:"Georgia", serif;
	font-size:	2em;
	text-align: right;
}
#fwindex, #nfwindex, #whatsnew {
	float:	left;
	margin:	0 0 0 1em;
	width: 10.4em;
	line-height: 1em;
} #whatsnew {
	width: 20.4em;
}
#fwindex img, #nfwindex img, #whatsnew img {
	width: 32px;
	height: 32px;
}
#fwindex h2, #nfwindex h2, #whatsnew h2 {
	display:	inline;
	color:		#264;
	font-size:	0.75em;
	-moz-border-radius:	1em 1em 0 0;
}
#fwindex ul, #nfwindex ul, #whatsnew ul {
	line-height: 1.1em;
	margin:		0;
	padding:	0.2em;
	list-style-type:	none;
	-moz-border-radius:	0 1em 1em 1em;
}
#fwindex li, #nfwindex li {
	margin:	0.5em 0;
	padding: 0;
}
#whatsnew li {
	margin:	0.2em 0 0.2em 0;
	padding: 0 0 0 2em;
	width: 15em;
}
#fwindex a, #nfwindex a {
	display:	block;
	width:		10em;
	text-align:	center;
	font-weight:bolder;
	color:		#333
}
#fwindex a span.sdos, #nfwindex a span.sdos { /* Short Description Of Software */
	display:none;
}
#fwindex a:hover, #nfwindex a:hover {
	text-decoration:	none;
	-moz-border-radius:	0 4em 4em 0;
}
#fwindex a:hover span.sdos {
	position:	absolute;
	left:		14em;
	display:	block;
	background: #eef;
	padding:	0.5em;
	margin-top:	-1em;
	width:		15em;
	color:		#264;
	filter: alpha(opacity=80,finishopacity=80,style=0,startx=0,starty=0,finishx=100,finishy=100);
}

#fwindex  {margin-top:-3em;}
#nfwindex {margin-top:2em;}
#whatsnew {margin-top:1em;}
#fwindex  h2, #fwindex  ul {background:#bea;}
#nfwindex h2, #nfwindex ul {background:#cbeafc;}
#whatsnew h2, #whatsnew ul {background:#ece;}
#fwindex  a:hover {background:#efd; color:#6c0;}
#nfwindex a:hover {background:#eff; color:#00f;}