@charset "utf-8";
/*
Theme Name: Photo-Biyori LT
Theme URI: http://everydays.hassii.com/photo-biyori
Description: The photolog theme designed for WordPress 2.7+
Version: 2.0.1
Author: tomo
Author URI: http://photomo.hassii.com
Tags: photoblog, fixed width, single entry, widgets, white
*/

/*========== INT ========== */

/* Set all elements to zero padding and zero margins */
* {margin: 0;	padding: 0;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lucida Grande', 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック', Helvetica, Verdana,'Trebuchet MS', Sans-Serif;
	background-color: #f4f3ea;

	font-size: 11px;
	color: #333;
	background-color: #e4e7e9;
	line-height: 16px;	
	}
	
h1 {font-size: 12px; font-weight: bold;	}	/* font-size: 12px; */
h2 {font-size: 12px; font-weight: bold;	}	/* font-size: 11px; */
h3 {font-size: 11px; font-weight: bold;	}	/* font-size: 10px; */
p { margin-top: 7px; margin-bottom: 5px; }

a, a:link, a:visited, a:active { color: #37518c; text-decoration: none; }
a:hover { color: #37518c; text-decoration: underline; }

input, textarea, option, select, radio { color: #333; font-size: 10px; padding: 3px; border:1px solid #e4e7e9; }
	
option, select { color: #333; font-size: 10px; padding: 1px; border:1px solid #e4e7e9; }	

.clear {
	clear: both;
	visibility: hidden;
	height:0;
	content: ".";
}


/* used only in 404.php */
.center {	text-align: center;	}

ul { list-style: none; }


/* ========== IMAGES ========= */
/* from default theme css */
img {margin:0; padding:0;}
a img {border: none; }

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; }

.alignright {float: right; }
.alignleft {float: left; }
.none {	}

/*========== STRUCTURES ========== */
/* wrapper */
div#wrap {
	margin: 5px auto;
	padding: 0;
	width: 580px; /* image width + 80px */
	background-color: #e4e7e9;
	}
	
/* blog title */	
div#header {
	background-color: #e4e7e9;
	padding: 10px 0px 10px 5px; 
	margin: 0;
	text-align: left;
	border: none; 
	color: #37518c;
	/* the round corner background image is set in header.php */
	}

/* blog title text color */	
#header a, #header a:link, #header a:visited, #header a:active { color: #37518c; text-decoration: none; }
#header a:hover { color: #6380ac; text-decoration: none; }

/* content area */
div#content {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: none; /* do not delete this line */
	}

/* ---------- add ---------- */
#content h1{
	text-align:left;
	margin: 0px 40px 0px 40px;
	padding:10px 0 5px 0;
}
#content h1 a{
	display:block;
	width:195px;
	height:22px;
	background:url(images/title.png) no-repeat bottom left;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
/* ---------- add end ------ */

/* site navigation */
div#mainNav {
	text-align: right;
	font-size: 9px;
	margin: 0px 40px 0px 40px;
	padding: 0;
	border-bottom: 1px solid #e4e7e9;
	}

/* site navigation text color */
#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #333; text-decoration: none; }
#mainNav a:hover { color: #37518c; text-decoration: none; }	

.menu ul li {	display: inline; margin-left: 8px; margin-bottom: 0px; }

/* entry navigation */
div#nav {		
  text-align:right;
  font-size: 9px;
  margin:1px 40px 0px 40px;
  padding: 0;
	} 

/* entry navigation text color */
#nav a, #nav a:link, #nav a:visited, #nav a:active { color: #333; text-decoration: none; }
#nav a:hover { color: #333; text-decoration: underline; }	

/* title + photo + text area */
div#entry {
	margin:0px 40px 0px 40px;
	padding: 0;
	text-align: left;
	}

#entry p {
	font-size:11px;	/* font-size: 10px; */
	margin:15px 0;
}
#entry img { display: block; margin-left: auto;	margin-right: auto; margin-bottom:30px; }

