@charset "utf-8";
/*
Theme Name: I Love Cat. 
Theme URI: http://wordpress.org/
Description: I Love Cat. テンプレート
Version: 0.1
Author: KOSUDA Hidemori
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}ol,ul {	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;}
 
.nondisplay{
  display: none;
}

a{ text-decoration: none; }
a:link { text-decoration: none; color:#000; }
a:visited { color:#000; }
a:active { color:#999;}
a:hover, a.active {color:#F00;}
a img{border: none;}

strong{
  font-weight: bold;
}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  line-height: 1.6em;
  background: #fff;
  font-family: Helvetica, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.alignleft{
  float: left;
  margin-right: 24px;
}

.alignright{
  float: right;
  margin-left: 24px;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.border{
  border: 1px solid #ccc;
}

#container {
  overflow: hidden;
  width: 900px;
  margin: 0 ;
  padding: 24px;
}

/* header */
#header{
  width: auto;
  margin-bottom: 48px;
  overflow: hidden;
  font-family: 'Vollkorn', serif;
}

#site_title{
   font-size: 3.6em;
   letter-spacing: 0.10em;
   line-height: 1.0em;
   margin-bottom: 6px;
}

#site_title a:link { text-decoration: none; color:#000; }
#site_title a:visited { color:#000; }
#site_title a:hover {color:#000;}
#site_title a:active { color:#000;}


#header .nav{
  font-size: 1.6em;
  line-height: 2.4em;
  width: 630px;
  white-space: nowrap;
  position: relative;
}

#header .nav li{
  float: left;
  letter-spacing: 0.10em;
  margin-right: 32px;
    white-space: nowrap;
}

#header .nav li.header_search{
  margin: 0;
    position: absolute;
    right:0;
    top: 4px;
}

#header .nav a.active {color:#000;}

#header_search{
  border: 1px solid #CCC;
  font-size: 12px;
  padding: 3px 3px 3px 23px;
  background: url('/wp-content/themes/ilovecat/images/icon_search.png') no-repeat 3px 2px;
  width: 120px;
}



#header_searchsubmit{
  display: none;
}

/* sidebar */
#sidebar{
  width: 222px;
  float: right;
  letter-spacing: 0.1em;
}

#sidebar p{
  margin-bottom: 24px;
}

#sidebar .social_banner{
  overflow: hidden;
  margin-bottom: 24px;
}

.amazon_associates{
  text-align: center;
  line-height: 1.6em;
  width: 160px;
  margin: auto;
}

#sidebar .amazon_associates p{
  margin: 0;
  text-align: center;
}

#sidebar .amazon_associates p.sa-title{
  font-size: 1.2em;
  margin-bottom: 6px;
  font-weight: bold;
}

#sidebar .amazon_associates p img{
  margin-bottom: 12px;
}

#sidebar .amazon_associates li{
font-size: 1.2em;
}

#sidebar .amazon_associates ul{
    margin-bottom: 36px;
}

#sidebar p.amazon_link{
  font-size: 1.2em;
}



.rss_link{
  text-align: center;
  font-size: 1.6em;
  line-height: 1.4em;
  font-family: 'Vollkorn', serif;
}


.entry_archives{
  margin-bottom: 24px;
}

.entry_archives ul{
  margin-left: 18px;
  list-style-type: disc;
}

.entry_archives li{
  line-height: 1.4em;
  margin-bottom: 12px;
}
.entry_archives li a{
  font-size: 1.4em;
}

.entry_archives .catename{
  font-size: 1.3em;
  color: #333;
  font-family: 'Vollkorn', serif;
  }
  
#tumblr-recent-photos{
  width: 198px;
  border: 1px solid #e1e1e1;
  padding: 12px 12px 0 12px;
}

/* footer */

#footer{
  clear: both;
  font-size: 1.4em;
  color: #333;
  padding: 12px 0;
  font-family: 'Vollkorn', serif;
}

.cmark{
  font-family: verdana;
}

/* main */

#main{
  clear: both;
  float: left;
  width: 630px;
  margin: 0 0 30px 0;
}

#category_title{
    font-size: 2.4em;
   letter-spacing: 0.10em;
   line-height: 1.0em;
   margin-bottom: 36px;
  font-family: 'Vollkorn', serif;
}

.article{
  clear: both;
  width: 630px;
  margin-bottom: 40px;
}

.article_header{
  clear:both;
  width: 630px;
  margin-bottom: 30px;
}

.article_header .thumbnail{
  float: left;
}

.article_header .archive_title{
  width: 438px;
  margin-left: 192px; 
}

.article a.more-link{
  text-decoration: none !important;
  display: block;
  padding: 12px 0;
  font-size: 1.15em;
  font-family: 'Vollkorn', serif;
}

