@charset "utf-8";
/*
Theme Name: peacepipe 2010
Theme URI: http://
Description: peacepipe design
Version: 0.0
Author: peacepipe
Author URI: http://www.peacepipe.jp/blog/
Tags: peacepipe
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*clear fix*/
.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden;line-height:0;font-size:0;}.clearfix{display:inline-block;}/*exlude MacIE5¥*/* html .clearfix{height:1%}.clearfix{display:block;}/* end MacIE5 */

/*font*/
body{font-family:"メイリオ","Lucida Grande",Verdana,sans-serif;}
/*for WinIE6*/* html body{font-family:"メイリオ",Meiryo,Verdana,"MS P ゴシック",sans-serif;}
/*for WinIE7*/*:first-child+html body{font-family:"メイリオ",Meiryo,sans-serif;}
#copyright {font-family:verdana;font-size:77%;}
#profile p{font-size:85%;line-height:1.8em;}
#profile .block{font-family:verdana;}
#sidebar li {font-size:85%;}
#twitter {font-size:77%;line-height:1.8em;}
#twitter span{font-size:90%;font-family:verdana;}
#content h2{font-size:138.5%;line-height:1.4em;font-weight:bold;}
#content .date, #content .category a{font-family:verdana;font-size:77%;}
#content .entry{font-size:93%;line-height:1.8em;}
#content .navigation {font-size:77%;font-family:verdana;font-weight:bold;}
#content .postmetadata{font-size:77%;font-family:verdana;line-height:1.6em;}
#respond p{font-family:verdana;}
#comments .name{font-weight:bold;}
#comments p {font-size:85%;line-height:1.6em;}

/* color */
a{color:#E23632;text-decoration:none;}
a:hover{text-decoration:underline;}
#sidebar,#sidebar a{color:#F5F5F5;}
#sidebar a:hover{color:#E7443F;text-decoration:none;}
#sidebar #twitter a:hover{color:#F5F5F5;text-decoration:underline;}
#content {color:#2B2D28;}
#content h2{color:#E23632;}
#content h2 a:hover{text-decoration:none;}
#content .date{color:#E7443F;text-decoration:none;}
#respond label{color:#F5F5F5;}
#comments .date{color:#2B2D28;}

/**/
/*html{height:100%;background:url('img/base_white.jpg') #F5F5F5;}*/
html{height:100%;background:#F5F5F5;}
body{height:100%;}
div{position:relative;}
.sprite {background:url('img/css_sprite.png') no-repeat;}
.sprite span{display:none;}
#page{
	background:url("img/base.jpg") repeat-y 0;
	min-height:100%;height:auto!important;height:100%;
}
.hidden {display:none;}
.alignleft{float:left;}
.alignright{float:right;}
blockquote p{
	border:0 solid #BFC0BF;
	border-top-width:1px;
	border-bottom-width:1px;
	padding:10px 0;
}
#content img.alignleft {margin:15px 30px 15px 0;}
#content img.alignright {margin:15px 30px 15px 0;}
#content img.aligncenter {width:100%;text-align:center;}

/* side bar */
#sidebar {
	float:left;
	width:280px;
	padding:50px 50px;
}
/* logo */
#logo {
	width:280px;
	height:40px;
	padding:10px 0px;
	border:0 solid #8A8B89;
	border-top-width:1px;
	border-bottom-width:1px;
	position:relative;
}
#logo h1 {
	position:absolute;
	top:10px; left:20px;
	width:240px;
	height:37px;
	background-position:0 0;
}
#logo h1 a{display:block;width:240px;height:37px;}
/* profile */
#profile { margin:30px 0 0; }
#profile .self-introduction { margin:0 0 20px 0; }
#profile img {
	position:absolute;
	top:0;left:0;
}
#profile .block {
	margin:0 0 0 100px;
	border-top:1px solid #B2312D;
	padding:6px 0 12px 0;
}
#profile .name {
	width:62px;
	height:9px;
	background-position:0 -37px;
}
* html #profile .name{font-size:0;height:8px;background-position:0 -38px;}
#profile .work {
	width:62px;
	height:8px;
	background-position:0 -46px;
}
* html #profile .work{font-size:0;height:7px;background-position:0 -46px;}
/* twitter */
#twitter{margin:10px 0 30px 0;}
#twitter img{
	position:absolute;
	top:-10px;left:20px;
}
* html #twitter img{top:-9px;}
#twitter div {
	background:#DF2D29;
	padding:5px 10px;
}
#twitter span {
	position:absolute;
	bottom:-18px;right:0;
}
/* archives */
#recent-posts,#monthly,#category,#search-block,#external{
	border-top:1px solid #B2312D;
	padding:0 0 28px 0;
}
#recent-posts .sprite,#monthly .sprite,#category .sprite,#search-block .sprite{position:absolute;top:8px;left:0;/*margin:8px 0 17px 0;*/}
#recent-posts .sprite{
	width:122px;
	height:13px;
	background-position:0 -54px;
}
* html #recent-posts .sprite{font-size:0;height:10px;background-position:0 -55px;}
#sidebar ul{padding:30px 0 0 0;}
#sidebar li{
	padding:5px 0 5px 0;
	border-bottom:1px solid #822D29;
}
#monthly{float:left;width:80px;}
#monthly .sprite{
	width:70px;
	height:12px;
	background-position:0 -67px;
}
* html #monthly .sprite{font-size:0;height:10px;background-position:0 -68px;}
#category{float:right;width:180px;}
#category .sprite{
	width:85px;
	height:12px;
	background-position:0 -79px;
}
* html #category .sprite{font-size:0;height:10px;background-position:0 -80px;}
#search-block{clear:both;}
#search-block .sprite{
	width:160px;
	height:13px;
	background-position:0 -91px;
}
* html #search-block .sprite{font-size:0;height:10px;background-position:0 -92px;}
#sidebar #search-block input{margin:30px 0 0 0;width:274px;}
#external{padding:15px 0;}
#blogparts img.top,#blogparts img.bottom{position:absolute;left:0;}
#blogparts img.top {top:0;}
#blogparts img.bottom{bottom:0;}
#blogparts {
	width:160px;
	background:url('img/blogparts_middle.jpg') repeat-y 0 0;
	float:left;
	padding:10px;
	position:relative;
	margin:0 0 30px 0;
}
#blogparts div.parts{margin:0 0 10px 0;}
#blogparts div.edge{margin:0;}
#link {width:80px;float:right;}
#link ul{margin:0;padding:0;}
#link li{border:0;margin:0;padding:0 10px 0 0;display:inline;float:left;}
#link li.edge{padding:0;}

