/*

!!! 概要

当テーマは、TADA Tadashi 氏の「ruby-lang.css: tDiary theme for ruby-lang.org.」をベースに、Yamamoto Dan 氏が  http://jp.rubyist.net/PerlMa/wiki.cgi{ぱるま}向けに改訂されたバージョンを、葉山が wifky 向けに改造したものです。著作権は、TADA氏、Yamamoto氏、両氏にありますが、苦情・問合せは葉山までお願いいたします。

!!! 以下原文

.css: Hiki theme for Rubyist Magazine.

ただただしさんの「ruby-lang.css: tDiary theme for ruby-lang.org.」をベースに作成しました。
オリジナルテーマ作者のただただしさんに感謝します。

You can redistribute it and/or modify it under the same term as Ruby.

Copyright 2004 (C) by TADA Tadashi <sho@spc.gr.jp>
Copyright 2004 (C) by Yamamoto Dan <dan@dgames.jp>

!!! CSS 本体

*/
.centering,big{
    font-size:200%;
}

body {
	margin-top: 0px;
	margin-left: 0.4em;
	color: #000;
	background-color: #fff;
}

div.adminmenu {
	text-align: right;
	margin-top: 0.3em;
	padding-right: 0.5em;
	font-size: 10px;
}

div.adminmenu br { display: none; }

span.adminmenu {
	color: #ffffff;	
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	padding: 1px;
}

