/*****************
  This is your playground. Customize Hemingway to your hearts extent. 
*****************/
/* 
jmblog.jp Screen Styles

Author: Yoshihide Jimbo
Version: 2.0

Table of Contents:
		Global Styles
		Layout / Base Page Styling
		Header
		Primary Items
		Socondary Items
		Ancillary Items
		Footer
		Search
		Iddy Profile
*/

/* global styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color:#333; }

/* Layout / Base Page Styling
----------------------------------------------- */
body {
	background:#fff;
	color:#333;
	font-size:76%;
	font-family:Verdana, Arial, sans-serif;
	/* :hover for ie */
	behavior:url("http://jmblog.jp/wp-content/csshover.htc");
}
.inside{
	width:800px;
}

a{
	color:#0098CC;
}
a.outer {
	background-image: url(/img/outer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 11px;
	margin-right: 3px;
}

h1 {
	font-size:1.5em;
}
h2, h3{
	font-size:1.15em;
}
#primary h2{
	color:#333;
}
ol li{
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	background:#EAEEF4;
	margin-left:0;
	padding:0.1em 1em;
	border:1px solid #98ABC9;
	color:#000;
}
pre{
	border:1px solid #ccc;
	width:90%;
	padding: 10px;
	background:#f8f8f8;
	
	/* Browser specific (not valid) styles to make preformatted text wrap
	via http://myy.helia.fi/~karte/pre-wrap-css3-mozilla-opera-ie.html */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

table th{ color:#FFF; background:#333; }
table td{ color:#000; background:#EAEAEA; }

p{
	line-height: 1.75;
	margin-bottom: 24px;
}
.strike{
	text-decoration : line-through;
}
.ads{
	margin:30px 0 5px 0;
}
.ads2{
	padding-bottom: 20px;
}
.ads3{
	margin:0 0 0 10px;
}
.googleads{
	padding-left: 10px;
	border-left: 3px solid #eee;
}
.related{
	padding-top: 40px;
	padding-bottom: 40px;
}
.related ul li {
	margin:1em 0 1em 0.5em;
}
.hot_entry {
	padding-bottom: 40px;
}
.hot_entry ul li {
	list-style-type: none;
}
a.download{
	display:block;
	font-size:1.2em;
	padding:1em;
	border:1px solid #666;
	background-color:#EAEEF4;
	background-image:url("/img/document-save.gif");
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:60px;
}
.ins,.del{
	text-decoration: none;
	border: 1px solid #ccc;
	background-color:#F5F5F5;
	padding: 0 10px;
	margin-bottom: 5px;
	color: #333;
}
.ins-title{
	font-weight:bold;
}
#tagcloud a{
	/*margin-right:1px;*/
}
.bold {
	font-weight: bold;
}
/* Header
----------------------------------------------- */
#header{
	background:#fff;
}
#header div#logo{
	width:163px;
	height:32px;
	margin:0;
	padding:0;
	background:#fff url(/img/jmblog.gif) no-repeat top left;
	text-indent: -9999px;
}
#header div#logo p{
	margin:0;
	padding:0;
}
#header div#logo a{
	display:block;
	width:163px;
	height:32px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
#header h2{
	border-right:0;
}
#header h2 a{
	color: #000;
}

a#i-heart-wp {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	width:120px;
	height:77px;
	background:url('/img/i-heart-wp-band-whitematte.png') top left no-repeat;
	position:absolute;
	right:0;
	top:0;
}
a#i-love-jp {
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	width:140px;
	height:80px;
	background:url('/img/i-love-japan.png') top left no-repeat;
	position:absolute;
	right:0;
	top:0;
}

/* Primary Items
----------------------------------------------- */
#primary{
	background:#fff;
	padding:1px 0 2em 0;
	color:#333;
}

/* Index Page Styles */
	/* title of entries */
.story h3{
	font-size:1.2em;
	margin:0 0 1.5em 0;
	font-weight:bold;
	color:#0098CC;
}
.story h3 a{
	color:#0098CC;
	text-decoration:none;
	border-bottom:0;
}
	/* metadata of entries */
.story .details{
	font-size:0.85em;
}
.story .details a{
	color:#666;
	/*border-bottom:1px dotted #666;*/
}
.story .details a:hover{
	color:#ccc;
	text-decoration:none;
	border-bottom:0;
}

