﻿@charset "utf-8";

/*
Theme Name: ebif V4
Theme URI: http://everydays.hassii.com
Description: e.b.i.f theme
Version: 4.0
Author: tomo
*/

/* ---------------------------- */
/* HTML TAG RESET */
/* ---------------------------- */

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; vertical-align: baseline;}
	
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;}
ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }


/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */
body {
	color:#555;
	font-family:'Lucida Grande', 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック', Helvetica, Verdana,'Trebuchet MS', Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	background-color:#bfd3db;
}

p {font-size:1.1em; margin:.8em 0;}
h1 {font-size:1.4em; /* ...other properties... */}
h2 {font-size:1.3em; /* ...other properties... */}
h3 {font-size:1.2em; /* ...other properties... */}
small {font-size:1em;}

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

/*.dotted-hr {clear: both; display: block; color: #fff; background-color: #fff; border: 1px dotted #d8d8d8; border-style: none none dotted; padding:5px 0px; margin-bottom:15px; } */
hr {display: none;}

/* image */
img {border:0; }
p img {	padding: 0; max-width: 100%; border:0; }
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; }
img.border{padding: 3px; margin: 0px 0px 2px 0px; display: inline; border: 1px solid #ccc;}
img.alignnone {padding:7px 0px 7px 0px;}

.alignright { float: right; }
.alignleft { float: left; }
.center { text-align: center; }
.hidden { display: none; }
.clear {clear: both; visibility: hidden; height:0; content: ".";}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

.wrapper {
	margin:0 auto;
	width:800px;
	text-align:center;
}

#header {
	padding: 0;
	margin: 0;
	height: 105px; 
	min-width: 800px;
	background-color: #f2f6f8; /* url(images/h-bg.gif) repeat-x;*/
	}

.banners { text-align: right; padding: 9px 9px 0px 9px; margin:0; }
 
.PB-banner { 
	float: right;
	display:inline;
	width: 184px;
	height: 60px;
	background-color: #FFF;
	border-bottom: 1px solid #d4e4e8;
	border-right: 1px solid #d4e4e8;
	margin:0;
	padding: 0;
	}

.PHOTOMO-banner {
	float: right;
	display:inline;
	text-align: left;
	width: 184px;
	height: 60px;
	background-color: #FFF;
	margin: 0px 0px 0px 10px;
	padding: 0;
	border-bottom: 1px solid #d4e4e8;
	border-right: 1px solid #d4e4e8;
	}

.PHOTOMO-Img {
	display: inline;
	padding:0;
	margin:0;
	}

.PHOTOMO-Img img {
	position: relative;
	bottom: 5px;
	margin-left: 2px;
	width:50px;
	height:50px;
	}

.CF {
	height: 9px;
	text-align: left;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	}
	
#menu {background-color: #d4e4e8; border-bottom: 1px solid #bfd3db;	height:20px;}	

.mainMenu {
	height: 20px;
	background-color: #d4e4e8;
	border-bottom: 1px solid #bfd3db;
	font-family: 'Cantarell', arial, helvetica, sans-serif;
	text-transform:uppercase;
	}	

.ebif-text {
	float:left;
	display:inline;
	text-align:left;
	width: 100px;
	padding: 0;
	margin: 5px 0px 0px 15px;
	}

.menu-ebif-container {
	float: right;
	display:inline;
	text-align:right;
	width: 400px;
	padding: 0;
	margin: 5px 10px 0px 0px;
	}
	
.menu-ebif-container li {display:inline; margin-left:20px;}


