@charset "utf-8";
/* colors
#583822 (kuro-cha) bg
#f8f4e6 (zouge-iro) contents bg
#ede4cd (neri-iro) header bg, footer bg
#2b2b2b (kuro) border
#b4866b (tyouji-cha) headding
#007bbb (kon-peki) link
#ba2636 (ake) link:active, link:hover
#192f60 (kon-jyou) link:visited
*/

/* Resetting Again via http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.7em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* global */
body { font: 62.5%/1.4em 'Trebuchet MS', Helvetica, Sans-Serif; text-align: center; }
h1 { font-size: 1.8em; line-height: 1.2em; }
h2 { font-size: 1.6em; line-height: 1.1em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font-family: Cambria, 'Times New Roman', Times, Serif; }
h1, h2, h3, h4, h5, h6, p, ul li, ol li, blockquote, pre, code { margin-bottom: 0.5em; }
blockquote, pre, code { font-family: Consolas, 'Lucida Console', Monaco, Sans-Serif; }
a, a:link { color: #007bbb; }
a:visited { color: #192f60; }
a:hover, a:active { color: #ba2636; }
a:focus { outline: 1px dotted #000; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.wide { width: 100%; }
.clearfix { zoom: 100%; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }

/* structure */
body {
	background: #583822 url(../images/bg.gif) repeat-y center top;
	color: #2b2b2b;
	}
#admin_bar {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #583822 url(../images/admin_bar_bg.gif) repeat-y center top;
	}
#header {
	width: 800px;
	margin: 0 auto;
	padding-top: 5.25em;
	background: #583822 url(../images/bg.gif) repeat-y center top;
	}
#container {
	width: 800px;
	margin: 0 auto;
	background: #eaf4fc url(../images/contents_bg.gif) repeat-y center top;
	}
#posts {
	float: left;
	width: 480px;
	}
#archives {
	float: left;
	width: 160px;
	}
#sidebar {
	float: left;
	width: 160px;
	}
#footer {
	clear: left;
	width: 800px;
	margin: 0 auto;
	background: #583822 url(../images/bg.gif) repeat-y center top;
	}

/* admin_bar */
#admin_bar {
	font-size: 1.25em;
	}
#admin_bar ul {
	width: 800px;
	margin: 0.5em auto;
	text-align: center;
	}
#admin_bar ul li {
	display: inline;
	padding: 0 1em;
	}

/* header */
#header h1 {
	padding-bottom: 0.1em;
	font-size: 3.5em;
	font-weight: normal;
	text-align: center;
	}
#header h1 a {
	color: #2b2b2b;
	text-decoration: none;
	}
#header h1 a:hover {
	color: #b4866b;
	}
#header span {
	display: block;
	margin-top: 2em;
	font-family: Candara, 'Trebuchet MS', Helvetica, Sans-Serif;
	font-size: 0.25em;
	font-weight: normal;
	}

/* container */
#container {
	font-size: 1.25em;
	line-height: 1.3em;
	}

/* posts */
#posts .title {
	margin: 0.5em 0;
	}
#posts label {
	display: block;
	}

/* post */
.post {
	position: relative;
	margin: 1em;
	padding-bottom: 3em;
	text-align: left;
	}

/* post default */
.post p { margin-bottom:1em; }
.post ul, .post ol { margin-left: 1.75em; }
.post ul li { list-style-type: disc; }
.post ul ul li { list-style-type: circle; }
.post ul ul ul li { list-style-type: square; }
.post ol li { list-style-type: decimal; }
.post dl dd { margin-left: 1.75em; }
.post blockquote { margin-left: 1em; color: #777; }
.post table, .post th, .post td { border: 1px solid #b4866b; }
.post th, .post td { padding: 0.25em; }
.post pre { overflow: scroll; }

/* post info */
.post .pinned_text {
	position: absolute;
	left: -5.5em;
	width: 4em;
	border-bottom: 1px solid #583822;
	padding: 0.25em;
	background-color: #b4866b;
	color: #f8f4e6;
	text-align: center;
	}
.post .date {
	display: block;
	margin: 1em 0 0.5em;
	border-bottom: 1px dotted #b4866b;
	font-family: Cambria, 'Times New Roman', Times, Serif;
	font-size: 1.4em;
	}
.post .date a {
	color: #b4866b;
	text-decoration: none;
	}
.post .date a:hover {
	color: #ba2636;
	}
.post .tags {
	float: right;
	margin-bottom: 1em;
	}
.post .info {
	float: right;
	}
.post .info em {
	color: #b4866b;
	}

/* navigation */
.navigation {
	margin: 1em;
	text-align: left;
	}

/* pages */
.page {
	margin: 1em;
	text-align: left;
	}
.page h2 {
	border-bottom: 1px dotted #b4866b;
	color: #b4866b;
	}
.page h2 .info {
	font-size: 0.5em;
	font-weight: normal;
	}

/* inline forms */
.inline {
	padding: 1em;
	background-color: #ede4cd;
	}
.inline input {
	margin: 0;
	}
.inline .more_options_link {
	display: block;
	color: #007bbb;
	font-weight: bold;
	}
.inline .more_options {
	margin-top: 1em;
	}
.inline .more_options p {
	float: left;
	width: 50%;
	height: 3em;
	}
.inline .more_options p input[type="text"] {
	width: 90%;
	}
.inline .more_options p .sub {
	font-size: 0.8em;
	}
.inline .buttons {
	clear: left;
	padding: 0.5em;
	background-color: #f8f4e6;
	}

/* notification */
.success, .notice {
	margin: 1em;
	padding: 0.5em 0.5em 0.5em 24px;
	cursor: pointer;
	text-align: left;
	}
.success {
	border: 1px solid #c6d880;
	background: #e6efc2 url(../images/icons/success.png) no-repeat 4px center;
	color: #529214;
	}
.notice {
	border: 1px solid #c2e1ef;
	background: #dff4ff url(../images/icons/notice.png) no-repeat 4px center;
	color: #336699;
	}
.success .sub, .notice .sub {
	margin-left: 0.5em;
	color: #777;
	font-size: 0.8em;
	}

/* archives */
#archives {
	text-align: left;
	}
#archives h1 {
	margin: 0.5em 1em;
	border-bottom: 1px dotted #b4866b;
	padding: 0.25em 0;
	color: #b4866b;
	font-size: 1em;
	}