/* ======== entry >> add style ======== */
#entrybody h3{
	margin-top:30px;
}
#entrybody p{
	line-height:22px;
}
#entrybody ul,#entry ol{
	margin:20px 0 20px 0;
}
#entrybody ul{
	list-style:circle outside;
}
#entrybody ol{
}
#entrybody li{
	margin:7px 20px 7px 20px;
}
#entrybody blockquote{
	padding-left:20px;
	border-left:solid 10px #e4e7e9;
}
#entrybody a[href^="http:"],
#entrybody a[href^="https:"]{
	padding-right:15px;
	margin:0 5px 0 3px;
	background:url(images/view.png) no-repeat top right;
}
#entrybody a[href^="http://may.kougyoku.jp/"],
#entrybody a[href^="http://hb.afl.rakuten.co.jp/"]{
	padding-right:0;
	margin:0 3px 0 3px;
	background:none;
}
#entrybody code{
	font-family:"Courier New", Courier, monospace;
	white-space:pre;
	line-height:0.8em;
}
#entrybody dt{
	font-weight:bold;
}
#entrybody dd{
	margin:0 0 10px 2em;
}
#entrybody table{
	width:100%;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-collapse:collapse;
	empty-cells:show;
}
#entrybody caption{
	caption-side:top;
	text-align:left;
}
#entrybody th,#entrybody td{
	padding:5px 5px;
	line-height:1.5em;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#entrybody th{
	background-color:#e4e7e9;
	text-align:left;
	white-space:nowrap;
}
#entrybody td{
	vertical-align:top;
}
/* img */
#entrybody .imgleft{
	float:left;
	margin:10px 20px 10px 0;
}
#entrybody .imgright{
	float:right;
	margin:10px 0 10px 20px;
}
/* entrybody footer */
#similarposts,#refersite,#relateditem,#prevnextposts{
	margin:20px 0;
	text-align:left;
	font-size:11px;
}
#similarposts h3,#refersite h3,#relateditem h3,#prevnextposts h3{
	font-weight: bold;
	margin-bottom: 7px;
	border-bottom: 1px dotted #e4e7e9;
}
#similarposts ul,#refersite ul,#prevnextposts ul{
	margin:0;
	list-style:circle outside;
}
#similarposts li,#refersite li,#prevnextposts li{
	margin:5px 20px 5px 20px;
}
/*  */
#relateditem{
	padding:0;
}
#relateditem ul{
	margin:0;
	padding:0;
	list-style:none;
	height:70px;
}
#relateditem li{
	float:left;
	border: 0px;
	margin:0;
	padding-right:9px;
}
#relateditem a img,#relateditem a:link img,#relateditem a:visited img,#relateditem a:active img{
	width:60px;
	height:60px;
	border:solid 1px #FFFFFF;
	margin:0;
	padding:1px;
	margin-bottom:30px;
}
#relateditem a:hover{
	text-decoration:none;
}
#relateditem a:hover img{
	border:solid 1px #cad2d8;
	padding:1px;
}
/* tooltip */
#tooltip { position:absolute; z-index:9999; color:#333; font-size:10px; width:300px; }
#tooltip .tipHeader { height:8px; background:url(images/tipHeader.png) no-repeat; }
#tooltip .tipBody { background-color:#fff; padding:0px 10px 5px 15px; border-left:solid 1px #999; border-right:solid 1px #999; }
#tooltip .tipFooter { height:8px; background:url(images/tipFooter.png) no-repeat; }
#tooltip .tipBody hr{
	height:0;
	border:none;
	border-top:dotted 1px #999;
	margin:3px 0;
}




/* post title */
.title {
	text-align:left;
	/*color: #37518c;*/
	margin-bottom: 30px;
}

/* post meta data *//* comment link */
.postdata, .sh_comment { line-height: 1.4; text-align: right; font-size: 9px;	}
	
/* post meta data */
.postdata, .sh_comment { padding: 3px 0px 0px 0px; }

