/*
Theme Name: Have S'mores
Theme URI: http://wordpress.org/
Description: Theme created for Have S'mores site.
Version: 1
Author: Inori Kunimi Thies
Author URI: http://inorikunimi.com
Tags: 

*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Base */
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* Normal */
html
{
background: url(images/bg.png) 0 0 repeat;
}

body
{
font: 13px/20px Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Verdana, sans-serif;
color:#fff;
}

h1, h2, h3, h4, h5, h6
{
font-family: Georgia, Times, serif;
font-size: 20px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: #fff;
}

h1
{
background: url(images/leave.png) 0 0 no-repeat;
padding-left: 22px;
}

h1#blog-title, #homeBox h1
{
background: none;
}

h2
{
color: #fff;
font-size: 18px;
font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Verdana, sans-serif;
letter-spacing: 0;
}

h3
{
color: #57508C;
font-size: 16px;
font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Verdana, sans-serif;
letter-spacing: 0;
}

h4
{
color: #5b5393;
font-size: 13px;
font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Verdana, sans-serif;
letter-spacing: 0;
}

/* Link style */

a:link, a:visited, a:hover
{
text-decoration: underline;
color: #57508C;
}

a:hover
{
text-decoration: none;
color: #fff;
}

/* Float left and right */
.float-right
{
float: right;
}

.float-left
{
float: left;
}

/* Shadow */
.shadow
{
box-shadow: 3px 3px 5px #617f5b;
-moz-box-shadow: 3px 3px 5px #617f5b;
-webkit-box-shadow: 3px 3px 5px #617f5b;
}

/* Form styles */
input, textarea, #searchResultsSearch input#s
{
border: 1px solid #7a9374;
padding: 5px;
color: #333;
font-size: 14px;
font-family: Arial, Sans-serif;
background: #E3EFE0 url(images/bg_txtfield.gif) left bottom repeat-x;
}

input:focus, textarea:focus
{
outline: none;
background: #f5ecc4;
border: 1px solid #799130;
-webkit-box-shadow: 0px 0px 6px #799130;
-moz-box-shadow: 0px 0px 6px #799130;
}


#captchaContact
{
margin-bottom: 10px;
}

fieldset
{
border: 1px solid #D3DFD1;
padding: 0 24px 10px 24px;
width: 300px;
background: #9db797;
}

legend
{
padding: 0.2em 0.5em;
color: #fff;
text-align:right;
}

.wpcf7-mail-sent-ok
{
background: #57508C;
border: 2px solid #57508C;
}

#btnForm
{
background: #57508C none repeat scroll 0 0;
border: 1px solid #57508C;
color: #FFFFFF;
padding: 2px 5px;
}



/* Photo borders */
.photo
{
background: #fff;
padding: 7px;
margin: 0 10px 10px 10px;
box-shadow: 3px 3px 5px #617f5b;
-moz-box-shadow: 3px 3px 5px #617f5b;
-webkit-box-shadow: 3px 3px 5px #617f5b;
}

/* Search Form */

#searchform
{
float: right;
margin: -31px 89px 0 0;
}

#searchform a
{
text-decoration: none;
}

#searchform #searchsubmit
{
background: #57508C;
border: 1px solid #57508C;
padding: 2px 5px;
color: #fff;
}

#searchform input
{
border: 1px solid #BFAB3B;
padding: 4px;
background: #fff;
color: #333;
font-size: 12px;
font-family: Arial, Sans-serif;
}

/* Search Results Page */
.search-terms
{
background: #648F59;
}

#searchResultsSearch
{
float: left;
margin-top: 50px;
background: red;
}

#searchResultsSearch input#s
{
width: 300px;
}

#searchResultsSearch #searchsubmit
{
padding: 4px 5px;
}

/* Home page Style */
#homeBox
{
margin: 30px auto;
background: url(images/home_bg.png) 0 0 no-repeat;
width: 879px;
height: 685px;
}

#homeBox h1
{
text-indent: -99999px;
}

#homeBox h1
{
text-indent: -99999px;
}

/* Internal page Style */
#banner
{
background: url(images/banner_internal.png) 0 0 no-repeat;
width: 998px;
height: 165px;
margin: 30px auto 0 auto;
}

#banner #blog-description
{
text-indent: -9999px;
}

