@charset "UTF-8";

/*=========================================================
    Style Name: GrayScale
    Author: 夜秋
    URL: http://simpleism.net/
    Rule: http://www.code-404.net/dont-forget-the-rules
    Created: 2008/08/16
    Modified: 2008/08/16
=========================================================*/

/*====================================
    Properties
	  1. margin-top
	  2. margin-right
	  3. margin-bottom
	  4. margin-left
	  5. margin
	  6. padding-top
	  7. padding-right
	  8. padding-bottom
	  9. padding-left
	 10. padding
	 11. border-top-width
	 12. border-right-width
	 13. border-bottom-width
	 14. border-left-width
	 15. border-width
	 16. border-top-color
	 17. border-right-color
	 18. border-bottom-color
	 19. border-left-color
	 20. border-color
	 21. border-top-style
	 22. border-right-style
	 23. border-bottom-style
	 24. border-left-style
	 25. border-style
	 26. border-top
	 27. border-bottom
	 28. border-right
	 29. border-left
	 30. border
	 31. display
	 32. position
	 33. top
	 34. right
	 35. bottom
	 36. left
	 37. float
	 38. clear
	 39. z-index
	 40. direction
	 41. unicode-bidi
	 42. width
	 43. min-width
	 44. max-width
	 45. height
	 46. min-height
	 47. max-height
	 48. line-height
	 49. vertical-align
	 50. overflow
	 51. clip
	 52. visibility
	 53. content
	 54. compact
	 55. run-in
	 56. quotes
	 57. marker-offset
	 58. list-style-type
	 59. list-style-image
	 60. list-style-position
	 61. list-style
	 62. size
	 63. marks
	 64. page-break-before
	 65. page-break-after
	 66. page-break-inside
	 67. page
	 68. orphans
	 69. widows
	 70. color
	 71. background-color
	 72. background-image
	 73. background-repeat
	 74. background-attachment
	 75. background-position
	 76. background
	 77. font-family
	 78. font-style
	 79. font-variant
	 80. font-weight
	 81. font-stretch
	 82. font-size
	 83. font-size-adjust
	 84. font
	 85. text-indent
	 86. text-align
	 87. text-decoration
	 88. text-shadow
	 89. letter-spacing
	 90. word-spacing
	 91. text-transform
	 92. white-space
	 93. table-layout
	 94. empty-cells
	 95. speak-header
	 96. cursor
	 97. outline
	 98. volume
	 99. speak
	100. pause-before
	101. pause-after
	102. pause
	103. cue-before
	104. cue-after
	105. cue
	106. play-during
	107. azimuth
	108. elevation
	109. speech-rate
	110. voice-family
	111. pitch
	112. pitch-range
	113. stress
	114. richness
	115. speak-punctuation
	116. speak-numeral
====================================*/

/*===========================================================================================
    XHTML Abstract Modules
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
===========================================================================================*/

/*===========================================================================================
    Structure Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_structuremodule
===========================================================================================*/

body {
	margin: 0;
	background: #ffffff url(/img/css/grayscale/back) no-repeat fixed right bottom;
	font-family: "Arial", "Helvetica", sans-serif;
}

/*===========================================================================================
    Text Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule
===========================================================================================*/

abbr {
	border-bottom: 1px dashed #000000;
	cursor: default;
}

address {
	font-family: "Georgia", "Times New Roman", "ＭＳ Ｐゴシック", serif;
	font-style: normal;
	text-align: right;
	letter-spacing: 0.2em;
}

blockquote {
	margin: 1.0em;
	padding: 0 1.0em 1.0em 1.0em;
	border: 3px double #dddddd;
	color: #000000;
	background: transparent url(/img/css/grayscale/quotation) no-repeat scroll right bottom;
	cursor: default;
}

code {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #dddddd;
	quotes: none;
	color: #000000;
	cursor: default;
}

.code code {
	margin: 0;
	padding: 0;
	border: 0;
}

.menu {}

.article,
.contents {
	padding-left: 1.0em;
	letter-spacing: 0.1em;
	line-height: 1.35em;
}

