@charset "utf-8";
/*
Title: hsbt.org
Author: SHIBATA Hiroshi
Access: shibata.hiroshi@gmail.com
License: GPL
Comment: Pukiwiki based theme.

Copyright 2010 (C) SHIBATA Hiroshi <shibata.hiroshi@gmail.com>
*/

div.diary {
	margin: 0px auto;
	max-width: 1024px
}

body {
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 0.5em;
}

p.source {
	margin-top: 0.3em;
	text-align: right;
	font-size: 0.9em;
}

div.lwws {
	text-align: right;
	font-size: 0.8em;
	margin: 0.4em;
}

a:link {
	color:#215dc6;
	background-color:transparent;
	text-decoration:none;
}

a:active {
	background:#CDE;
	color:#215dc6;
	text-decoration:none;
}

a:visited {
	color:#a63d21;
	background-color:transparent;
	text-decoration:none;
}

a:hover {
	background:#CDE;
	color:#215dc6;
	text-decoration:underline;
	position:relative;
	top:1px;
	left:1px;
}

div.adminmenu {
	text-align:right;
	font-size:0.9em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	clear: both;
}

div.adminmenu div,
div.adminmenu form,
div.adminmenu select {
   display: inline;
}

span.adminmenu {
	border:#DEF 1px solid;
	background-color:#F0F8FF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color:#000;
	padding:2px;
	vertical-align:middle;
}

h1 {
	color:#000;
	text-align: left;
	background-color:#def;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:0.2em;
	margin-top:0.2em;
	margin-bottom:0.2em;
}


div.day {
	color:#000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border:#aaf 1px solid;
	background-color:#F0F8FF;
}

h2 {
	font-size:large;
	margin:0.1em 1em 0.1em 0.5em;
}

h2 span.date {
	font-size:medium;
	margin-right:0.5em;
}

h2 span.title {
	font-size:medium;
}

h3 {
	font-size: 1em;
	margin: 0;
	font-weight: bold;
	color: #000;
	padding: 0.2em;
	border-bottom: #DEF 5px solid;
	border-left: #DEF 5px solid;
	border-radius: 0px 0px 0px 8px;
	-moz-border-radius: 0px 0px 0px 8px;
	-webkit-border-radius: 0px 0px 0px 8px;
}

div.section p {
	margin-left:1em;
	margin-right:1em;
	line-height:1.3;
}

ul,ol {
}

div.caption {
	font-size:0.9em;
	border-style:solid;
	border-color:#aaf;
	border-width:0 0 1px;
	margin:0.5em;
}

div.section {
	margin:1em;
}

div.body {
	background-color: #fff;
	color: #000;
	border: #def 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div.comment {
	font-size:small;
	background-color:#FFF;
	color:#000;
	border:#def 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0.5em;
}

div.commentshort {
	font-size:0.9em;
	margin-left:0.5em;
}

div.commentshort p {
	margin-top:0.2em;
	margin-bottom:0.2em;
	line-height:1.2em;
}

div.commentbody {
	font-size:0.9em;
	margin:0.5em;
	line-height:1.2em;
}

div.commentator {
	border-style:solid;
	border-color:#aaf;
	border-width:0 0 1px;
	line-height:1.5em;
}

div.commentbody p {
	margin:0.5em;
	margin-left:2em;
}

p.referer {
	text-align:right;
	font-size:small;
	color:#000;
	padding:2px;
	padding-bottom:1px;
	margin-left:1em;
	margin-right:1em;
	border:#DEF 1px solid;
}

div.form {
	background-color:#fff;
	color:#000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:#aaf 1px solid;
	margin:0.5em;
}

div.form form {
	margin:0.5em 1em 0.5em 2em;
}

div.form form.comment {
	font-size:0.9em;
}

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

