/*
Theme Name: pannako Theme
Theme URI: http//www.www.www/
Description: This is my pannako theme.
Author: pannako
Author URL: http://pannako.aoitai.net
*/



/*//////////////////// コンテナ ////////////////////*/
div#container  {width: 990px;
        background-image: url(imgs/container_back.jpg);
        background-repeat: repeat-y;
        margin: 0px auto;
	position: relative;}

/*//////////////////// ヘッダー ////////////////////*/
div#header	{background-image: url(imgs/header.jpg);
                 height:100px;
	         width: 980px;
                 position: relative;
                 margin-left: 5px}

div#header h1   {
	margin: 0px;
	line-height: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 100px;
	display: block;
	text-decoration: none;
}

	
#header ul {
	margin: 0px;
	list-style: none;
}


#header li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 100px;
	top: 0px;
	font-weight: 900;
}


#header li.top {
	left: 410px;
	}
#header li.about {
	left: 505px;
	}
#header li.blog {
	left: 625px;
	}
#header li.cleft_lip_and_palate { 
	left: 720px;
	}
#header li.contact {
	left: 865px;
	}

	
#header li a {
	text-decoration : none;
	display: block;
}




/*//////////////////// メイン ////////////////////*/
div#main        {width: 720px;
                 float: left;
                 margin-left: 15px}


/*//////////////////// コンテンツ ////////////////////*/
div#content     {width: 510px;
                 float: right;
                 margin-bottom: 20px}

p#pagetitle      {font-size: 1.33em;
                  font-weight: bold;
                  color: #c1e4e9;
                  border: dotted 1px #c1e4e9;
                  text-align: center;
                  padding: 10px 0;
                  margin-top: 20px}

/* 記事 */
div.post         {border: solid 1px #c1e4e9;
                 padding: 18px;
                 margin: 20px auto}

div.post h2    {background-image: url(imgs/mark.png);
                background-repeat: no-repeat;
                font-size: 1.33em;
                border-bottom: solid 1px #89c3eb;
                padding-left: 22px;
                padding-bottom: 5px;
                margin: 0}

div.post h2 a  {text-decoration: none;
                color: #000000}

div.post p     {font-size: 1.33em;
               line-height: 1.6;
               margin-top: 10px}

p.postinfo     {color: #7d7d7d;
                text-align: right;
                margin: 20px 0 0;
                clear: both}

p.postinfo a   {color: #7d7d7d}

/* 記事内の画像 */
.aligncenter   {display: block;
                margin-left: auto;
                margin-right: auto}

div.post img   {border: none}

.alignleft     {float: left;
                margin-right: 10px;
                margin-bottom: 2px}

.alignright    {float: right;
                margin-left: 10px;
                margin-bottom: 2px}

.wp-caption    {border: solid 1px #aaaaaa;
                text-align: center;
                padding-top: 5px;
                margin-top: 10px}


/* ページリンク */
p.pagelink a   {font-size: 1.33em;
                color: #2792c3}

span.pageprev  {float: left}

span.pagenext  {float: right}

/* コメント */
#comments       {clear: both}

div#com         {border: solid 1px #a8c97f;
                 padding: 0 18px;
                 margin-top: 45px}

textarea        {width: 680px}

div#com h3      {font-size: 1.33em;
                 border-bottom:solid 1px #c1e4e9;
                 padding-bottom: 3px;
                 margin-top: 20px}

div#com p       {font-size: 1.33em}

div.compost     {border-bottom: dotted 1px #c1e4e9}

p.cominfo       {text-align: right}

div#com a       {color: #2792c3}

p#comfeed img   {vertical-align: -14%}

P#comfeed a     {color: black;
                 text-decoration: none}

p#comfeed       {background-color: #c1e4e9;
                 padding: 8px;
                 margin-top: 30px}

p#trurl         {background-color: #c1e4e9;
                 padding: 8px;
                 margin-bottom: 30px}