.article {
	float: left;
	width: 75%;
}

.contents {
	padding-right: 1.0em;
}

.date {
	font-family: "Georgia", "Times New Roman", serif;
	text-align: right;
}

.permalink {
	margin-bottom: 20%;
	font-family: "Georgia", "Times New Roman", serif;
}

.info {
	margin-right: 1.0em;
	float: right;
	font-family: "Georgia", "Times New Roman", serif;
}

.footer {
	padding: 1.0em;
	border-top: 3px double #dddddd;
	clear: both;
	background-color: transparent;
}

h1,
h2,
h3 {
	font-weight: bold;
}

h1 {
	margin-left: 0.5em;
	font-family: "Georgia", "Times New Roman", serif;
}

h2 {
	font-size: 1.5em;
}

.contents h2 {
	margin-top: 1.5em;
	font-family: "Georgia", "Times New Roman", serif;
}

h3 {
	font-size: 1.25em;
}

p {
	margin-bottom: 1.0em;
}

p.category {
	font-family: "Georgia", "Times New Roman", serif;
}

p.category:before {
	content: attr(class) ": ";
	text-transform: capitalize;
}

.title,
.uri {
	margin: 0;
	font-size: 80%;
	text-align: right;
}

.title {
	margin-bottom: 0;
	border-top: 1px dashed #dddddd;
}

pre {
	font-family: monospace;
}

.code {
	margin: 1.0em;
	padding: 1.0em;
	border: 3px double #dddddd;
	color: #000000;
	background: transparent url(/img/css/grayscale/code) no-repeat scroll right bottom;
}

q {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #dddddd;
	quotes: none;
	cursor: default;
}

/*===========================================================================================
    Hypertext Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule
===========================================================================================*/

a {
	color: #0000ff;
	text-decoration: underline;
}

h1 a,
h1 a:visited {
	color: #000000;
	font-size: 250%;
	text-decoration: none;
}

.info a {
	margin-right: 0.5em;
}

a:visited {
	color: #800080;
}

a:hover {
	text-decoration: none;
}

/*===========================================================================================
    List Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule
===========================================================================================*/

dt {
	font-weight: bold;
}

#entry_and_archives dt,
.links dt,
.documents dt {
	font-weight: normal;
}

.permalink dt {
	display: none;
}

dd {
	margin-bottom: 1.0em;
}

.permalink dd {
	margin-left: 0;
}

.permalink dd:before {
	content: "URL: ";
}

ul {
	list-style-type: square;
}

.menu ul {
	font-family: "Georgia", "Times New Roman", serif;
}

.search ul {
	list-style-type: none;
}

.menu li{
	display: inline;
	margin-right: 1.0em;
}

.info li {
	margin-bottom: 0.5em;
}

.footer li {
	display: inline;
	margin-right: 1.0em;
}

/*===========================================================================================
    Forms Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule
===========================================================================================*/

.search input {
	border: 1px inset #000000;
	color: #000000;
	background-color: transparent;
}

.search .button {
	border: 1px outset #000000;
	color: #000000;
	background-color: transparent;
	font-family: "Georgia", "Times New Roman", serif;
}

/*===========================================================================================
    Tables Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_tablemodule
===========================================================================================*/

.article table,
.article td,
.article th,
.article tr,
.contents table,
.contents td,
.contents th,
.contents tr {
	margin: 0 1.0em;
	border-spacing: 1px;
	border: 1px solid #dddddd;
	background-color: transparent;
	text-align: left;
}

.article td,
.article th,
.article tr,
.contents td,
.contents th,
.contents tr {
	padding : 0.5em;
}

.article th,
.contents th {
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}

/*===========================================================================================
    Image Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule
===========================================================================================*/

img {
	border: 0;
}

.photo {
	margin : 0 0.5em 0.5em 0;
	float: left;
}

.links img {
	margin-right: 0.35em;
}

/*===========================================================================================
    Appendix
	CSS hack for Internet Explorer 6 as follows.
===========================================================================================*/

*:first-child + html .article,
*:first-child + html .info,
* html .article,
* html .info {
	padding-top: 1.5em;
}