/*
Theme Name: Hondamiso blog
Theme URI: http://www.honda-miso.pro/recipe/
Author: MONTAGE lab.
Author URI: http://montagelab.jp/
Description: The 2013 theme for Honda Miso
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* 
-------------------------------------------------------------- */

/*-- .home
----------------------------------------------- */
.home #headerwrap 	{ background:#000;}
.home #headnavwrap 	{ display:block;}
.home #containerwrap #maincol { margin-top:0; padding:40px 0 0 0; width:960px; border:none;}
#headnav ul li#hn_recipe a { opacity:1; filter:alpha(opacity=100);}


/*-- .home Archive list
----------------------------------------------- */
.recipelist {}
.recipelist:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .recipelist             { zoom: 1; } /* IE6 */  
*:first-child+html .recipelist { zoom: 1; } /* IE7 */
.recipelist li { float:left; margin: 0 15px 12px 0; padding:0; width:208px;}
.recipelist .thumb { display:block; margin:0; width:198px; height:196px; overflow:hidden; background:#eee url(img/common/recipe_no-thumb.gif) no-repeat center center; border-radius:100px;}
.recipelist .thumb img { display:block; margin:0 ; width:198px; height:196px; border-radius:100px;}
.recipelist .title { display:block; height:3em; text-align:center; font-family: "ヒラギノ明朝 Pro W3","ＭＳ 明朝","Times New Roman", Times, serif; font-size:15px; font-size:1.5rem;}
.recipelist .excerpt{ font-size:13px; font-size:1.3rem;} 
.recipelist a { display:block; padding:0; color:#444; text-decoration:none; }
.recipelist a:hover{ color:#C6000C; opacity:0.7; filter:alpha(opacity=70);}


.recipelist { margin-bottom:30px;}
.recipelist:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .recipelist             { zoom: 1; } /* IE6 */  
*:first-child+html .recipelist { zoom: 1; } /* IE7 */
.recipelist li { float:left; margin:0 15px 16px 0; padding:0; width:208px;}
.recipelist .thumb { display:block; margin:0 auto; width:198px; height:196px; overflow:hidden; background:#eee url(img/common/recipe_no-thumb.gif) no-repeat center center;
	border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;
}
.recipelist .thumb img { display:block; margin:0; width:198px; height:196px;
	border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;
}
.recipelist .title { display:block; margin:8px 0 0 0; height:3em; text-align:center; line-height:1.4; font-family: "ヒラギノ明朝 Pro W3","ＭＳ 明朝","Times New Roman", Times, serif; font-size:15px; font-size:1.5rem;}
.recipelist .excerpt{ font-size:13px; font-size:1.3rem;} 
.recipelist a { display:block; padding:0; color:#444; text-decoration:none; transition:opacity 0.2s ease;}
.recipelist a:hover{ color:#C6000C; opacity:0.7; filter:alpha(opacity=70);}

.archive .recipelist li { padding:0; width:180px;}
.archive .recipelist .thumb { width:166px; height:164px;}
.archive .recipelist .thumb img { width:166px; height:164px;}


/*-- layout overwrite
----------------------------------------------- */
#containerwrap 	{ border-top:1px solid #ddd;}
#maincol 		{ padding:40px 13px 80px 0; width:600px; border-right:1px solid #ddd;}
#itemslide { height:408px; border-right:1px solid #ddd;}

h2#h_recipe { height:230px; background:url(img/headline/h_recipe.gif) no-repeat 0 0;}
.single h2#h_recipe { position:absolute; top:-284px; left:660px;}
.archive h2#h_recipe { position:absolute; top:-284px; left:660px;}


/*-- entry-title, entry-content
----------------------------------------------- */
#maincol .entry-title { padding:64px 0 70px 0; text-align:center; font-size:20px; font-size:2rem; font-weight:normal; color:#222; background:url(img/headline/h_recipe_circle.gif) no-repeat center top;}
#maincol .entry-title a { color:#222; text-decoration:none;}
#maincol .entry-title a:hover { color:#900;}

.archive-title {margin-bottom:16px;}

#subcol { float:right; padding:40px 0 0 0; width:308px;}
#secondary { width:100%;}
.aside { }
.widget 		{ margin-bottom:60px;}
.widget-title 	{ margin:0; padding:22px 0 22px 10px; font-size:16px; font-size:1.6rem; background:url(img/headline/h_recipe_widget.gif) no-repeat left top;}
.widget ul 		{ line-height:1.4;}
.widget ul li 	{ margin:0.5em 0; padding:0 0 0 10px; font-family: "ヒラギノ明朝 Pro W3","ＭＳ 明朝","Times New Roman", Times, serif;}
.widget ul li a	{ color:#666; text-decoration:none;}
.widget ul li a:hover	{ color:#900;}


#maincol .entry-content p { text-indent:0 !important;}
#maincol .entry-content ul { margin:1em 0; line-height:1.4; padding-left:16px;}
#maincol .entry-content ul li { margin:0.8em 0; padding-left:14px; background:url(img/common/li.gif) no-repeat 0 0.3em;}
#maincol .entry-content ol { margin:1em 0; list-style-position:outside; line-height:1.4; padding-left:36px;}
#maincol .entry-content ol li { margin:0.8em 0; padding-left:0px;}

.entry-meta { margin-bottom:40px; padding:0 0 40px 0; font-size:12px; font-size:1.2rem; border-top:1px solid #ddd; background:url(https://www.honda-miso.pro/img/common/hr_red.gif) no-repeat center bottom;}
.archive-meta { font-size:13px; font-size:1.3rem;}


/*-- entry-content img setting
----------------------------------------------- */
.entry-content img { max-width:588px !important; height:auto;}
.alignleft { float:left;}
.alignright { float:right;}
.aligncenter { display:block; margin-left:auto; margin-right:auto;}

.entry-content img { margin:6px 12px 6px 0;}
.entry-content img.alignleft { margin:6px 12px 6px 0;}
.entry-content img.alignright { margin:6px 0 6px 12px;}


.type-post .entry-content img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	display:inline-block;
	vertical-align:baseline;
	border-radius: 3px;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text{
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #666;
}


/*-- nav-single
----------------------------------------------- */
.nav-single { }
.nav-single .nav-previous a 	{ float:left; text-align:left; width:240px;}
.nav-single .nav-next a 		{ float:right; text-align:right; width:240px;}

.nav-single .nav-previous a, .nav-single .nav-next a {
	padding:7px 18px 6px 18px; text-decoration:none; color:#222;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体", serif; line-height:1.4;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	background:#AA9C6B; transition:background-color 0.2s ease;
}
.nav-single .nav-previous a:hover, .nav-single .nav-next a:hover { background:#D4B03F;}



#headslide .slides_container { width:1200px; height:390px; overflow:hidden;}
#headslide .slides_container img { max-width:1200px; max-height:390px;}
#itemslide .slides_container { width:663px; height:408px; overflow:hidden;}
#itemslide .slides_container img { width:663px; height:408px;}



.lte-ie8 #headerwrap, .lte-ie8 #containerwrap { background:#fafafa;}
.lte-ie8 .recipelist .thumb,
.lte-ie8 .recipelist .thumb img,
.lte-ie8 .nav-single .nav-previous a,
.lte-ie8 .nav-single .nav-next a  { behavior:url(https://www.honda-miso.pro/recipe/wp-content/themes/misorecipe/css/PIE.htc); position:relative;}