#archives ul {
	margin: 1em 1em 1em 2em;
	list-style-type: disc;
	}
#archives label {
	margin-left: 1em;
	font-weight: bold;
	}
#archives input {
	display: block;
	width: 80%;
	margin: 0 auto;
	}

/* sidebar */
#sidebar {
	text-align: left;
	}
#sidebar h1 {
	margin: 0.5em 1em;
	border-bottom: 1px dotted #b4866b;
	padding: 0.25em 0;
	color: #b4866b;
	font-size: 1em;
	}
#sidebar ul {
	margin: 1em;
	}
#tags_list li {
	display: inline;
	margin-right: 0.25em;
	}

/* footer */
#footer {
	padding: 1em 0;
	font-size: 1.25em;
	}
#footer img {
	vertical-align: middle;
	}

/* controls, login, register */
#user-form {
	padding: 1em;
	text-align: left;
	}
#user-form h2 {
	border-bottom: 1px dotted #b4866b;
	color: #b4866b;
	}

/* feathers */
div.audio { background: transparent url(../images/feather_audio.gif) no-repeat top right; }
div.chat { background: transparent url(../images/feather_chat.gif) no-repeat top right; }
div.link { background: transparent url(../images/feather_link.gif) no-repeat top right; }
div.photo { background: transparent url(../images/feather_photo.gif) no-repeat top right; }
div.quote { background: transparent url(../images/feather_quote.gif) no-repeat top right; }
div.text { background: transparent url(../images/feather_text.gif) no-repeat top right; }
div.video { background: transparent url(../images/feather_video.gif) no-repeat top right; }

div.event { background: transparent url(../images/feather_event.gif) no-repeat top right; }
div.file { background: transparent url(../images/feather_file.gif) no-repeat top right; }
div.review { background: transparent url(../images/feather_review.gif) no-repeat top right; }

div.chat ul { font-family: Consolas, 'Lucida Console', Monaco, Sans-Serif; }
div.chat ul li { list-style: none; margin: 0; }
div.chat ul li .label { color: #47a0ff; }
div.chat ul li.me .label { color: #d674c9; }
div.photo img { border: 1px solid #ddd; padding: 0.25em; }
div.quote blockquote { width: 350px; margin: 0 auto; padding: 0; background: none; color: #777; font: 2em/1.25em normal Constantia, 'Palatino Linotype', Palatino, serif; }
div.quote div.source { display: block; width: 350px; margin: 0 auto 1em; color: #999; text-align: right; }
div.video .object-youtube, div.video .embed-youtube { width: 400px; height: 336px; }

div.event div.vevent dl { margin: 1em 0; }
div.event div.vevent dl dt { clear: both; float: left; padding-top: 0.1em; color: #999; font-family: Cambria, Georgia, serif; font-weight: bold; }
div.event div.vevent dl dd { margin-left: 6em; }
div.file .file-icon { width: 32px; height: 32px; padding: 1em 0; }
div.file .file-icon img { border: 1px solid #ddd; padding: 0.25em; }
div.file .file-information { padding-top: 0.5em; line-height: 1.5em; }
div.file .file-name { font-size: 1.4em; }
div.review span.rating { float: right; color: #ccc; }

/* modules */
div.comment { margin: 1em; text-align: left; }
div.comment h1 { font-size: 1em; }
div.comment ol.comments li { margin-bottom: 2em; }
div.comment ol.comments li blockquote { margin: 0; border: 1px solid #c9c2c1; padding: 0; background-color: #f9f9f9; }
div.comment ol.comments li blockquote p { margin: 1em; padding: 0; }
div.comment ol.comments li cite { position: relative; top: 1em; margin: 0; padding: 1em 0 0 1em; background: transparent url('../images/tip.gif') no-repeat 20px top; font-style: normal; }
#add_comment textarea { margin: 0.5em 0; }

div.categorize { margin: 1em; text-align: right; }
div.related { margin: 1em; text-align: left; }
div.related h1 { font-size: 1em; }
div.related ul { margin: 1em 1em 1em 2em; list-style-type: disc; }
div img.smiley { margin: 0; border: none; padding: 0; vertical-align: middle; }