#banner #blog-title
{
position: relative;
top: 37px;
left: 48px;
width: 266px;
height: 84px;
}

#internalBox
{
margin: 0 auto;
background: url(images/content_bg.png) 0 0 repeat-y;
width: 998px;
}

#footerCap
{
margin: 0 auto 20px auto;
background: url(images/footerCap.png) 0 0 no-repeat;
width: 998px;
height: 30px;
}

/* Internal page content style */
#contentWrapper
{
width: 920px;
margin-left: 50px;
clear: both;
text-align: left;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
}

#mainContent
{
width: 670px;
float: right;
margin-right: 55px;
margin-top: 40px;
}

#blog-description
{
text-indent: -9999px;
}

/* Side Content style */
#sideContent
{
margin: 20px 0 0 0;
width: 188px;
float: left;
font-size: 80%;
}

#sideContent p, #sideContent ul.specialThanks
{
margin: 0 25px 0 35px;
}

#sideContent ul.specialThanks
{
margin-left: 55px;
}

#sideContent ul.specialThanks li
{
line-height: 130%;
margin-bottom: 10px;
}

#sideContent div.miniStoryImageTop, #sideContent div.miniStoryImageBottom
{
text-align: center;
padding: 0;
background: url(images/subnav_top.gif) 5px 0 no-repeat; 
height: 38px;
}

#sideContent div.miniStoryImageBottom
{
background: url(images/subnav_bottom.gif) 5px 0 no-repeat; 
}

/* Footer Style */
#footer, #internalBox #footer
{
position: relative;
margin-top: 539px;
padding: 0;
font-family: Georgia, Times, Serif;
font-weight: normal;
font-size: 11px;
color: #fff;
clear: both;
line-height: 130%;
text-align: center;
}

#internalBox #footer
{
margin-top: 0;
padding: 35px 0;
}

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

#footer a:hover
{
color: #E3D472;
text-decoration: none;
}

/* Wordpress link on the footer */
#generator-link
{
font-size: 70%;
font-family: Arial, sans-serif;
}


/* Navigation Style */

#nav ul
{
	/*removing the top space made by base.css*/
	margin:0;
}
#homeBox #nav, #internalBox #nav
{
position: relative;
margin-left: 199px;
margin-top: 360px;
font-family: Georgia, Times, Serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
}

#internalBox #nav
{
position: relative;
margin-left: 237px;
font-family: Georgia, Times, Serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
}

#internalBox #nav
{
margin-top: 0px;
}

#homeBox #nav ul, #internalBox #nav ul
{
list-style: none;
padding: 0;
}

#homeBox #nav li, #internalBox #nav li
{
float: left;
margin: 0 5px;
list-style: none;
}

#internalBox #nav li
{
float: left;
margin: 5px 20px;
list-style: none;
}

#homeBox #nav li a:link, #homeBox #nav li a:visited, #homeBox #nav li a:hover, #homeBox #nav li a.last:link, #homeBox #nav li a.last:visited, #homeBox #nav li a.last:hover,
#internalBox #nav li a:link, #internalBox #nav li a:visited, #internalBox #nav li a:hover, #internalBox #nav li a.last:link, #internalBox #nav li a.last:visited, #internalBox #nav li a.last:hover
{
height: 2em;
line-height: 2em;
float: left;
display: block;
color: #343e32;
text-decoration: none;
text-align: left;
padding-right: 27px;
padding-left: 0;
background: url(images/nav_icon_off.png) right 0 no-repeat;
}

#homeBox #nav li a.last:link, #homeBox #nav li a.last:visited, #homeBox #nav li a.last:hover, #homeBox #nav li a:hover.last,
#internalBox #nav li a.last:link, #internalBox #nav li a.last:visited, #internalBox #nav li a.last:hover, #internalBox #nav li a:hover.last
{
background: none;
}

#homeBox #nav li a:hover, #internalBox #nav li a:hover, #internalBox #nav li a.sel
{
color: #e3d472;
background: url(images/nav_icon_on.png) right 0 no-repeat;
}

#internalBox #nav li a.sel
{
font-weight: bold;
text-decoration: underline;
}

#homeBox #nav li a:hover.last, #internalBox #nav li a:hover.last
{
color: #e3d472;
background: none;
}