.postdata a, .postdata a:link, .postdata a:visited, .postdata a:active { color: #333; text-decoration: none; }
.postdata a:hover { color: #333; text-decoration: underline; }	
	
/* show/hide comment link */
.sh_comment {padding: 3px 0px 5px 0px; border-bottom: 1px solid #e4e7e9; } 

.sh_comment a, .sh_comment a:link, .sh_comment a:visited, .sh_comment a:active,  { color: #333; text-decoration: none; }
.sh_comment a:hover { color: #333; text-decoration: underline; }	
  
/*========== footer ==========*/
#footer {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	font-family: 'Lucida Grande', 'Trebuchet MS', verdana, geneva, tahoma, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #A4A7B3;
	background-color: #e4e7e9;
	/* the round corner background image is set in header.php */
	}

#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #A4A7B3; text-decoration: none; }
#footer a:hover { color: #A4A7B3; text-decoration: underline; }

/*========== thumbnails ==========*/
#th_container {	padding:7px 0px 5px 39px; }

.thumbnails { /* defined in pb-function.php */
	float:left;
  padding-right:9px; /* adjust this when you change the thumbnail size */
	border: 0px;
  display: inline;
  color: #A4A7B3;
	}
    
.current-thumbnail { /* defined in pb-function.php */
	float:left;
 	padding-right:9px;	/* adjust this when you change the thumbnail size */
  border:0px;
	display: inline;
	color: #A4A7B3;
	}
	
.thumbnails a img, .thumbnails a:link img, .thumbnails a:visited img, .thumbnails a:active img { border: 1px solid #FFFFFF; padding: 1px; } 
.thumbnails a:hover img { border: 1px solid #cad2d8; padding: 1px; }

.current-thumbnail a img, .current-thumbnail a:link img, .current-thumbnail a:visited img, .current-thumbnail a:active img { border: 1px solid #FFFFFF; padding: 1px; } 
.current-thumbnail a:hover img { border: 1px solid #cad2d8; padding: 1px; }

#arcth_container { /* archive page */
	padding:5px 0px 5px 39px;
	margin: 0;
	min-height: 450px;
	/* IE Hack */
	height:auto !important;
  height:450px;
  }
 
#arcth_container .thumbnails {padding-bottom: 10px; }

/*========== Comment Template ==========*/

#pb_comments { text-align: left;	padding-top: 10px; line-height:16px;}
.commentlist { list-style: none; padding: 0; }

.children {
	margin: 10px 0px 10px 10px;
	list-style: none;
	border-top: 1px solid #e4e7e9;
	}	

.comment { padding: 0px 0px 0px 10px;}

.vcard img { 
	padding: 2px;
	margin: 0px 3px 5px 10px;
	display:inline;
	float: right;
	border: 1px solid #e4e7e9;
}

.children {padding: 0; margin: 5px 0px 0px 0px; border-top: 1px solid #e4e7e9; border-left: 1px solid #e4e7e9;}

.reply {font-size: 9px; padding:0px 0px 5px 0px; margin: 0;}

.depth-1 { margin: 10px 0px 10px 0px; border-top: 1px solid #e4e7e9; border-left: 1px solid #e4e7e9; }

.commentmetadata { font-size: 9px; }

#respond {padding-top: 10px; }
#respond textarea { width: 90%; }

#commentform p {font-size: 9px;	}

#commentform #author, #commentform #email ,#commentform #url, #commentform #comment { padding:3px; border:1px solid #e4e7e9; font-size:10px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;}	

#commentlist {list-style: none; }
	
.comment_meta {margin-top: 0px;	font-size: 9px; }

.nor {border-bottom: 1px dotted #e4e7e9; border-top: 1px dotted #e4e7e9; }

/*========== Comment Pop Up ==========*/
#commentspopup {
	margin: 10px;
	padding:10px 15px 20px 15px;
	text-align: left;
	line-height: 16px;
	font-size: 10px;
	background-color: #FFF;
	}
	
#commentspopup img {
	border: 1px solid #e4e7e9;
	padding: 3px;
	margin-right: 7px;
	float:left;
	}

#commentspopup  h2  { 
	margin-top: 5px; 
	padding-top: 2px;
	border-top: 1px solid #e4e7e9;
	}
	
.post_info a, .post_info a:link, .post_info a:visited, .post_info a:active { color: #333; text-decoration: none; }
.post_info a:hover { color: #333; text-decoration: none; }	

#trackback {
	text-align: center; 
	border: 1px solid #FFF; 
	font-size: 10px; 
	color: #37518c; 
	width:100%; 
	margin-top: 7px; 
	margin-bottom: 4px;
	}	

/*========== Pages ==========*/

#page_entry {
	height: 350px;
	padding:20px 40px 20px 40px;
	min-height: 450px;
	/* IE Hack */
	height:auto !important;
  height:450px;
  text-align: left;
	}

.page_title { color: #37518c; font-weight: bold; margin-bottom: 7px; border-bottom: 1px dotted #e4e7e9;  }

#page_entry ul li { margin-left: 10px; }

#arc_entry { /* archive page */
	padding:20px 40px 0px 40px;
  text-align: left;
	}
	
.arc_dropdown { text-align: right; }

/* two column page style */
div.left_column {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
	text-align: left;
	}

div.right_column {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 48%;
}	

.right_column a, .right_column a:link, .right_column a:visited, .right_column a:active { color: #333; text-decoration: none; }
.right_column a:hover { color: #333; text-decoration: underline; }	

.left_column a, .left_column a:link, .left_column a:visited, .left_column a:active { color: #333; text-decoration: none; }
.left_column a:hover { color: #333; text-decoration: underline; }	

/* two column page style 2 */
div.left_column2 {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height:20px;
}
div.right_column2 {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 170px;
}

div#clm_left p{
	line-height:18px;
	margin:0 0 16px 0;
}
div#clm_left h3{
	margin-top:20px;
	margin-bottom:0;
}
div#clm_right ul li{
	margin:0;
	padding:0;
	font-size:10px;
}
div#clm_right #searchform input[type=text]{
	width:160px;
}

#clm_left a[href^="http:"],
#clm_left a[href^="https:"]{
	padding-right:15px;
	margin:0 5px 0 3px;
	background:url(images/view.png) no-repeat top right;
	color: #37518c;
}
#clm_left a[href^="http://may.kougyoku.jp/"]{
	padding-right:0;
	margin:0 3px 0 3px;
	background:none;
	color: #37518c;
}

.right_column2 a, .right_column2 a:link, .right_column2 a:visited, .right_column2 a:active { color: #333; text-decoration: none; }
.right_column2 a:hover { color: #333; text-decoration: underline; }	

.left_column2 a, .left_column2 a:link, .left_column2 a:visited, .left_column2 a:active { color: #333; text-decoration: none; }
.left_column2 a:hover { color: #333; text-decoration: underline; }	

/* books */
div#books{
	margin-top:30px;
}
div#books .page_title{
	border:none;
	font-size:11px;
	color:#333;
	margin-bottom:3px;
	margin-left:7px;
	margin-top:10px;
}

/* ========== SEARCH ========= */
#searchform {	margin-top: 5px;	padding: 5px 0px;	text-align: left;	}
#searchform input[type=text]{
	width:240px;
}
div.widget_search{
	margin:0 0 20px 0;
}

div#searchnav{
  text-align:right;
  font-size: 9px;
  margin:1px 0px 0px 0px;
  padding: 0;
}
#searchnav a, #searchnav a:link, #searchnav a:visited, #searchnav a:active { color: #333; text-decoration: none; }
#searchnav a:hover { color: #333; text-decoration: underline; }	

div#searchrslt{
}
div#searchrslt div{
	margin-bottom:20px;
}
div#searchrslt p{
	margin:3px 0;
}
div#searchrslt .postmetadata,div#searchrslt .date{
	font-size:9px;
	color:#999;
}

div#searchnon{
	margin-bottom:50px;
}