.adminmenu a { 		color : #666666 ; text-decoration:none; }
.adminmenu a:visited{ 	color : #666666 ; }
.adminmenu a:hover { 	color : #000088 ; text-decoration:none; }

h1 {
/*	margin-top: 128px; */
	margin-bottom: 0.4em;
	margin-right: 0em;
	margin-left: 0.4em;
/*	font-size: 100%;*/
	text-align: right;
	color: #888;
}

div.day a {
	color: #0000ee;
	background-color: transparent;
}

div.day a:visited {
	color: #000095;
	background-color: transparent;
}

div.day a:hover {
	color: #ff6835;
	background-color: transparent;
}

div.day h3 a {		text-decoration:none; }
div.day h4 a {		text-decoration:none; }

div.referer, div.refererlist, div.day div.form {
	font-size: small;
	margin-left: 3em;
	border-style: solid;
	border-color: #a11;
	border-width: 1px;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

div.day div.field {
	display: inline;
	margin-right: 1em;
}

img.icon {
	float: right;
	margin-left: 0.5em;
	border: none;
}

img.amazon {
        float: right;
        margin-left: 0.5em;
        border: none;
}

img.right {
        float: right;
        margin-left: 0.5em;
        border: none;
}

img.ext {
	border: none;
}

div.comment {
	font-size: x-small;
}
span.commentator {
	font-weight:bold;
}

/* main */
div.main {
/*	background-image: url(perlish_logo.png); background-repeat: no-repeat; */
	background-position: 0px 44px;
	margin-top: 0px;
	margin-left: 150px;
	margin-right: 0.6em;
	padding: 0.0em;
	padding-top: 0em;
	padding-left: 0em;
	/* max-width: 40em; */
	min-width: 480px;
}

div.day hr {
	width: 96%;
	color: #888;
	background-color: transparent;
}

div.day hr.sep {
	display: none;
	margin: 0px;
}

div.day h2 {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-size: 110%;
	padding-left: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: #ffffff;
	background-color: #000000;
}

div.day p img {
	margin: 0.2em;
	margin-right: 0.8em;
	margin-bottom: 0.8em;
	float : left;
}

div.day p em img {
	margin: 0.2em;
	margin-right: 0.8em;
	margin-bottom: 0.8em;
	float : none;
}

div.day p strong img {
	margin: 0px;
	padding: 0px;
	float : none;
	clear : both;
}

div.day dt img {
	margin: 0.6em;
	float : left;
}

div.day dd img {
	margin: 0.2em;
	margin-right: 0.8em;
	margin-left: 0.6em;
	margin-bottom: 0.6em;
	float : right;
}

div.day dl {
	clear : none;
}

div.day div.day,h2,h3,h4,h5,h6 hr {
	clear : both;
}

div.day h2 a:link, div.main h2 a:visited {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

div.day h2 span.title {
}

div.day div.day {
	margin-right: 0em;
	font-size: 90%;
}

div.day div.section {
	margin-left: 1em;
}

div.day span.readmore {
	font-size: 80%;
}

div.day div.lm {
	margin-top: 0em;
	margin-bottom: 1em;
	margin-right: 1em;
	text-align: right;
	font-size: 75%;
}

span.lm {
	border-style: dashed;
	border-color: #336688;
	border-width: 1px 0px 0px 0px;
}

div.day h3 {
	font-size: 110%;
	border-color: #336688;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

div.day h4 {
	margin-left: 0.6em;
	border-color: #336688;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	font-size: 100%;
}

div.day h5,h6 {
	margin: 0.0em;
	padding: 0.4em 1em;
	font-size: 100%;
}

div.day p {
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 1em;
	line-height: 1.5;
}

/*
div.day div.body div.section p {
	text-indent: 1em;
}
*/
div.day li {
	line-height: 1.5;
}

div.day ul, div.main dl {
	margin-top: 0.2em;
	margin-left: 3em;
	padding-left: 0em;
}

div.day dt {
	margin-top: 0.5em;
	font-weight: bold;
}

div.day dd {
	margin-left: 2em;
	line-height: 140%;
}

div.day pre {
	border-style: solid;
	border-width: 1px;
	border-color: #888;
	margin-left: 2em;
	padding: 4px;
	clear : both;
}

div.day blockquote {
/*	font-style: italic;*/
	border-style: solid;
	border-width: 1px;
	color: #333333;
	border-color: #888888;
	background-color: #f0f0f0;
	padding: 8px;
	padding-top: 8px;
	padding-bottom: 0px;
	clear : both;
}

div.day table {
	margin: 1em;
	border-collapse: collapse;
}

div.day td {
	padding: 2px;
	padding-left: 0.6em;
	padding-right: 0.6em;
	border: thin solid #888;
}

div.form {
	clear: right;
}

span.corres {
	font-size: 80%;
	font-weight: lighter;
}

div.day span.footnote a {
/*	vertical-align: super;*/
	font-size: x-small;
	text-decoration: none;
}

div.day p.footnote {
	font-size: 80%;
}

div.day p.footnote a {
	text-decoration: none;
}

/* sidebar */
div.sidebar {
	background-color: #336688;
/*	background-image: url(perlish_sidebar.png); background-repeat: no-repeat; */
	position: absolute;
	top: 0em;
	left: 0px;
	width: 150px;
/*	padding-top: 164px; */
	padding-bottom: 5em;
	color: #fee;
	word-break: break-all;
}

div.sidebar h4 {
	font-size: small;
	padding-right: 8px;
	margin-bottom: 0.2em;
	margin-top: 1em;
	margin-left: 6px;
}

div.sidebar h5 {
	font-size: small;
	padding-right: 8px;
	margin-bottom: 0.2em;
	margin-top: 1em;
	margin-left: 6px;
}

div.sidebar div.menu {
	font-size: small;
	font-weight: bold;
	padding-left: 4px;
}

div.sidebar ul {
	margin-top: 0em;
	margin-left: 0em;
	padding-left: 10px;
	padding-right: 8px;
}

div.sidebar li{
	font-size: x-small;
	list-style-type: none;
	margin: 6px 0px;
	line-height: 100%;
}

div.sidebar dt,div.sidebar dd{
	line-height: 100%;
	font-size: x-small;
}

div.sidebar hr {
	color: #fff;
	background-color: transparent;
	width: 80%;
	margin-bottom: 1em;
}

div.sidebar p {
	margin: 0px;
	padding: 0px;
	font-size: x-small;
}

div.sidebar form {
	margin-top: 0em;
	margin-left: 0.5em;
	margin-right: 4px;
	padding-right: 8px;
	font-size: x-small;
	line-height: 110%;
}

div.sidebar a {		color: #ffffff; background-color: transparent; text-decoration: none; }
div.sidebar a:visited {	color: #ffffff; background-color: transparent; text-decoration: none; }
div.sidebar a:hover {	color: #ffffff; background-color: transparent; text-decoration: none; }

div.sidebar img {
        margin-left: 8px;
	border-style: none;
}

div.sidebar img.rubynokai {
        margin-left: 8px;
	border-style: none;
}

div.sidebar img.rubima_logo {
	position: absolute;
	top: 49px;
	left: 0px;
	margin-left: 0px;
	border-style: none;
}

/* rightbar */

div.footer {
	font-size: 90%;
	text-decoration: none;
	text-align: right;
	margin-right: 1em;
	margin-bottom: 1em;
	padding-top: 36px;
	clear: both;
}

/*
for printer
*/
@media print {
	div.adminmenu { display: none; }
/*
	div.main {
		margin-left: 1em;
		margin-right: 1em;
	}
*/
	div.main {
		margin-left: 0.6em;
		max-width: 100%;
		min-width: 100%;
	}
	div.main h2 {
		color: #000;
		background-color: #fff;

		font-size: 150%;
		text-align: left;
		padding: 0.2em;
		margin: 0.5em 0;
		border-left: 15px solid #336688;
		border-bottom: 2px solid #336688;
	}
	div.sidebar { display: none; }
}

/* for attach_html */
.html_linenumber {
	color : #aaa;
}
.html_webtemplate {
  color : #00a;
}
.html_erb {
	color : #339933;
}
.html_tag {
  color : #a50;
}
.html_tag_block {
 color : #a00;
}
.html_comment {
	color : #0a0;
}

/* hide sanchor */
div.day span.sanchor {
/*	display: none;*/
}

/* for Perlish */
.section h1 a:hover { color : #ff6835; }
.section h2 a { color : #FFF;  }
.section h2 a:hover { color : #FFF; }
.section h3 a { color : #000; text-decoration:none; }
.section h3 a:link { color : #000; text-decoration:none; }
.section h3 a:visited { color : #000; text-decoration:none; }
.section h3 a:hover { color : #000; }
.section h4 a { color : #000; text-decoration:none; }
.section h4 a:link { color : #000; text-decoration:none; }
.section h4 a:visited { color : #000; text-decoration:none; }
.section h4 a:hover { color : #000; }

.section h3 a.wikipage { color : #00F;  }
.section h3 a.wikipage:visited { color : #50A; }
.section h3 a.wikipage:hover { color : #F80;  text-decoration:none; }

div.day h2 {
	color: #ffffff;
	background-color: #336688;
}

div.sidebar a:hover {
	color: #ff6835;
}

th {
  white-space: nowrap;
  border: thin solid #888;
}

h2 #p0 {
	font-size: 150%;
}

h3 sup.fn a:link { color: #00f; }
h3 sup.fn a:visited { color: #50f; }
h4 sup.fn a:link { color: #00f; }
h4 sup.fn a:visited { color: #50f; }