/*
Theme Name:     hareneko One's
Theme URI:      http://www.omega-box.com/
Description:    はれねこ One's ( omega*box )
Version:        1.0
Author:         Lue
Author URI:     http://efuya.com/hareneko/
Tags:           one-column, Single column, White, Black, Photos, Photoblog, Fixed Width
*/
/*
font-sizeを可変にする。
目安としてMS Pゴシック16Ptを100とした場合
10px = 63%
11px = 69%
12px = 75%
13px = 82%
14px = 88%
15px = 94%
16px = 100%
17px = 107%
18px = 113%
19px = 119%
20px = 125%

文字サイズは子要素に継承されてしまうので、親を１００として子要素までの継承に留める。
孫要素まで指定すると、レイアウトが大きく崩れる恐れ。

「line-height」に「%」や「em」を使用してしまうと、文字サイズがそれよりも大きければ文字が重なる。
ゆえに「line-height」には「単位を指定しない」こと。
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background:#222222 url(image/ob18_bk_bg.gif) repeat scroll 0 0;
	color: #333333;
	font-family: Arial,sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

a:link, a:visited {
	color:#333333;
	text-decoration:none;
}

a:active, a:hover {
	color:#666666;
	text-decoration:underline;
}

a img { 
	border: 0; 
}


/*
layout
---------------------------------------------- */
#page {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:760px;
}

/*
header
----------------------------------------------- */
#header {
}

#blogtitle {
	margin:0;
	padding:30px 20px;
	text-align:left;
}

#blogtitle h1 {
	color:#CCCCCC;
	font-size:100%;
	font-weight:normal;
	margin:0 0 10px;
	padding:0;
}

#blogtitle h1 a:link, #blogtitle h1 a:visited {
	color:#CCCCCC;
	text-decoration:none;
}

#blogtitle .description {
	border-left:5px solid #888888;
	color:#888888;
	font-size:75%;
	margin:0 0 0 35px;
	padding:0 0 0 10px;
}

#blogtitle .search {
	float:right;
}

#searchform .searchtext {
	font-size:75%;
	background:transparent url(image/ob18_form_bg.gif) no-repeat scroll left top;
	border:1px solid #CCCCCC;
	width: 100px;
}

#searchform .searchbutton{
	border: 0px;
	width: 16px;
	height:16px;
	background: url(image/search.png) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	vertical-align:middle;
}

/*
menu
---------------------------------------------- */
ul#menu {
	background:transparent url(image/ob18_bk_menu_bg.gif) no-repeat scroll center top;
	height:38px !important;
	margin:0;
	padding:2px 0 0;
	margin:0;
	padding:0 10px;
}

#menu li {
	float:right;
	margin:0;
	text-align:center;
	width:90px;
	list-style-type: none;
}

#menu li a {
	display:block;
	height:28px !important;
	padding:10px 0 0;
	width:90px;
}

#menu li a:link, #menu li a:visited {
	background:transparent none repeat scroll 0 0;
	color:#FFFFFF;
	text-decoration:none;
}

#menu li a:active, #menu li a:hover {
	background:#FFFFFF url(image/ob18_bk_entry_header.gif) repeat scroll right bottom;
	color:#333333;
	text-decoration:none;
}

/*
content		本体部分
------------------------------------------------------ */
div#content {
	background:#FFFFFF none repeat scroll 0 0;
	clear:both;
	margin:0;
	padding:20px 0 10px;
}

/* 
entry-title
------------------------------------------------------ */

.entry-title {
	background:transparent url(image/ob18_bk_entry_header.gif) repeat scroll 0 0;
	margin:0 5px 30px;
	padding:0 15px 15px;
}

.entry-title h2 {
	font-size:88%;
	font-weight:bold;
	margin:0;
	padding:15px 0 10px;
}

/* 
entry-meta
------------------------------------------------------ */