/*========== Contact Form ==========*/
div#contactform{
	margin-top:30px;
}
div#contactform input[type="text"],div#contactform textarea{
	width:290px;
}
div#contactform textarea{
	height:10em;
}

/*========== widget ==========*/
.widget { padding-bottom: 15px;}
.widget ul li a, .widget ul li a:link, .widget ul li a:visited, .widget ul li a:active { color: #333; text-decoration: none; }
.widget ul li a:hover { color: #333; text-decoration: underline; }

.linkcat ul li a, .linkcat ul li a:link, .linkcat ul li a:visited, .linkcat ul li a:active { color: #333; text-decoration: none; }
.linkcat ul li a:hover { color: #333; text-decoration: underline; }
.linkcat h2 {
	margin-bottom:5px;
	padding-top:20px;
	font-size:11px;
	/*color: #37518c;*/
	border-bottom:dotted 1px #e4e7e9;
}
ul#bookmarkslist{
	margin:0;
	padding:0;
}
ul#bookmarkslist li{
	margin-left:0;
}
ul.blogroll li{
	display:block;
	float:left;
	width:240px;
	margin-right:10px;
	margin-bottom:3px;
}
li.linkcat{
	clear:both;
}


/*========== tag cloud ==========*/
#tag_cloud a, #tag_cloud a:link, #tag_cloud a:visited, #tag_cloud a:active { color: #333; text-decoration: none; }
#tag_cloud a:hover { color: #37518c; text-decoration: none; }

/*========== may original ==========*/
.post-meta{ color:#666; }
.post-meta li{ text-align:right; }