.mainMenu a, .mainMenu a:link, .mainMenu a:visited, .mainMenu a:active {text-decoration: none; color:#000; 	text-shadow: #fff 1px 1px 1px; 
}
.mainMenu a:hover {text-decoration: none; color:#4c6d86;}

#headerB {height:5px; background-color: #f2f6f8;}

/*--------------------------------------------------------------------
/ CONTENT
----------------------------------------------------------------------*/
#content { text-align:left; margin-bottom:20px;}
#ebifBody {background-color:#fff; border:1px solid #fff; min-width:820px;}	
.post { padding-bottom: 25px;}
.entry {margin-bottom:15px;}

.LeftColumn {
	float: left;
	display:inline;
	margin: 15px 0px 5px 5px;
	padding: 0;
	width: 480px;
	line-height:1.9em;
	}

.LeftColumn .postmetadata {
	text-align: left;
	}
	
.entry_title a:link, .entry_title a:visited, .entry_title a:active{text-decoration: none; color:#47381b;}
.entry_title a:hover {text-decoration: none; color:#47381b; background-color: #f1eadc; }

.Apost .entry_title a:link, .Apost .entry_title a:visited, .Apost .entry_title a:active{text-decoration: none; color:#917241;}
.Apost .entry_title a:hover {text-decoration: none; color:#47381b;}

.entry_title img {
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 5px;
	}
	
.Apost .entry_title img {
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 4px;	
	}
		
.entry ol {margin:0; padding: 3px 0px 3px 25px; font-size:1.1em;}	

.entry ul {margin:0; padding: 0px 0px 3px 25px;list-style:square; font-size:1.1em;}

.entry ul li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	list-style-type: square;
	
	}	
	

.pDate {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	color: #bfd3db;
	letter-spacing: 0.1em;
	text-align: right;
	border-bottom: 1px dotted #c7ced8;
	}

.postmetadata {font-size: 1.1em; line-height:13px; clear:both;}
.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active {text-decoration: none; color:#464646;}
.postmetadata a:hover {text-decoration: none; color:#957e58;}

.moreLink {margin-bottom:10px;}

.tweet_btn {margin-top:10px;}

 
/*--------------------------------------------------------------------
/ SIDEBAR
----------------------------------------------------------------------*/

#sidebar{
	margin: 15px 5px 15px 0px;
	padding: 0px 0px 5px 0px;
	float:right;
	display:inline;
	text-align:left;
	width: 250px;
	font-size: 1em;
	color:#464646;
	line-height:1.6em;	
	}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {text-decoration: none; color:#464646;}
#sidebar a:hover {text-decoration: underline; color:#4b6c9b;}	

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar li {
	padding-left: 13px;
	padding-bottom: 5px;
	background-image: url(images/ebif_bullet1.gif);
	background-repeat: no-repeat;
	background-position: .3em .5em;
}

#sidebar .sidebarTitle {
   text-transform: uppercase;
   font-size: 1.1em;
   font-weight: bold;
   color: #bfd3db;
   letter-spacing: .2em;
   text-align: right;
   border-bottom: 1px dotted #c7ced8;
   padding-top: 5px;
   }

.sns {margin:15px 0px 10px 10px; padding-top:10px; border-bottom: 1px dotted #c7ced8;  border-top: 1px dotted #c7ced8;}
.sns img {margin-right:10px;}
/*----------------------------------------------------------------------*/
/* Prev/Next Nav */
.pnList {
	margin: 0px 0px 5px 0px;
	font-size: 1em;
	}

.pnList img {
	vertical-align: middle;
	margin-right: 5px;
	padding-bottom: 3px;
	}

#sidebar .pnList a:link, #sidebar .pnList a:visited, #sidebar .pnList a:active{text-decoration: none; color:#47381b;}
#sidebar .pnList a:hover {text-decoration: underline; color:#47381b;}


/*--------------------------------------------------------------------
/ FOOTER
----------------------------------------------------------------------*/

#footer { color: #333; background-color: #d3e4e8; padding-bottom: 20px;	padding-top: 5px; }
#footer li {line-height:1.5em;}	
#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color:#333;}
#footer a:hover {text-decoration: underline; color:#333;}
#footer form {margin-bottom:15px;}

.F-border { border-top: 1px dotted #FFF; padding-top:5px;}
.F-tagline { float: left; display:inline; width: 400px; text-align: left; margin-left: 5px; }
.F-backToTop { float: right; display:inline; width: 300px; text-align: right; margin-right: 5px; }
.qr { text-align: right; margin-top:10px;}

.F-left { float: left; display:inline; width: 250px; margin: 15px 5px 10px 5px;	text-align:left; }
.F-middle { float: left; display:inline; width: 250px; margin: 15px 0px 10px 0px; padding-left: 20px; text-align:left; }
.F-right { float: right; display:inline; width: 240px; margin: 15px 5px 10px 0px; text-align:left; }	

#footer h2 {
   text-transform: uppercase;
   font-size: 1.05em;
   font-weight: bold;
   color: #FFF;
   letter-spacing: 0.1em;
   text-align: left;
   border-bottom: 1px dotted #FFF;
   padding-bottom:2px;
   margin-bottom:10px;
 }

#footer ul {list-style:none; padding-bottom:10px;}
#footer li {
	padding-left: 13px;
	padding-bottom: 4px;
	background-image: url(images/ebif_bullet2.gif);
	background-repeat: no-repeat;
	background-position: .3em .4em;
}

#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #333;}
#footer a:hover {text-decoration: none; color:#666;}
#footer .emptymonth {color: #999; }

/*----------------------------------------------------------------------*/
/* search form */
#searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
	}
	
#searchform input { 
	width: 95%;
	color: #333; 
	padding: 3px;	
	vertical-align: top;
	font-size: 1em;
	border: none;
	}

/*----------------------------------------------------------------------*/
/* rss list */
#footer #rssList {	margin-left: 0; padding-left: 0; padding-bottom: 5px; list-style: none;}
#footer #rssList li {
	padding-left: 5px;
	padding-bottom: 4px;
	background-image: none;
	}	

.rssImg {
	vertical-align: middle;
	padding-bottom: 1px;
	}

/*--------------------------------------------------------------------
/ PAGES
----------------------------------------------------------------------*/

.fullColumn .entry {
	padding: 5px 0px 5px 0px;
	line-height:1.9em;
	}

.fullColumn {
	margin: 20px 5px 20px 5px;
	}

.errorTitle, .pagetitle, .archivetitle {
   text-transform: uppercase;
   font-size:1.4em;
   font-weight: bold;
   color: #bfd3db;
   letter-spacing: 0.1em;
   border-bottom: 1px dotted #c7ced8;
   padding-bottom: 2px;
   padding-top:8px;
   margin-bottom:5px;
	}  

/*----------------------------------------------------------------------*/
/* This week's del.icio.us */
#delicious a:link, #delicious a:visited, #delicious a:active {text-decoration: none; color: #464646;}
#delicious a:hover {text-decoration: none; color:#4b6c9b;}
#delicious {margin-left: 0; padding-left: 0; list-style: none; }	
#delicious li {
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 2px;
	background-image: url(/wp-content/themes/ebifv3/images/ebif_bullet1.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border-bottom: 1px dotted #c7ced8;
	list-style: none;
	}	
#delicious ul {margin-left:0; padding-left:0; list-style: none; }

/*----------------------------------------------------------------------*/
/* Sitemap Page */
#sitemap {margin-bottom: 5px; }
#sitemap li {list-style: none;}

/*--------------------------------------------------------------------
/ COMMENT
----------------------------------------------------------------------*/



#commentssingle {
	margin: 0;
	padding:0;
	text-align: left;
	line-height: 16px;
	background-color: #FFF;
	
}

.commentHeader {
   text-transform: uppercase;
   color: #b63d42;
   letter-spacing: 0.1em;
   margin-top: 12px;
}


.commentlist li {
	list-style: none;
}

.comment, .pingback { padding: 7px 0px 0px 10px;}

/*.vcard img { padding: 0px 3px 5px 10px; margin: 0; display: inline; float: right; } */

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	margin-left: 10px;
	margin-bottom: 3px;
	padding: 2px;
	background: #fff;
	}

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