/* Single Post Styles */
#primary .primary{
	float:left;
	width:65%;
	margin-right:3%;
}
#primary .secondary{
	float:left;
	width:30%;
	margin-right:0;
	padding-top:0.65em;
	display:inline;
}
* html #primary .primary{ margin-right:3%; }
* html #primary .secondary{ margin-right:0; }

#primary .primary h1, #primary h1{
	font-size:1.4em;
	font-weight:bold;
	color:#0098CC;
}
#primary .primary h2{
	font-weight:normal;
	font-size:1.2em;
	margin:2.5em 0 1.5em 0;
	border-left:10px solid #0098CC;
	border-bottom:1px solid #0098CC;
	padding-left:0.7em;
}
#primary .primary h3{
	margin:2.5em 0 0 0;
	padding-bottom:0;
	font-weight:bold;
	font-size:1.2em;
}
#primary .primary h2 a,
#primary .primary h3 a{
	text-decoration:none;
	border-bottom:0;
}
.primary dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.primary dd {
	margin-bottom: 0.7em;
}
#primary .secondary{
	float:left;
	width:30%;
	margin-right:0;
	padding-top:0.65em;
	display:inline;
}
* html #primary .secondary{ margin-right:0; }
* html #primary .primary{ margin-right:3%; }

.secondary p.title{
	font-weight:bold;
	font-size:1.15em;
	margin:0 0 1em 0;
	line-height:1em;
}

.secondary h2 {
	font-weight:bold;
}
.secondary .featured {
	border-bottom:1px solid #ccc;
}
.secondary .featured p{
	border-top: 1px solid #ccc;
	border-bottom:0;
}
.secondary .featured dl{
	border-top:1px solid #ccc;
	border-bottom:0;
}
.secondary dt{
	color:#666;
}
.secondary dd a{ color:#0098CC; }
.secondary dd a:hover{ color:#0098CC; }

/* navigation */
.secondary .navigation{
	padding-bottom:40px;
}
.secondary .navigation .prev{
	display:inline;
	margin-right:10px;
}
.secondary .navigation .next{
	display:inline;
	margin-left:10px;
}

/* WP-Amazon-ex */
.wp-amazon-ex{
	font-size:0.9em;
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:10px;
}
.wp-amazon-ex p{
	line-height:1.5em;
	margin:0;
}
.wp-amazon-ex-img{
	margin-bottom:10px;
}
/* Search Result Styles */
#primary ul.dates .date{
	color:#999;
}

#primary ul.dates p{
	margin:0;
}
#primary ul.dates a{
	color:#666;
	text-decoration:none;
	/*border-bottom:1px dotted #333;*/
}
#primary ul.dates a:hover{
	color:#ccc;
	text-decoration:none;
	border-bottom:0;
}
#primary ul.dates .entry-title a{
	font-weight:bold;
	color:#0098CC;
	font-size:1em;
	border-bottom:0;
}
#primary ul.dates .entry-title a:hover{
	font-weight:bold;
	color:#0098CC;
}
#primary ul.dates .metadata{
	margin-left:2em;
}

/* Default Template Styles  */
#primary h4{
	font-size:1.2em;
	font-weight:bold;
	color:#0098CC;
	border-left:10px solid #0098CC;
	margin:2.5em 0 0 0;
	padding-left:1em;
}
#primary h5{
	font-size:1em;
	font-weight:bold;
	border-bottom:1px solid #666;
	color:#666;
}

/* iG:Syntax Hiliter 
.syntax_hilite ol li {
	margin-bottom:0;
	padding-bottom:0;
}
*/
/* Socondary Items
----------------------------------------------- */
#secondary{
	background:#eee;
	color:#333;
	border-top:1px solid #ccc;
}
.comment-head{
	border-bottom:1px solid #ccc;
}
#comment-form{
	margin:2.5em 0 2.5em 35.4%;
	border-top:1px dotted #ccc;
}
input.trackback-uri{
	margin-left: 1em;
	width: 36em;
	font-size:0.9em;
	font-family:Verdana, Arial, sans-serif;
}
input.textfield{
	border:1px solid #999;
	font-family:Verdana, Arial, sans-serif;
}
textarea.commentbox{
	border:1px solid #999;
	font-family:Verdana, Arial, sans-serif;
}
.formactions input.submit{ 
	font-family:Verdana, Arial, sans-serif;
	font-size:0.95em;
}
.gravatar,
.avatar{
	float:right;
	margin-left:10px;
}
#secondary p.title{
	font-size:1.5em;
	margin:0;
	line-height:1.2em;
}