ul.entry-meta {
	background:transparent url(image/ob18_bk_entry_author.gif) no-repeat scroll center top;
	color:#DDDDDD;
	font-family:verdana,sans-serif;
	font-size:63%;
	height:17px !important;
	margin:0;
	padding:3px 10px 0 32px;
	list-style-type: none;
}
ul.entry-meta li {
	display: inline;
	margin:0;
	padding:0 15px;
	border-right: 1px solid #666666;
	list-style-type: none;
}
ul.entry-meta a {
	color:#DDDDDD;
}

/* 
entry		記事の内容
------------------------------------------------------ */

.entry {
	line-height:1.6;
	margin:0 0 30px;
	padding:0 40px;
}

.entry img {
}

.entry a:link, .entry a:visited {
	color:#666666;
	text-decoration:underline;
}
.entry a:active, .entry a:hover {
	color:#999999;
	text-decoration:underline;
}

.entry h5 {
	background:transparent url(image/ob18_bk_entry_header.gif) repeat scroll 0 0;
	border-left:5px solid #AAAAAA;
	font-size:75%;
	font-weight:normal;
	margin: 20px 0 10px;
	padding:5px 10px;
}

.entry blockquote {
	background:#ffffff url('image/blockquote-neko.jpg') no-repeat top left;
	border:1px solid #333333;
	color:#000000;
	font-size:90%;
	letter-spacing:1px;
	line-height: 1.5;
	margin:8px;
	padding: 9px 40px 15px 75px;
	position:static;
	text-align: justify;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.entry ul {
	padding-left:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.entry ul li {
	background:transparent url(image/ob18_bk_icon.gif) no-repeat scroll left 5px !important;
	padding:1px 0 1px 15px;
}
.entry ul li ul li {
	background:transparent url(image/ob18_bk_icon2.gif) no-repeat scroll left 5px !important;
	padding:1px 0 1px 13px;
}
.entry ol {
	list-style-type:decimal;
	padding-left:25px;
}
.entry strong {
	font-weight:bold;
}
.entry em {
	font-style: normal;
	font-weight:bold;
	font-size: 1.2em;
	color:#000000;
}
.entry ins {
	text-decoration:underline;
}
.entry del {
	text-decoration:line-through;
}
.entry table {
	border:0 none;
	vertical-align:top;
}
.entry table th {
	font-size:75%;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.entry table td {
	font-size:75%;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.entry table.setborder {
	border:1px solid #DDDDDD;
	vertical-align:top;
}
.entry table.setborder th {
	background:transparent url(image/ob18_bk_entry_header.gif) repeat scroll 0 0;
	border-color:#DDDDDD #DDDDDD #666666;
	border-style:solid;
	border-width:1px 1px 2px;
	font-size:75%;
	font-weight:bold;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.entry table.setborder td {
	border:1px solid #DDDDDD;
	font-size:75%;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.entry dl {
	margin:0;
	padding:0;
}
.entry dl dt {
	font-weight:bold;
	padding:0 0 5px;
}
.entry dl dd {
	padding:3px 0 3px 40px;
}
.entry .amazon {
	margin:0;
	padding:0;
}
img.amazon_pict, .entry .amazon a img {
	border:5px solid #DDDDDD;
	margin:0;
	padding:0;
}
.entry .amazon_text {
	margin:0;
	padding:0 0 5px;
}
.entry .amazon_text a {
	background:transparent url(image/ob18_bk_icon.gif) no-repeat scroll 1px 5px !important;
	margin:0;
	padding:0 0 0 15px;
}

/* 
entry-tags
------------------------------------------------------ */
.entry-tags {
	clear:both;
	margin:0;
	padding:0 40px 40px;
}

.entry-tags p span a {
	margin:0;
	padding:0 30px;
	text-decoration:none;
}
.entry-tags a:link, .entry-tags a:visited {
	color:#666666;
}
.entry-tags a:active, .entry-tags a:hover {
	color:#999999;
}

/* 
comments
------------------------------------------------------ */
#comments {
	border: 1px solid #DDDDDD;
	margin:  10px 40px 30px 40px;
	padding: 10px;
}

#comments h3 {
	background:transparent url(image/ob18_bk_comtb_titleline.gif) no-repeat scroll center bottom;
	font-size:125%;
	font-weight:normal;
	margin:0 0 15px;
	padding:0 10px 10px;
}

#comments ol {
	margin:0 10px 20px;
	padding:0;
}

#comments ol li {
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 10px;
	padding:0 0 2px;
	list-style-type: none;
}
#comments ol li cite {
	font-size:125%;
	font-style: normal;
}

.avatar,
.avatar-32,
.avatar-default {
	margin:5px;
	padding: 0;
	vertical-align:middle;
	border:1px solid #CCCCCC;
}

#comments ol li p {
	margin:0;
	padding:10px 10px 0 40px;
	line-height:1.4;
}

