@charset "UTF-8";

/*===========================================================================================
    Style Name: Sepialievre
    Author: Yoruaki
    URL: http://simpleism.net/
    Rule: http://simpleism.net/css/description-rules
    Opened: 2009/10/26, Modified: 2009/10/29
===========================================================================================*/



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

body {
	margin: 5% 5% 0;
	padding: 0;
	color: #564947;
	background: #c8bfb8 url(/img/css/sepialievre/logo) no-repeat fixed 95% 99%;
	font: normal normal normal 80%/1.5em "Helvetica", "Arial", sans-serif;
	letter-spacing: 0.15em;
}

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

address,
.date {
	clear: both;
	font-style: normal;
	text-align: right;
}

.date {
	background: transparent url(/img/css/sepialievre/bg_date) no-repeat right bottom;
}

blockquote,
pre,
.code {
	margin: 1em;
	padding: 2% 5% 2% 2%;
	border: 1px solid #a3958a;
}

blockquote {
	background: transparent url(/img/css/sepialievre/bg_quotation) repeat-y right top;
}

pre {
	background: transparent url(/img/css/sepialievre/bg_preformatted) repeat-y right top;
}

.code {
	background: transparent url(/img/css/sepialievre/bg_code) repeat-y right top;
}

.code code,
.menu ul {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

code,
q {
	margin: 0 0.5em;
	padding: 0 0.5em;
	border: 1px solid #a3958a;
	quotes: none;
	background: transparent url(/img/css/sepialievre/bg_common1) repeat;
}

.via {
	padding-top: 1.5%;
	border-top: 1px solid #a3958a;
	font-size: 90%;
	text-align: right;
}

.via:before {
	content: "via: ";
	font-weight: bold;
}

h1 {
	margin: -0.5em 0;
	padding: 0.5em 0;
	float: left;
}

.info h2 {
	margin-left: 0.5em;
}

.meta-nav + h2 {
	margin-top: 8%;
}

p {
	margin: 0 0 1em 0;
}

p.category {
	text-align: right;
}

p.category:before {
	content: "Category: ";
	font-weight: bold;
}

.menu {
	margin: 0 0 4% 0;
	float: right;
	font-weight: bold;
	font-size: 150%;
}

#about,
#documents,
#weblog {
	margin-right: 1em;
}

.article {
	margin-bottom: 3%;
	border-top: 2px solid #564947;
	float: left;
	width: 80%;
}

.contents {
	margin-bottom: 3%;
	border-top: 2px solid #564947;
	clear: both;
}

.concept {
	font-weight: bold;
}

.info {
	margin-bottom: 3%;
	border-top: 2px solid #564947;
	float: right;
	width: 20%;
}

.footer {
	margin: 0 -5.5%;
	padding: 3% 5%;
	clear: both;
	background: transparent url(/img/css/sepialievre/bg_common2) repeat;
}

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

a,
a:visited {
	color: #675a58;
}

h1 a,
h1 a:visited,
h1 a:hover,
.menu a {
	color: #564947;
	text-decoration: none;
}

a:hover {
	color: #a5978c;
}

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

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

dl dt {
	padding: 1em 0.5em 0;
	border-bottom: 1px dashed #564947;
	display: inline-block;
}

dl dt,
dl dd,
li {
	margin-top: 0.25em;
}

dl.links dt,
dl.documents dt,
#entry_and_archives dt {
	border: none;
}

dl.permalink dt,
dl.article-nav dt {
	display: none;
}

dl.permalink dd,
dl.article-nav dd,
dl.article-nav dt + dd + dt + dd {
	margin-left: 0;
}

dl.article-nav dd {
	margin-bottom: 1em;
}

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

dl.article-nav dd:before {
	content: "Prev: ";
	font-weight: bold;
}

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

.menu ul li {
	display: inline;
}

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

.footer ul {
	padding: 0;
}

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

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

.mirror-site {
	padding-left: 20px;
	background: transparent url(/img/css/sepialievre/bg_point) no-repeat left center;
	text-decoration: none;
}

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

input {
	border: 1px solid #a3958a;
	color: #564947;
	background: transparent url(/img/css/sepialievre/bg_text) repeat;
	font-family: "Helvetica", "Arial", sans-serif;
}

.button {
	background: #c8bfb8 url(/img/css/sepialievre/bg_button) repeat-x left bottom;
}

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

table {
	margin: 1em;
	border: 1px solid #a29489;
}

tr,
td,
th {
	padding: 0.5em;
	border:1px solid #a29489;
}

th {
	background: transparent url(/img/css/sepialievre/bg_common2) repeat;
	font-weight: normal;
}

/*===========================================================================================
    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;
	padding: 1px;
	border: 5px solid #a3958a;
	float: left;
}

.links img {
	margin-right: 0.5em;
	vertical-align: middle;
}

/*===========================================================================================
    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.
===========================================================================================*/

/*===== for IE7 ===========================================================================*/

*:first-child + html h1 {
	letter-spacing: 0.05em;
}

*:first-child + html .menu ul li {
	line-height: 1.1em;
}

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

*:first-child + html .article {
	width: 79%;
}

*:first-child + html .info {
	width: 21%;
}

*:first-child + html .footer {
	width: 101%;
}


*:first-child + html dl dt {
	display: inline;
}

*:first-child + html dl dd,
*:first-child + html .article-nav dd {
	margin-left: 4.5%;
}

*:first-child + html .article-nav dd {
	margin-bottom: -1%;
}

/*===== for IE6 ===========================================================================*/

* html h1 {
	letter-spacing: 0.05em;
}

* html .menu ul li {
	line-height: 1.1em;
}

* html .contents {
	margin-top: -5.5%;
}

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

* html .article {
	width: 78%;
}

* html .info {
	width: 21%;
}

* html .footer {
	width: 111%;
	display: block;
}

* html dl dt,
* html .meta-nav dl dt {
	display: inline;
}

* html dl dd,
* html .article-nav dd {
	margin-left: 4.5%;
}

* html .article-nav dd {
	margin-bottom: -1%;
}