/*
Theme Name: Kodomo Project NewClassic
Theme URI:http://kodomo-project.org
Description: Created Theme for Kodomo Project
Version: 0.9
Author: NAKAYAMA Hirosi
Tags: kodomo color, widgets
*/


/* reset */
html {  }
body, ul, li, h1, h2, h3, h4, h5, h6, h7, input, textarea, td { margin: 0; padding: 0; }
li { list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { font-size: 100%; font-weight: normal; }
input, textarea, select { font-size: inherit; font-family: inherit; font-weight: inherit; }
address { font-style: normal; }
em { font-style: normal; }


/* Font */
body { font: 16px/1.23 verdana, arial, helvetica, clean, sans-serif; }
table { font: 100%; font-size: inherit; }


/* Global element */
body { color: #333; font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", verdana, メイリオ, Meiryo, Osaka, "MS Gothic", sans-serif; line-height: 1.6em; background-repeat: no-repeat; text-align: center; margin: 0 auto; padding: 0; }
img { border: 0; }
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h7 {}
a, a:visited { color: gray; text-decoration: none; }
a:hover { color: #09f; }
a:active { color: #09f; }
strong { color: #09f; font-weight: bold; }
#wrap { text-align: left; width: 760px; height: auto; margin: 0; }
.clear { clear: both; }
#footer { font-size: 0.8em; color: gray; font-weight: normal; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px outset #808080; }

/* kodomo format */
#header { text-align: left; width: auto; height: 50px; }
.headImg { text-align: left; width: 250px; float: left; }
.headSearch { font-size: 0.7em; text-align: right; width: 300px; float: right; margin-top: 20px; }
.headSearch input { border: solid 1px #c3c3c3; }
#mainMenu { margin-top: 6px; padding-bottom: 3px; }
#mainMenu ul li { font-weight: bold; display: inline; }
#mainMenu ul li a { font-style: italic; padding-right: 30px; display: inline; }
#content { width: 760px; height: auto; float: left; margin: 5px 0 0; padding: 0; }
.entry p { padding-top: 10px; }
.entry h5 { background-image: url(images/menuBackC.png); background-repeat: no-repeat; background-position: 0 center; padding-left: 14px; display: block; }
.entry a, .entry a:visited { color: #09f; }
.copyright { font-size: 0.75em; font-weight: bold; line-height: 1.2em; }
blockquote { margin: 40px 0 0 5px; padding: 0 20px 5px; border-left: 1pt dashed gray; }
.note { font-size: 0.8em; font-weight: normal; line-height: 1.6em; margin-top: 25px; }
.pagetop { font-size: 0.8em; font-weight: bold; text-align: right; padding-bottom: 3px; border-bottom: 1px dotted #808080; display: block; }
.summary { font-size: 0.8em; font-weight: 600; line-height: 1.7; margin-top: 20px; padding-bottom: 15px; }
/* blog */
.left0 #blog { padding-bottom: 15px; border-bottom: 1px dotted #808080; }
.left0 .left0Title { color: #a89700; font-size: 0.8em; font-weight: bold; line-height: 1.4em; text-align: center; letter-spacing: 0.5em; width: 352px; padding-top: 3px; padding-bottom: 6px; border-top: 1px solid #a89700; display: block; }
.left0 .left0Title a { color: #a89700; }
.left0 .left0Title a:hover { color: #09f; }
.left0 h3 { font-size: 1.2em; font-weight: 500; margin-top: 10px; }
.left0 small { font-size: 0.7em; font-weight: bold; }
/* contents 4 column*/
.left0 { width: 352px; float: left; margin: 0; padding: 10px; }
.left1st { width: 158px; height: auto; float: left; margin-left: 0; padding: 10px; }
.left1st h2 { font-size: 2.7em; font-weight: lighter; line-height: 0.9em; height: 30px; margin-top: 20px; margin-bottom: 12px; }
.left2nd { width: 158px; height: auto; float: left; margin-left: 16px; padding: 10px; }
.left3rd { width: 158px; height: auto; float: left; margin-left: 16px; padding: 10px; }
.left4th { width: 158px; height: auto; float: left; margin-left: 16px; padding: 10px; }
.leftContents { width: 546px; height: auto; float: left; margin-left: 16px; padding: 10px; display: block; }
.leftContents h3 { font-size: 175%; font-weight: lighter; line-height: 1em; height: 30px; margin-top: 9px; padding-top: 12px; padding-bottom: 11px; border-bottom: 1px dotted #808080; }
.leftContents h5 { font-weight: bold; line-height: 1.3em; margin-top: 25px; margin-bottom: 0; }
.leftContents img { padding: 4px; }
.leftContents .entryEdit { font-size: 0.7em; font-weight: bold; }
.leftContents .note { font-size: 0.8em; font-weight: bold; }
.bannerTitle { color: #a89700; font-size: 0.8em; font-weight: bold; line-height: 1.4em; text-align: center; letter-spacing: 0.5em; width: 158px; padding-top: 3px; padding-bottom: 6px; border-top: 1px solid #a89700; display: block; }
/* Concept */
.concept{ margin-top: 30px; }
.conceptImg { background-image: url(images/conceptImg.png); background-repeat: no-repeat; background-position: right top; }
.concept li.odd:first-letter{ font-size: 2em; color: #4096ee; vertical-align: text-bottom; float: left; }
.concept li.even:first-letter{ font-size: 2em; color: #f98113; vertical-align: text-bottom; float: left; }
.concept li{
	margin-bottom: 1.5em;
	}
.searchList { margin-top: 30px; }
/* sidebar */
#menu { font-size: 90%; height: 360px; white-space: nowrap; }
#menu ul ul { margin: 0; padding: 6px 0; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; }
#menu ul ul li { padding: 2px 0 2px 0; display: block; }
#menu ul ul li a { background-image: url(images/menuBackA.png); background-repeat: no-repeat; background-position: 0 center; padding-left: 12px; display: block; }
#menu ul ul li a:hover { background-image: url(images/menuBackB.png); background-repeat: no-repeat; background-position: 0 center; padding-left: 12px; display: block; }
#archives { margin-top: 15px; }
/* Unique Tag */
#_headerImg {
	height:150px;
	width:760px;
	/*random header images from http://automaticlabs.com/products/rotator*/
	background-image:url(./images/headImg/rotator.php);
	background-position:top right;
	background-repeat:no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#headerImg {
	height:380px;
	width:760px;
	/*random header images from http://automaticlabs.com/products/rotator*/
	background-image:url(./images/headImg/rotator.php);
	background-position:right top;
	background-repeat:no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#archiveImg {
	height:340px;
	width:510px;
	/*random header images from http://automaticlabs.com/products/rotator*/
	background-image:url(./images/archiveImg/rotator.php);
	background-position:top right;
	background-repeat:no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.topWord { color: #fff; font-size: 180%; font-family: "times new roman", serif; width: auto; padding-top: 30px; padding-left: 30px; }
.breadcrumb { font-size: 0.85em; font-weight: bold; background-color: #fffce2; margin-top: 3px; padding: 3px 3px 3px 9px; border: solid 1px #ffff70; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.cornerBack {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: solid 1px #ddd;
	text-align: center;
	background-color: #fbffdf;
	padding-top: 4px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text { font-size: 9px; font-weight: bold; line-height: 17px; padding: 3px 4px; margin: 0; }


/* img tag */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 0px;
	display: inline;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 0 2px 0;
	display: inline;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}