#comments dl.comment_body dt span.time {
	color:#888888;
	margin:0;
	padding:0;
}


h3#respond {
	margin:15px 0;
}

#commentform {
	margin: 0;
	padding: 10px 30px 0;
}

#commentform p {
	margin:0;
	padding: 0 0 5px;
}


#commentform p label {
	margin:0;
	padding:0 10px;
}

#author, 
#email,
#url {
	background:transparent url(image/ob18_form_bg.gif) no-repeat scroll left top;
	border:1px solid #CCCCCC;
	width: 300px;
}

#comment {
	background:transparent url(image/ob18_form_bg.gif) no-repeat scroll left top;
	border:1px solid #CCCCCC;
	width: 95%;
}

#comments p input#submit {
	background:#222222 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#DDDDDD;
	font-family:Arial,sans-serif;
	font-size: 88%;
	margin: 5px 0;
	padding:3px 5px;
	width:90px !important;
}

.edit-comment-admin-links {
	text-align: right;
}

/* 
navigation
------------------------------------------------------ */
#navigation {
	background: #FFFFFF;
	margin:0;
	padding:0 10px 70px;
	text-align:center;
}

#navigation-inner {
	margin:0;
	padding:10px 0 5px;
}

#navigation .alignleft,
#navigation .alignright {
	display: block;
	width: 48%;
	margin: 5px 0;
	background: #fff;
	padding:0;
}

#navigation .alignleft {
	float: left;
	text-align: left;
	padding-left: 10px;
}

#navigation .alignright {
	float: right;
	text-align: right;
	padding-right: 10px;
}

#navigation .alignleft a,
#navigation .alignright a {
	color:#999999;
}

#navigation .alignleft a:hover,
#navigation .alignright a:hover {
	color:#666666;
}

/* 
footer
------------------------------------------------------ */
#footer {
	background:transparent url(image/ob18_bk_footer.gif) no-repeat scroll center top;
	margin:0;
	padding:30px 0 20px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:normal;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#CCCCCC;
	text-decoration:none;
}

#footer a:active, #footer a:hover {
	color:#666666;
	text-decoration:underline;
}




/* 
photo-list	
------------------------------------------------------ */

div.photolist {
	margin: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #e1e1e1;
}

div.photolist-body {
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #e1e1e1;
}

div.photolist-body img {
	padding: 1px;
	border: 1px solid #e1e1e1;
}

h3.photolist-title {
	font-size: 1.1em;
	font-weight: normal;
}

h4.photolist-meta {
	font-size: 0.8em;
	font-weight: normal;
}


/* 
clear
------------------------------------------------------ */

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {zoom: 100%;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* このクラスだけに回り込みを有効化し、after 擬似要素で回り込みを解除する */
.clearfix:after {
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


hr {
	color: #fff;
	background: transparent;
	border: 0;
	border-bottom: 1px #ccc solid;
	margin: 0 0 .5em;
	padding: 0 0 .5em;
}

/* wordpress */
img.wp-smiley,
img.wp-wink         { float: none; border: 0 none; margin: 0; padding: 0 3px; }
img.centered        { display: block; margin-left: auto; margin-right: auto; }
img.alignright      { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft       { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.wp-caption         { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img     { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd      { font-size: 69%; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.aligncenter        { display: block; margin-left: auto; margin-right: auto; }
.alignright         { float: right; }
.alignleft          { float: left; }