#main .title{
  font-size: 1.8em;
  line-height: 1.4em;
  font-weight: bold;
  margin-bottom: 6px;
}

.article p{
  font-size: 1.4em;
  line-height: 1.8em;
  margin-bottom: 18px;
}

.article a:link{  color: #000;  text-decoration: underline; }
.article .article_header a:link{  color: #000;  text-decoration: none; }
.article a:hover,
.article .article_header a:hover{  color: #F00;  text-decoration: none; }

.article .meta{
  margin-bottom: 6px;
}


.article p.date,
.article p.credit,
.article p.categories,
.article p.tags{
  margin-bottom: 0;
  color: #666;
  line-height: 1.4em;
  font-family: 'Vollkorn', serif;
}

.article p.caption{
  font-size: 1.1em;
}

.article .meta p.date a,
.article .meta p.tags a{
  color: #666;
  text-decoration: none;
}
.article .meta p.date a:hover,
.article .meta p.tags a:hover{
  color: #F00;
}

.article .cat_credit{
  border: 1px solid #CCC;
  padding: 18px;
  margin-bottom: 24px;
}

.article .cat_credit ul{
  list-style: none;
  font-size: 1.4em;
  line-height: 1.6em;
}

.article .cat_credit ul li{
  margin-bottom: 6px;
}

.article .cat_credit li.interview_profile{
  overflow: hidden;
  margin-bottom: 0;
}

.article .cat_credit li.interview_profile img{
  float: left;
  margin: 3px 18px 12px 0;
}

.navigation{
  clear: both;
  font-size: 1.6em;
  width: 630px;
  margin-top: 48px;
  font-family: 'Vollkorn', serif;
}

.entry,
.comments{
  margin-bottom: 24px;
}

.entry h2{
  line-height: 1.2em;
  font-size: 1.6em;
  font-weight: bold;
  padding: 18px 0 30px 0;
  width: 630px;
}

.category_interviews .entry h3{
  display: block;
  margin-bottom:12px;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.8em;
}

.social_tools{
  clear: both;
  width: 100%;
  position: relative;
  margin-bottom: 12px;
}

.tool_twitter,
.tool_facebook_like,
.tool_instagram{
  z-index: 1000;
}


.tool_facebook_like{
 position: absolute;
 left: 100px;
 top: 0;
}

.tool_instagram{
 position: absolute;
 left: 220px;
 top: -2px;
}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }


/* home */

#home #container {
  overflow: hidden;
  width: auto;
  min-width: 900px;
}

#home #header{
  width: auto;
}

#home #nav{
  width: 900px;
}

#home #main{
  width: 100%;
}

 
#entry-list{display: none;}
 
#entry-list .post{
	border: 1px solid #CCC;
	margin: 0 0 12px 0;
 /* display: none; */
	overflow: hidden;
	display: inline;  /* IE6 fix */ 
float: left;
}


#entry-list .entry-thumbnail{
	width: 180px;
  height: auto;
}

#entry-list .entry-thumbnail-L{
	width: 372px;
}

#entry-list .entry-thumbnail img,
#entry-list .entry-thumbnail-L img{
  padding: 0;
  margin: 0 0 -6px 0;
}

#entry-list .category-snapshots{
  text-align: center;
}

#entry-list img.instagram_thumbnail {
	width: 180px;
}

#entry-list .entry-small{
	width: 180px;
/*	height: 282px; */
	padding-bottom: 12px;
}

#entry-list  .entry-medium{
	width: 372px;
/*	height: 429px; */
	padding-bottom: 12px;
}

#entry-list  .entry-large{
width: 564px;
/*	height: 576px; */
	padding-bottom: 12px;
}

#entry-list .hentry:hover{
  border: 1px solid #F00
}

#entry-list .photo{
  text-align: center;
}



#entry-list .meta{
 /* letter-spacing: 0.10em; */
	padding: 0 6px 0 6px;
  font-family: 'Vollkorn', serif;
}


#entry-list .title{
	padding: 6px 6px 0 6px;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 6px;
}

#entry-list p.date,
#entry-list p.categories{
  margin-bottom: 0;
  font-size: 1.4em;
  color: #666;
  line-height: 1.3em;
  font-family: 'Vollkorn', serif;
}


#entry-list .meta a:link{color: #666;}
#entry-list .meta a:visited{color: #666;}
#entry-list .meta a:hover{color: #F00;}

.entry-tumblr{
  position: relative;
}
#entry-list .entry-thumbnail .entry-tumblr img{
  margin: 0;
}

.entry-tumblr h2.title{
  text-align: left;
}

#entry-list .category-snapshots .title {
	margin-top: .5em;
	text-align: left;
}


/* interviews */

#interviews h2.title{
  font-size: 1.6em;
}

/* default */