form.comment input {
	background-color:#eef;
	color:#000;
	margin-left:1em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.textarea {
	display:block;
	vertical-align:top;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

form.comment textarea {
	display:block;
	background-color:#eef;
	color:#000;
	margin-left:3em;
	width:30em;
	height:5em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.button {
	display:block;
	margin-left:3em;
}

div.referer {
	text-align:right;
	font-size:0.9em;
	color:#000;
	padding:2px;
	padding-bottom:1px;
	margin:0.5em 1em 0 2em;
}

div.refererlist {
	font-size:small;
	background-color:#fff;
	color:#000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:2px;
	padding-bottom:1px;
	margin: 0.5em;
	border:#DEF 1px solid;
}

div.refererlist ul {
	font-size:0.9em;
	margin:0.5em 1em 0.5em 3em;
	line-height:1.2em;
}

hr {
	border-style:solid;
	border-width:2px 0 0;
	border-color:#ddd;
}

hr.sep {
	display:none;
}

div.footer {
	font-size:0.9em;
	text-align:center;
	margin-top:0em;
	clear: both;
}

form.update {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

form.update input,form.update textarea,form.commentstat input {
	background-color:#eef;
	color:#000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

form.update span.field {
	display:inline;
	margin-left:0;
	margin-right:0.5em;
}

form.update div.field.title input {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left:0.5em;
}

form.update textarea {
	display:block;
	margin-left:3em;
	margin-bottom:1em;
	width:35em;
	height:15em;
}

form.update span.checkbox.hidediary {
	margin-left:1em;
}

p.message {
	text-align:center;
	font-size:large;
	background-color:#d00;
	color:#fff;
	padding:8px;
}

pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: pre-wrap;		/* CSS3 */
	word-wrap: break-word;		/* IE 5.5+ */
	padding: 0.5em;
	margin-left: 1em;
	margin-right: 2em;
	background-color: #F8F8F8;
	color: #000;
	border: 1px solid #CCC;
	border-radius: 3px;
}

div.body blockquote {
	border: #ddf 2px solid;
	margin-left:2em;
	margin-right:2em;
	padding:2px;
}

div.body blockquote p {
	margin: 0.5em 1em 0.5em 1em;
}

div.body ul,div.body ol {
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-left:1em;
	margin-right:1em;
}

div.body dl {
	margin-left:2em;
}

div.body dt {
	margin-bottom:0.2em;
	font-weight:bold;
}

div.body dd {
	margin:0 3em 0.5em 1em;
}

p.recentitem {
	font-size:0.9em;
	margin-top:0;
	margin-bottom:0;
}

div.recentsubtitles {
	font-size:0.9em;
	margin-top:0;
	margin-bottom:1em;
	margin-left:1em;
}

div.body span.footnote {
	vertical-align:super;
	font-size:0.7em;
}

div.footnote {
	font-size:0.9em;
	border-style:solid;
	border-color:#ddf;
	border-width:1px 0 0;
	padding:0;
	margin-left:6em;
}

p.footnote {
	margin:0.5em;
	padding:0;
}

img.flickr {
	border: #BCD 1px dashed;
	display: block;
	float: none;
	margin: 0px auto;
	margin-bottom: 10px;
}

div.main {
	width: 79%;
	float: left;
}

span.nyear {
	font-size: small;
}

p.strong {
	font-size:180%;
	font-weight:bold;
	text-align:center;
}

div.sidebar {
	color: #000;
	float: right;
	width: 20%;
	font-size: 90%
}

div.sidebar form{
	text-align:center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.sidebar p {
	margin:2px 4px;
}

div.sidebar ul.tagcloud {
	margin-left: 0;
	padding-left: 0.5em;
} 

div.contents {
	background-color:#F0F8FF;
	border:#aaf 1px solid;
	text-align:left;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.strong {
	background-color:#F0F8FF;
	margin:2px;
	font-weight:bold;
	text-align:center;
}

.hide {
	background-color:#000;
}

span.url {
	font-size:80%;
	color:silver;
}

span.commentator,span.todo-priority {
	font-weight:bold;
}

form.update div.field.title,form.update div.textarea {
	display:block;
	margin-top:1em;
}

div.comment form,div.todo {
	margin-top:0;
}

div.body-enter {
	text-align:right;
	font-size:80%;
}

div.day div.tags {
	text-align: right;
	vertical-align:bottom;
	font-size: 80%;
	clear:both;
}

img.amazon {
	float: right;
	margin: 0.5em;
	clear: both;
}

div.profile {
	margin: 1em;
	text-align: center;
}

div.profile img {
	border: none;
}

div.profile span {
	font-size: 0.9em;
	display: block;
}

div.socialbuttons {
	text-align: right;
}