/* Side Navigation style */

#sideNav a:link, #sideNav a:visited, #sideNav a:hover
{
color: #fff;
text-decoration: none;
}

#sideNav a:hover
{
color: #EFDF77;
}

#sideNav a.Sel:link, #sideNav a.Sel:visited, #sideNav a.Sel:hover
{
color: #57508C;
text-decoration: none;
font-weight: bold;
}

#sideNav a.Sel:hover
{
color: #EFDF77;
}

ul#sideNav
{
margin: 20px 0 20px 38px;  
}

ul#sideNav li
{
list-style: none;
margin-bottom: 10px;
}

#sideNav li ul li a:link, #sideNav li ul li a:visited, #sideNav li ul li a:hover
{
background: url(images/subsub_bg.gif) 0 5px no-repeat;
padding: 10px 10px 10px 15px;
}

#sideNav li ul li a:hover
{
background: url(images/subsub_sel_bg.gif) 0 5px no-repeat;
padding: 10px 10px 10px 15px;
}

/* Edit this entry style */
.editThisEntry
{
clear: both;
font-weight: bold;
padding-top: 25px;
}

/* Style inside of entry : WYSIWYG内のスタイル */
/* 画像のスタイル */

.entry .photoFrame img
{
background: #fff;
padding: 7px;
border: 1px solid #718F6B;
box-shadow: 3px 3px 5px #617f5b;
-moz-box-shadow: 3px 3px 5px #617f5b;
-webkit-box-shadow: 3px 3px 5px #617f5b;
}

.entry h3
{
color: #fff;
font-size: 14px;
font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Verdana, sans-serif;
letter-spacing: 0;
}

/* コルドンブルーでの思い出、初級、中級、上級の作品のページ内のスタイル */
#menu
{
float: left;
padding: 10px;
font-size: 85%;
background: #E3D473;
margin: 10px 0 10px 0;
width: 640px;
border: 3px solid #fff;
}

#menu ul li
{
list-style: none;
padding: 5px 0 5px 5px;
border-bottom: 1px dashed #fff;
line-height: 130%;
}

#menu .menu-column
{
width: 209px;
float: left;
}

#menu .menu-column a:link, #menu .menu-column a:visited, #menu .menu-column a:hover
{
color: #3a240b;
text-decoration: none;
}

#menu .menu-column a:hover
{
color: #4c3111;
text-decoration: underline;
}

.prod-box
{
clear: both;
padding-top: 15px;
border-bottom: 1px dashed #B9CFB5;
}

.prod-description, .prod-img
{
float:left;
width:300px;
padding: 0 20px 0 0;
}

.prod-img-oneColumn
{
float:left;
width:600px;
padding: 0 20px 0 0;
}

.prod-description
{
padding-top: 45px;
}

/* お菓子レポートのスタイル　*/

.lesson
{
clear: both;
border-top: 1px dashed #B9CFB5;
}

.menus div
{
float: left;
width: 175px;
text-align: center;
height: 160px;
border: 1px solid #eaeaea;
background: #fff;
padding: 8px 0 0 0;
margin: 0 10px 18px 10px;
}

.menus div p
{
margin: 0;
color: #352f07;
font-size: 80%;
line-height: 130%;
padding: 3px 10px;
text-align: center;
}

.menus div img
{
border: 1px solid #c1c1c1;
}

/* Special Programs */

.arrangement
{
clear: both;
border-top: 1px dashed #B9CFB5;
padding-bottom: 10px;
}

.arrangement img
{
border: 1px solid #c1c1c1;
}

.arrangement p
{
width: 400px;
}

/* メニュー１ */

#menu_wrapper h2
{
clear: both;
}

#menu_wrapper dl
{
margin-left: 0;
}

#menu_wrapper dt
{
font-size: 14px;
font-weight: bold;
color: #E0D272;
}

#menu_wrapper dd
{
margin-left: 0;
margin-bottom: 10px;
}

#contentWrapper #content
{
margin: 0 100px 20px 150px;
padding-top: 30px;
}

#contentWrapper #content h1
{
margin-bottom: 20px;
}

/* Breadcrumbs */
.breadcrumb
{
clear: both;
position: relative;
left: 85px;
top: 10px;
width: 820px;
font-size: 11px;
}