.reply {padding:0; margin: 0;}

.depth-1 { margin: 10px 0px 15px 0px; border-top: 1px dotted #c7ced8; border-left: 1px dotted #c7ced8; }

.commentmetadata {}

#commentssingle #commentlist li {
	margin: 0;
	padding: 7px 0px 7px 0px;
	list-style: none;
	border-bottom: 1px dotted #d3dbe2;
}

#commentlist cite, .commentlist cite a {
	font-style: normal;
	}
	
#commentlist cite a:link, #commentlist cite a:visited, #commentlist cite a:active {text-decoration: none; color:#957e58;}
#commentlist cite a:hover {text-decoration: underline; color:#957e58;}	
	
.commentNotice {color:#4b6c9b; padding-top: 3px; }



/* COMMENT FORM */
#commentform textarea {width:90%; }

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

#commentform #commentsubmit {margin-top:7px;}

.jumpToForm { text-align:right; }
.commentTitle { margin-top:5px; padding-top:10px; border-top: 1px dotted #c7ced8;}

#trackback {text-align: center; border:1px none; color: #464646; width:100%; margin-top: 7px; margin-bottom: 4px;}
.comment-timeout { padding-top: 7px; }
.nocomments { padding-top: 7px; color: #4b6c9b;}
.feedIcon { padding-bottom: 2px;}

#respond { padding-top:10px;}

 #author input, #email input , #url input , #comment input {border:1px solid #B9C3D1;}


/*--------------------------------------------------------------------
/ Various Tags & Classes 
----------------------------------------------------------------------*/
/*
code {
	font-size: 10px; font-family: 'Courier New', Courier, monospace;
	color: #000000;
	}
*/
code {
	color: #333;
	font-size: 1.2em;
	font-family: "Courier New", Courier, monospace;
	white-space: nowrap;
	padding: 0 2px;
}

pre code {
	display: block;
	clear: both;
	padding: 5px;
	color: #333;
	border: solid 1px #ccc;
	overflow: auto;
	margin: 5px 0 15px;
	white-space: pre;
	width: 95%;
	font-family: "Courier New", Courier, monospace;
}


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	background: url(/wp-content/themes/ebifv3/images/quote_open.gif) no-repeat left top;
  padding: 0px 0px 0px 18px;
  margin: 0px 15px 0px 15px;

}

blockquote p {
  background: url(/wp-content/themes/ebifv3/images/quote_close.gif) no-repeat right bottom;
  padding: 5px 14px 0px 0px;
}



cite {
	display:block;
		line-height: 12px;
	font-style: normal;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 30px;
	text-align:right;
	

	} 

.center {text-align: center;}
	
.dotted {
	border-bottom: 1px dotted #d3dbe2;
	margin-bottom: 4px;
	margin-top: 10px;
	}
	
	
	
.flag {margin-right: 3px; text-align: right; margin-bottom: 0px;}



.withbg {
	background-color: #f6f8f9;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #d3dbe2;
	}
	
.download {	margin-right: 3px;}

/*-----------------------------------------------------------------------
PLUGINS STYLE
------------------------------------------------------------------------*/

	
	


/*----------------------------------------------------------------------*/
/* Comment Timeout */
.comment-timeout {color:#4b6c9b; }

/*----------------------------------------------------------------------*/
/* Sitemap Generator */
.ddsg-wrapper { line-height: 15px; }
.ddsg-wrapper h2 { margin: 0; padding: 0; color:#4b6c9b; font-weight:bold; }

.ddsg-wrapper {margin-left: 0; padding-left: 0; list-style: none; }
.ddsg-wrapper ul {margin-left: 0; padding-left: 0; list-style: none; }
.ddsg-wrapper ul li { margin-left: 0; padding-left: 0; list-style: none; background-image: none; }
.ddsg-wrapper ul li ul li { 
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 1px;
	background-image: url(/wp-content/themes/ebifv3/images/ebif_bullet1.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	border-top: 1px solid #f0f2f3; 
}

.ddsg-wrapper ul li a:link, .ddsg-wrapper ul li a:visited, .ddsg-wrapper ul li a:active {text-decoration: none; color:#4b6c9b;}
.ddsg-wrapper ul li a:hover {text-decoration: underline; color:#4b6c9b;}

.ddsg-wrapper ul li ul li a:link {text-decoration: none; color:#464646;}
.ddsg-wrapper ul li ul li a:visited {text-decoration: none; color:#464646;}
.ddsg-wrapper ul li ul li a:active {text-decoration: none; color:#464646;}
.ddsg-wrapper ul li ul li a:hover {text-decoration: underline; color:#464646;}

/*----------------------------------------------------------------------*/
/* Footnote */
.footnotes {margin-left: 25px;}
.footnotes  li {
	font-size: 1em;
	margin-bottom: 4px;
	list-style: none;
	background-image: none;
	padding-left: 0px;
	}

/*----------------------------------------------------------------------*/ 
/* More Link */
.moreLink { font-size: 1em; font-weight: bold;}

.shLink {font-size: 1em; font-weight: bold;}

/*----------------------------------------------------------------------*/ 
/* Comment Paged */
.comment-page-numbers {margin-top: 5px; text-align: right;  }

/*----------------------------------------------------------------------*/ 
/* BOOKMARK PAGE */

.delicious-banner { 
	
	border-bottom: 1px dotted #d3dbe2;
	margin-bottom: 4px;
	margin-top: 9px;
	font-weight: normal;
	
	}

.delicious-posts {
	line-height: 15px;
	padding-top:0px;
	margin-top:0px;
	}
	
.delicious-posts ul { margin-left: 0px; padding-left: 0px;}
.delicious-posts ul li {
	display:inline;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	letter-spacing: 0px;
	}

.delicious-posts a:link, .delicious-posts a:visited, .delicious-posts a:active {text-decoration: none; color: #464646;}
.delicious-posts a:hover {text-decoration: underline; color:#4b6c9b;}

.delicious-banner a:link, .delicious-banner a:visited, .delicious-banner a:active {text-decoration: none; color:#4b6c9b;}
.delicious-banner a:hover {text-decoration: underline; color:#4b6c9b;}

/* right corner banner*/
div.rightcorner {position:absolute; left:100%; top:0px; overflow:visible;	height:163px; width:163px; margin:0 0 0 -163px; padding:0 0 0 0; z-index:1000000000; border:none; float:none;}




img#wpstats {width:0px; height:0px; padding:0px; border:none; overflow:hidden; }


.entry ol {margin:0; padding: 0px 0px 0px 25px;}	
.entry ol li {padding: 0px 0px 3px 0px;}	

.tweetthis {margin-top:10px;}




