@charset "UTF-8";

/*=========================================================
    Style Name: Notebook
    Author: 夜秋
    URL: http://simpleism.net/
    Rule: http://www.code-404.net/dont-forget-the-rules
    Created: 2009/01/21
    Modified: 2009/03/26
=========================================================*/

/*====================================
    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;
	padding: 3.0em 2.0em 2.0em 100px;
	color: #000000;
	background: #ffffff url(/img/css/notebook/back) repeat-y left top;
	font: normal normal normal 1.0em/1.45em "Arial", "Twenteith Century", "Futura", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0.125em;
}

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

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

address {
	font-style: normal;
	text-align: right;
}

blockquote,
.code {
	margin: 1.0em;
	border: 3px double #d3d3d3;
	cursor: default;
}

blockquote {
	padding: 1.0em;
	background: #f8f8ff url(/img/css/notebook/quotation) no-repeat left top;
}

code,
q {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #d3d3d3;
	quotes: none;
	background-color: #f8f8ff;
	cursor: default;
}

.code {
	padding: 2.0em 1.0em 1.0em 1.0em;
	background: #f8f8ff url(/img/css/notebook/code) no-repeat left top;
}

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

.menu {
	margin-bottom: 5%;
}

.date {
	border-bottom: 1px solid #000000;
	clear: both;
	text-align: right;
}

.permalink dd:before {
	content: "Permalink: ";
	font-weight: bold;
}

.permalink {
	margin-bottom: 10%;
}

div.category {
	float: left;
	width: 48%;
}

.archives {
	float: right;
	width: 48%;
}

div.search {
	clear: both;
}

.footer {
	margin-top: 10%;
	border-top: 3px double #000000;
}

.mirror-site:before {
	padding-right: 0.25em;
	content: url(/img/css/notebook/point);
}

.mirror-site {
	text-decoration: none;
}

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

h1 {
	margin: 0;
	font-size: 2.5em;
}

h2 {
	margin-bottom: 0;
	padding-bottom: 0.25em;
	border-bottom: 2px dashed #000000;
	font-size: 1.5em;
}

h2:first-letter {
	color: #b22222;
	font-size: 1.25em;
}

h3 {
	font-size: 1.25em;
}

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

p {
	margin-bottom: 1.0em;
}

p.category {
	margin-top: 0.125em;
	text-align: right;
}

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

.title {
	padding-top: 0.25em;
	border-top: 3px double #d3d3d3;
}

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

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

a:link,
.menu a:visited {
	color: #483d8b;
	text-decoration: underline;
}

a:visited {
	color: #696969;
	text-decoration: underline;
}

a:hover,
.menu a:hover {
	color: #a52a2a;
	text-decoration: none;
}

h1 a:link,
h1 a:visited,
h1 a:hover {
	color: #000000;
	text-decoration: none;
}

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

dt {
	margin-bottom: 0.125em;
	font-weight: bold;
}

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

.permalink dt,
.date + dl dt {
	display: none;
}

dd {
	margin-bottom: 1.0em;
}

.date + dl dd {
	margin-left: 0;
}

.date + dl dt + dd:before {
	content: "Prev: ";
	font-weight: bold;
}

.date + dl dt + dd {
	margin-bottom: 0.5em;
}

.date + dl dt + dd + dt + dd:before {
	content: "Next: ";
	font-weight: bold;
}

.date + dl dt + dd + dt + dd {
	margin-bottom: 5%;
}

.permalink dd {
	margin-left: 0;
}

.permalink dd:before {
	content: "Permalink: ";
	font-weight: bold;
}

ul li {
	margin-bottom: 0.25em;
}

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

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

.search input,
.search output {
	font-family: "Arial", "Twenteith Century", "Futura", "ＭＳ Ｐゴシック", sans-serif;
}

.search input {
	border: 1px inset #000000;
}

.search .button {
	border: 1px outset #000000;
	background-color: #fffafa;
}

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

table,
td,
th,
tr {
	margin: 0 1.0em;
	border-spacing: 1px;
	border: 1px solid #d3d3d3;
	background-color: #ffffff;
}

td,
th,
tr {
	padding: 0.5em;
}


th {
	background-color: #f5f5f5;
	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;
}

/*===========================================================================================
    Ruby Annotation Module
	http://www.w3.org/TR/2001/REC-ruby-20010531/#abstract-def
===========================================================================================*/

ruby rt,
ruby rp {
	font-size: 80%;
}

ruby rp {
	margin: 0px 0.25em;
	font-size: 85%;
}

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

*:first-child + html blockquote {
	background: #f8f8ff url(/img/css/notebook/quotation) no-repeat 3px 3px;
}

*:first-child + html .code {
	background: #f8f8ff url(/img/css/notebook/code) no-repeat 3px 3px;
}

*:first-child + html .permalink dt,
*:first-child + html .date + dl dt {
	display: block;
}

* html blockquote {
	background: #f8f8ff url(/img/css/notebook/quotation) no-repeat 3px 3px;
}

* html .code {
	background: #f8f8ff url(/img/css/notebook/code) no-repeat 3px 3px;
}

* html .permalink dt,
* html .date + dl dt {
	display: block;
}