/* Ancillary Items
----------------------------------------------- */
#ancillary{
	background:#666;
	color:#fff;
}
#ancillary .block h2{
	color:#fff;
}
ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	border-top:1px solid #808080;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	border-bottom:1px solid #808080;
}
ul.dates .date{
	color:#fff;
}

ul.counts .count{
	color:#fff;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a, .flickrlink {
	color:#BFBFBF;
	text-decoration:none;
}
#tagcloud {
	padding-bottom:10px;
}
#tagcloud a{
	text-decoration:none;
	color:#BFBFBF;
	margin-left:3px;
}
#tagcloud a:hover{
	color:#fff;
}
#ancillary p.title{
	font-size:1.15em;
	margin:0 0 2em 0;
	line-height:1.15em;
}

ul.flickr_photos li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.flickr_photos li img {
	margin:0 5px 10px 5px;
	padding:3px;
	border:1px solid #ccc;
	background:#eee;
}
a.flickrlink:hover{
	color: #fff;
}
#cc-license {
	padding-bottom: 20px;
}
/* Footer
----------------------------------------------- */
#footer{
	color:#fff;
	background:#000;
	margin:0;
}
#footer .inside{
	background:#000;
	padding:1em 0 2em 0;
}

/* Search
----------------------------------------------- */
#search .searchimg{
	background:url(./v2/search.gif) 0 0 no-repeat;
}
#search input{ 
	font-family:Verdana, Arial, sans-serif;
	border:1px solid #999;
	background:#eee;
}
#searchform #s{
	background:#f8f8f8;
	border:none;
	border:1px solid #999;
	width:30em;
	color:#333;
	padding:0.25em;
	font-size:0.9em;
	font-family:Verdana, Arial, sans-serif;
}

#searchform #searchsubmit{
	background:#f8f8f8;
	color:#333;
	border:1px solid #333;
	font-size:0.9em;
	text-transform:uppercase;
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.25em;
}

/* Iddy Profile
----------------------------------------------- */
.iddyprofile {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:130%;
	width:300px;
	}

.iddyprofiletitle {
	margin:0 0 1px 0;
	padding:10px;
	font-size:100%;
	font-weight:bold;
	background:#bedef1;
	}

.iddyprofilebody {
	margin:0;
	padding:10px;
	font-size:90%;
	background:#dceef8;
	}

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

.iddyprofilephoto img {
	margin:0 10px 10px 0;
	padding:5px;
	border:1px solid #eee;
	background:#fff;
	width:60px;
	height:60px;
	float:left;
	}

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

.iddyprofilename span {
	display:block;
	}

.iddyprofiledescription {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	}

.iddyprofilemore {
	margin:0 0 5px 0;
	padding:10px;
	background:#fff;
/*	width:100%;*/
	}

.iddyprofilemore a {
	margin:0;
	padding:0 0 0 20px;
	color:#000;
	text-decoration:none;
	background:url(https://iddy.jp/image/tool/arrow_b.png) no-repeat left center;
	display:block;
	}

.poweredbyiddy {
	margin:0;
	padding:0;
	font-size:80%;
	text-align:right;
	}

.poweredbyiddy a {
	color:#699ebe;
	text-decoration:none;
	display:block;
	}

/* Hatena Bookmark BlogParts
----------------------------------------------- */
div.hatena-bookmark-widget-notheme div.hatena-bookmark-widget-body {
  height: 240px !important;
}

.hatena-bookmark-widget-title img {
	display: none;
}
.hatena-bookmark-widget-title a {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1em;
	margin: 0px 0px 1em;
	color: #333;
	text-decoration: none;
}
.hatena-bookmark-widget-notheme ul li {
	margin: 1em 0px 1em 0.5em;
	list-style-type: square;
}
.hatena-bookmark-widget-notheme span.hatena-bookmark-count {
	margin-left: 1em;
}
.hatena-bookmark-widget-notheme span.hatena-bookmark-count strong a {
	background: #fcc;
	color: #f00;
	font-size: 0.8em;
}
.hatena-bookmark-widget-notheme .hatena-bookmark-widget-footer {
	display: none;
}

/* Social Plugins
----------------------------------------------- */
.fb_iframe_widget iframe {
	margin-bottom: 5px;
}
iframe.twitter-share-button {
	margin-bottom: 2px;
}