@charset "UTF-8";

/*=====================================================
    Style Name: Christina
    Author: Yoruaki
    URL: http://simpleism.net/
    Rule: http://simpleism.net/css/description-rules
    Opened: 2009/06/21, Modified: 2009/06/29
======================================================*/



/*===========================================================================================
    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%;
	color: #333333;
	background: #f3f1f0 url(/img/css/christina/christina) no-repeat scroll left top;
	font: normal normal normal 0.95em/1.5em "Arial", "\ff2d \ff33  \ff30 \30b4 \30b7 \30c3 \30af", sans-serif;
	letter-spacing: 0.125em;
}

html {
	background: #7e7e7e url(/img/css/christina/back) repeat-x scroll top;
}

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

address {
	padding-right: 2.5em;
	padding-bottom: 2.5em;
	background: transparent url(/img/css/christina/corner-bottom-right) no-repeat scroll right bottom;
	font-style: normal;
	text-align: right;
}

blockquote {
	background: #f8f8ff url(/img/css/christina/quotation) repeat-y right top;
}

blockquote,
.code,
pre {
	margin: 1em 2em 1em 1em;
	padding: 0 1em 1em 1em;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #ababab;
	border-bottom: 2px solid #ababab;
	border-left: 1px solid #cdcdcd;
}

code {
	margin: 0 0.5em;
	padding: 0 0.5em;
	border: 1px solid #bcbcbc;
	color: #000000;
	background-color: #f3f3f3;
	font-size: 85%;
}

.code {
	padding-top: 1em;
	border-top: 1px solid #cdcdcc;
	border-left: 1px solid #cdcdcc;
	background: #f3f3f3 url(/img/css/christina/code) repeat-y right top;
}

.code code {
	margin: 0;
	padding: 0;
	border: none;
	color: #000000;
	font-size: 95%;
}

h1 {
	margin: 0;
	padding: 3.5%;
	text-align: right;
	text-decoration: none;
	background: transparent url(/img/css/christina/corner-top) no-repeat scroll right top;
}

.article h2 {
	margin-bottom: 0;
}

p.category {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px solid #333333;
	text-align: right;
}

blockquote p {
	margin-right: 0.25em;
}

pre {
	padding-top: 1em;
	border-top: 1px solid #cdcdcc;
	border-left: 1px solid #cdcdcc;
	background: #f5f5f5 url(/img/css/christina/preformatted) repeat-y right top;
}

q {
	margin: 0 0.25em;
	padding: 0 0.25em;
	border: 1px solid #cdcdcd;
	quotes: none;
	background-color: #f8f8ff;
}

.article,
.contents {
	margin-bottom: 5%;
	margin-left: 1em;
}

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

.menu {
	background: transparent url(/img/css/christina/menu);
	font-variant: small-caps;
	font-size: 1.05em;
}

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

.footer {
	background: transparent url(/img/css/christina/corner-bottom-left) no-repeat scroll left bottom;
}

.footer,
.date {
	clear: both;
}

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

.permalink {
	margin-bottom: 10%;
}

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

.title {
	padding-top: 1em;
	border-top: 1px dashed #666666;
}

.concept {
	font-weight: bold;
}

.mirror-site:before {
	padding-left: 0.25em;
	content: ": ";
}

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

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

a {
	color: #4052ad;
}

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

.menu a,
.menu a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #666666;
}

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

.menu a:hover {
	color: #cccccc;
	background-color: transparent;
}

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

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

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

dl dt {
	font-weight: bold;
}

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

dl dd {
	margin-bottom: 1em;
}

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

#s_info + p + p + p + dl dt,
#s_info + p + p + p + p + dl dt,
#p_info + dl dt {
	margin-top: 0;
	float: left;
	width: 8em;
}

#s_info + p + p + p + dl dd,
#s_info + p + p + p + p + dl dd,
#p_info + dl dd {
	margin-bottom: 2em;
	margin-left: 8em;
}

#s_info + p + p + p + dl dd + dd,
#s_info + p + p + p + p + dl dd + dd,
#p_info + dl dd + dd {
	margin-top: -2em;
}

.menu ul {
	margin: 0;
	padding: 2.5% 0 2.5% 5%;
}

.footer ul {
	padding: 5% 0 0 5%;
	background: transparent url(/img/css/christina/border) repeat-x scroll top;
}

.menu li,
.footer li {
	margin-right: 5%;
	display: inline;
}

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

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

.search input,
.search .button {
	border: 1px inset #333333;
	background-color: transparent;
	font-family: "Arial", sans-serif;
}

.search .button {
	border: 1px outset #333333;
}

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

table {
	margin: 1em 2em 1em 1em;
}

table,
td,
th {
	border: 1px solid #ababab;
}

td,
th {
	padding: 0.5em;
}

th {
	color: #111111;
	background-color: #cccccc;
	font-weight: normal;
	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 Explorers.
===========================================================================================*/

*:first-child + html {
	background-color: #737373;
}

*:first-child + html .menu {
	margin-bottom: 5%;
}

*:first-child + html .article {
	margin-bottom: 0;
}

*:first-child + html .footer ul {
	margin: 0;
	padding-top: 1.5em;
}