@charset "UTF-8";

/*=========================================================
    Style Name: ShipsTile
    Author: 夜秋
    URL: http://simpleism.net/
    Rule: http://www.code-404.net/dont-forget-the-rules
    Created: 2008/11/12
    Modified: 2008/12/05
=========================================================*/

/*====================================
    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: 5% 5% 5% 0;
	color: #111111;
	background: #f1f1f1 url(/img/css/shipstile/border-r) repeat-y right top;
	font-family: "Century Gothic", "Twenteith Century", "Futura", "ＭＳ Ｐゴシック", sans-serif;
}

html {
	background-color: #eeeeee;
}

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

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

address {
	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 #d1d1dd;
	color: #111111;
	background: #f5f5f5 url(/img/css/shipstile/quotation) no-repeat scroll right bottom;
	cursor: default;
}

code {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #d1d1dd;
	quotes: none;
	color: #111111;
	background-color: #f5f5f5;
	cursor: default;
}

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

.menu {
	padding: 0.5em 0 4.25em 1.0em;
	background: #0b2546 url(/img/css/shipstile/contents-back) no-repeat scroll right bottom;
	font: normal small-caps normal 1.25em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.125em;
}

.article,
.contents {
	padding: 0.1em 2.0em 2.0em 2.0em;
	border-right: 1px solid #d1d1dd;
	line-height: 1.45em;
	background-color: #f1f1f1;
	letter-spacing: 0.125em;
}

.date {
	clear: both;
	background: transparent url(/img/css/shipstile/date) no-repeat scroll right top;
	text-align: right;
}

.permalink {
	margin-bottom: 10%;
}

div.category {
	float: right;
	width: 45%;
}

.archives {
	padding: 0 0 2.0em 2.0em;
	float: left;
	width: 45%;
}

.info {
	letter-spacing: 0.125em;
}

div.search:before {
	clear: both;
}

div.search{
	float: right;
	width: 45%;
}

.footer {
	padding: 1.0em;
	clear: both;
	background: #cfccc6 url(/img/css/shipstile/footer-back) no-repeat scroll right bottom;
}

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

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

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

h1 {
	margin: 0;
}

h2 {
	margin-bottom: 0;
	padding-bottom: 0.25em;
	border-bottom: 3px double #d1d1dd;
	font-size: 1.5em;
}

.info h2 {
	border: none;
	font: normal small-caps normal 1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.06125em;
}

div.category h2,
.archives h2 {
	margin-top: 0;
}

h3 {
	font-size: 1.25em;
}

p {
	margin-bottom: 1.0em;
}

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

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

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

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

pre {
	font-family: monospace;
}

.code {
	margin: 1.0em;
	padding: 1.0em;
	border: 3px double #d1d1dd;
	color: #111111;
	background: #f5f5f5 url(/img/css/shipstile/code) no-repeat scroll right bottom;
}

q {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #d1d1d1;
	quotes: none;
	background-color: #f5f5f5;
	cursor: default;
}

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

a {
	color: #4052ad;
	text-decoration: underline;
}

h1 a {
	display: block;
	height: 100px;
	background: #0b2546 url(/img/css/shipstile/h1-back) no-repeat scroll right top;
	text-indent: -9999px;
}

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

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

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

a:hover {
	color: #4052ad;
	background-color: #c4d3e9;
	text-decoration: none;
}

.menu a:hover {
	color: #7b8fa7;
	background-color: transparent;
	text-decoration: none;
}

.footer a:hover {
	background-color: transparent;
}

/*===========================================================================================
    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,
.date + dl dt {
	display: none;
}

dd {
	margin-bottom: 1.0em;
}

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

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

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

.permalink dd {
	margin-left: 0;
}

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

dl dd,
dd dt,
dd ul,
dd ol,
ul ul,
ol ol {
	margin-top: 0.5em;
}

ul {
	list-style-type: square;
}

.menu ul {
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

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

ul li,
ol li {
	margin-bottom: 0.5em;
}

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

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

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

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

.search .button {
	border: 1px outset #000000;
	color: #111111;
	background-color: transparent;
	font-family: "Verdana", "Tahoma", sans-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 #d1d1dd;
	background-color: #f5f5f5;
	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 .menu ul {
	margin-left: 2.0em;
}

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

*:first-child + html .permalink dd,
*:first-child + html .date + dl dd {
	margin-left: 2.5em;
}

* html .menu ul {
	margin-left: 2.0em;
}

* html div.category {
	background: transparent url(/img/css/shipstile/border-r) repeat-y right top;
}

* html div.search {
	background: transparent url(/img/css/shipstile/border-r) repeat-y right top;
}