/*//////////////////// サイドバー ////////////////////*/
div#sidebar    {width: 200px;
                float: left;
                margin-top: 20px;
                margin-bottom: 20px
                }

div#sidebar2   {width: 200px;
                float: right;
                margin-top: 20px;
                margin-bottom: 20px;
                margin-right: 15px}

div#sidebar h2 
               {background-image: url(imgs/menubar_side.jpg);
                background-repeat: no-repeat;
                font-size: 1.33em;
                color: #727171;
                padding: 6px 8px;
                margin: 0}


div#sidebar2 h2 
               {background-image: url(imgs/menubar_side2.jpg);
                background-repeat: no-repeat;
                font-size: 1.33em;
                color: #727171;
                padding: 6px 8px;
                margin: 0}

div#sidebar li, div#sidebar2 li
        {font-size: 1.2em;
	list-style-type: none;
	margin-bottom: 4px;
	background-image: url(imgs/listmark.png);
	background-repeat: no-repeat;
 	padding-left: 16px;
	vertical-align: top}

div#sidebar li a, div#sidebar2 li a
                {color: #000000;
                 text-decoration: none}

div#sidebar ul,div#sidebar2 ul
               {margin: 8px 8px 20px;
                padding: 0}

div#sidebar2 ul li li
               {font-size: 1.2em;
                background-image: url(imgs/listmark-small.png);
                background-position: 0 3px;
                padding-left: 12px}

div#sidebar2 ul ul {margin-left: 0}

/* カレンダー */
#wp-calendar   {width: 100%;
                margin-bottom: 20px;
                font-size: 1.2em}

#wp-calendar a {color: #c1e4e9}

#wp-calendar td, #wp-calendar th {text-align: center}

#wp-calendar caption
               {background-image: url(imgs/menubar_side.jpg);
                background-repeat: no-repeat;
                color:#444444;
                padding: 6px 8px;
                text-align: left}

#wp-calendar thead {color:#444444}

#wp-calendar #prev {text-align: left;
                padding-top: 3px;
                padding-left: 3px}

#wp-calendar #next {text-align: right;
                padding-top: 3px;
                padding-right: 3px}

/* フィード */
p.feed         {font-size: 1.33em;
                font-family: Verana, Helvetica, sans-serif;
                border: solid 1px #89c3eb;
                padding: 5px;
                margin: 25px 0}

p.feed a       {color: #444444;
                text-decoration: none}

p.feed img     {vertical-align: middle;
                margin-right: 8px}

/* タグクラウド */
p#tagcloud     {line-height: 1.5;
                margin-top: 10px;
                margin-bottom: 10px}

p#tagcloud a   {color: #c1e4e9}

/* 検索フォーム */
input#s        {width: 144px;
                margin-top: 5px;
                margin-bottom: 5px}

/*//////////////////// フッター ////////////////////*/

div#footer     {
        background: url(imgs/footer.jpg);
	width: 980px;
	height: 50px;
	position: relative;
        margin-left: 5px}

address        {font-size: 1em;
                font-style: normal;
                font-family: Verdana, sans-serif;
                /*padding-top: 6px*/
	text-align: center;
	
}

address a      {color: #727171}



#footer ul {
	margin-left:370px;
	padding-top: 10px;
	margin-bottom:5px;
}

#footer li {
	float:left;
	border-right: 1px solid #727171;
	margin-right:7px;
	padding-right: 7px;
	font-size: 10px;
}

#footer ul li.end {
	margin-right:0px;
	padding-right:0px;
	border-style: none;
}

#footer a{color: #727171;}



/* 2段組み用の設定 */
div#main2 div#content     {width: 720px;
                           margin-right: 15px}

div#main2 div#sidebar     {margin-left: 15px}




/* ----- Style for Ktai Entry ----- */
.photo_img {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo_img  {
	background:white;
	margin:4px 4px 4px 0;
	padding:3px;
	border:1px solid #c0c6c9;
}
.photo-end {
	clear:left;
}
/* ---------- */