#archives .category_topics .article{
  margin-bottom: 42px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC;
}


/* snapshots */
.category_snapshots p.photo,
.category_photos p.photo{
  font-size: 1.4em;
  line-height: 1.8em;
  margin-bottom: 12px;
}

.category_snapshots .subject,
.category_photos .subject{
	font-size: 1.6em;
	line-height: 1.8em;
	letter-spacing: 0.10em;
}

.category_snapshots .subject a:link,
.category_photos .subject a:link{
	text-decoration: none;
}

.instagram_icon{
	display: none;
	width: 100%;
	margin-bottom: 18px;
	overflow: hidden;
}

.instagram_icon .author_icon{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 12px;
	border: 1px solid #ccc;
}



.cats_list{
  width: 690px;
  margin-bottom: 36px;
  overflow: hidden;
}

.cats_list li{
  width: 96px;
  float: left;
  margin-right: 37px;
  padding-bottom: 12px;
}

.cats_list li img{
  margin-bottom: 6px;
}

.cats_list li span{
  display: block;
  font-size: 1.4em;
  text-align: center;
}


/* search */
#search #searchform{
  margin-bottom: 12px;
}

#search .screen-reader-text{
  display: none;
}

#search  #s{
  width: 520px;
  font-size: 1.4em;
  border: 1px solid #666;
  height: 21px;
  padding: 2px;
  margin-right: 12px;
}

#search .resultStats{
  margin-bottom: 30px;
}

#search #searchsubmit{
  font-size: 1.4em;
  padding: 2px;
}

#search .resultStats{
  font-size: 1.4em;
}

#search h2 a{
  color: #2200C1;
  text-decoration: underline;
}

#search h2 a:hover{
  text-decoration: none;
}
/*
#search .snapshot{
  float: left;
  margin-right: 12px;
}
*/

/* Comment */

#reaction h3.title,
#respond h3.title{
  font-family: 'Vollkorn', serif;
  margin-bottom: 12px;
   letter-spacing: 0.10em;
  font-weight: normal;
}

.commentlist .comment{
  margin-bottom: 36px;
  width: 630px;
}

.comment-author{
  float: left;
  width: 60px;
}

.comment-body{
  margin-left: 60px;
  width: 570px;
  line-height: 1.6em;
  font-size: 1.4em;
}

.comment-text{
  margin-bottom: 6px;
}

.comment-text p i{
  font-style: normal;
  font-family: 'Vollkorn', serif;
  display: block;
  margin: 12px 0 -6px 0;
  color: #666;
}

.comment-text p i a{
  color: #666;
  margin-left: 4px;
}

.comment-text p i a:hover{
  color: #F00;
}

.comment-meta{
  font-family: 'Vollkorn', serif;
  color: #666;
}
.comment-meta a:link{color: #666;}
.comment-meta a:visited{color: #666;}
.comment-meta a:hover{color: #F00;}

p.btc-powered{
  text-align: center;
  font-family: 'Vollkorn', serif;
  display: block;
  color: #666;
  font-size: 1.6em;
}

.label_author, .label_email{
  width: 60px;
  display: block;
  float: left;
  font-size: 1.4em;
  font-family: 'Vollkorn', serif;
}

#reaction .navigation{
  clear: both;
  width: 630px;
  overflow: hidden;
  margin: 0 0 24px 0;
}

p.author, p.email, p.login_user{
  margin-bottom: 12px;
}

p.login_user{
  font-size: 1.4em;
}

span.caption{
  font-size: 1.2em;
}

#author,
#email{
  width: 288px;
  border: 1px solid #CCC;
  padding: 3px;
  font-size: 12px;
}

#comment{
  width: 630px;
  margin-bottom: 12px;
  border: 1px solid #CCC;
  font-size: 12px;
}

#commentform{
  margin-bottom: 24px;
}

.btc-powered{
  width: 630px;
  clear: both;
  font-size: 1.2em;
}

.profile{
  width: 630px;
  overflow: hidden;
}

.profile img{
  float: left;
  margin-bottom: 12px;
}

.bio{
  margin-left: 108px;
}

p.getbanner{
  line-height: 1.4em;
  font-family: 'Vollkorn', serif;
  margin-bottom: 6px;
}

.getbanner a:link{
  text-decoration: none;
}

.bannercode{
  display: none;
}

.linkbanner{
  margin-top: 36px;
}



.linkbanner strong{
  font-size: 1.3em;
}


/* 関連記事 */


#related .article_header{
  clear:both;
  overflow: hidden;
  width: 630px;
  margin-bottom: 12px;
}

#related h2.title{
  font-weight: normal;
  font-family: 'Vollkorn', serif;
}

#related h3.title{
  font-size: 1.6em;
}

#related img{
  width:200px;
  height: auto;
  margin-right: 1em;
}