/* copyright */
#copyright{
	clear:both;
	padding:10px 0 0 0;
	border-top:1px solid #BABAB9;
}

/* content */
#content{
	margin-left:420px;
	padding:50px 0;
}
* html #content{margin-left:416px;}
#content h2{
	width:450px;
	padding:20px 0 10px 50px;
}
* html #content h2,*:first-child+html #content h2{padding-top:8px;}
#content h3{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
}
#content .entry ul{
	padding:10px 0;
	margin: 10px 0;
	width:500px;
	border-top:1px solid #BFC0BF;
	border-bottom:1px solid #BFC0BF;
}
#content .entry li{
	list-style:disc;
	margin-left:20px;
}
#content .entry pre{
	width:500px;
	padding:15px 0;
	margin:20px 0;
	border-top:1px solid #BFC0BF;
	border-bottom:1px solid #BFC0BF;
}
#content .post{margin:0 0 50px 0;}
#content .post .date,#content .post .category{display:block;}
#content .fix-width{width:500px;margin:0 0 0 50px;}
#content .post .date{float:left;}
#content .post .category{float:right;}
#content .deco{
	width:10px;height:13px;
	background-position:-63px -38px;
	position:absolute;
	top:24px;right:0;
}
* html #content .deco{top:16px;font-size:0;height:17px;background-position:-63px -34px;}
#content .entry{
	border-top:1px solid #BFC0BF;
	padding:30px 0 50px 0;
	margin:0 0 0 50px;
}
#content .entry p{
	width:500px;
	margin-bottom:10px;
}
#content .navigation {
	padding:20px 0 0 0;
}
#content .prev a{
	padding:0 0 0 12px;
	background:url('img/arrow_left.png') no-repeat left 0.3em;
}
#content .next a{
	padding:0 12px 0 0;
	background:url('img/arrow_right.png') no-repeat right 0.3em;
}
#content .postmetadata{
	border:0 solid #BFC0BF;
	border-top-width:1px;
	border-bottom-width:1px;
	padding:10px 0;
}
/*respond*/
#respond {
	background:url('img/base_dark.jpg') #222420;
	padding:20px 0 5px 50px;
}
#respond h3 {
	width:127px;height:13px;
	background-position:0 -104px;
	margin-bottom:15px;
}
#respond p {margin-bottom:15px;}
#respond p input{
	width:290px;
	margin-right:5px;
}
#respond #comment{width:500px;}
#respond #submit{width:120px;}
/*comment*/
#comments{padding:20px 0 50px 50px;}
#comments h3{
	width:198px;height:14px;
	background-position:0 -117px;
}
#comments .block {
	border-top:1px solid #BFC0BF;
	margin:15px 0 0 0;
}
#comments .block div {
	margin:15px 0;
	padding:0 0 0 0;
}
#comments .block div p{
	margin:5px 0 0 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #BFC0BF;
}
#comments .name{padding:0 10px 0 0;}