/*
Theme Name: aoitai Theme
Theme URI: http//www.www.www/
Description: This is my aoitai theme.
Author: aoitai
Author URL: http://aoitai.net
*/


/*//////////////////// コンテナ ////////////////////*/
div#container  {width: 810px;
        background-image: url(imgs/container_back.jpg);
        background-repeat: repeat-y;
        margin: 0px auto;
	position: relative;}

/*//////////////////// ヘッダー ////////////////////*/
div#header	{background-image: url(imgs/header_blog.jpg);
                 height: 50px;
	         width: 800px;
                 position: relative;
                 margin-left: 5px}

div#header h1   {
	margin: 0px;
	position: absolute;
	left: 63px;
	top: 0px;
	text-indent: -9999px;
	width: 117px;
	height: 27px;
	display: block;
	text-decoration: none;
}

div#header p    {
        margin: 0px;
	position: absolute;
	left: 55px;
	top: 32px;}

div#header .img {
	position: absolute;
	left: 5px;
	top: 1px;
	vertical-align: bottom;
}

#header ul {
	margin: 0px;
	list-style: none;
}

#header li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 14px;
	width: 70px;
	top: 33px;
	font-weight: 900;
}

#header li.top {
	left: 232px;
	border-right: 1px dotted #FFFFFF;
	}
#header li.blog {
	left: 303px;
	border-right: 1px dotted #FFFFFF;
	}
#header li.music { 
	left: 374px;
	border-right: 1px dotted #FFFFFF;
		}
#header li.photo {
	left: 445px;
	border-right: 1px dotted #FFFFFF;
		}
#header li.movie {
	left: 516px;
	border-right: 1px dotted #FFFFFF;
		}
#header li.review {
	left: 587px;
	border-right: 1px dotted #FFFFFF;
		}
#header li.link {
	left: 658px;
	border-right: 1px dotted #FFFFFF;
	}
#header li.message {
	left: 729px;
	}
	
	
#header li a {
	text-decoration : none;
	display: block;
	height: 14px;
	text-align: center;
	line-height: 14px;
	color: #FFFFFF;
}

/*//////////////////// メイン ////////////////////*/
div#main        {width: 620px;
                 float: left;
                 margin-left: 15px}


/*//////////////////// コンテンツ ////////////////////*/
div#content     {width: 460px;
                 float: right;
                 margin-bottom: 20px}

p#pagetitle      {font-size: 1.33em;
                  font-weight: bold;
                  color: #89c3eb;
                  border: dotted 1px #89c3eb;
                  text-align: center;
                  padding: 10px 0;
                  margin-top: 20px}

/* 記事 */
div.post         {border: solid 1px #89c3eb;
                 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 #99ab4e;
                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: #89c3eb;
                text-align: right;
                margin: 20px 0 0;
                clear: both}

p.postinfo a   {color: #89c3eb}

/* 記事内の画像 */
.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: #89c3eb}

span.pageprev  {float: left}

span.pagenext  {float: right}

/* コメント */
#comments       {clear: both}

div#com         {border: solid 1px #89c3eb;
                 padding: 0 18px;
                 margin-top: 45px}

textarea        {width: 360px}

div#com h3      {font-size: 1.33em;
                 border-bottom:solid 1px #89c3eb;
                 padding-bottom: 3px;
                 margin-top: 20px}

div#com p       {font-size: 1.33em}

div.compost     {border-bottom: dotted 1px #89c3eb}

p.cominfo       {text-align: right}

div#com a       {color: #89c3eb}

p#comfeed img   {vertical-align: -14%}

P#comfeed a     {color: black;
                 text-decoration: none}

p#comfeed       {background-color: #89c3eb;
                 padding: 8px;
                 margin-top: 30px}

p#trurl         {background-color: #89c3eb;
                 padding: 8px;
                 margin-bottom: 30px}


/*//////////////////// サイドバー ////////////////////*/
div#sidebar    {width: 150px;
                float: left;
                margin-top: 20px;
                margin-bottom: 20px
                }

div#sidebar2   {width: 150px;
                float: right;
                margin-top: 20px;
                margin-bottom: 20px;
                margin-right: 15px}

div#sidebar h2 
               {background-image: url(imgs/menubar_side1.jpg);
                background-repeat: no-repeat;
                font-size: 1.33em;
                color: white;
                padding: 6px 8px;
                margin: 0}


div#sidebar2 h2 
               {background-image: url(imgs/menubar_side2.jpg);
                background-repeat: no-repeat;
                font-size: 1.33em;
                color: white;
                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: #89c3eb}

#wp-calendar td, #wp-calendar th {text-align: center}

#wp-calendar caption
               {background-image: url(imgs/menubar_cal.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 #99ab4e;
                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: #89c3eb}

/* 検索フォーム */
input#s        {width: 144px;
                margin-top: 5px;
                margin-bottom: 5px}

/*//////////////////// フッター ////////////////////*/

div#footer     {
        background: url(imgs/footer.jpg);
	width: 800px;
	height: 30px;
	position: relative;
        margin-left: 5px}

address        {font-size: 1em;
                font-style: normal;
                font-family: Verdana, sans-serif;
                /*padding-top: 6px*/
        top: 15px;
	left: 260px;
	color: #FFFFFF;
	position: absolute;
}

address a      {color: #FFFFFF}



#footer ul {
	margin: 0px;
	list-style: none;
}

#footer li {
	position: absolute;
	width: 90px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	vertical-align: middle;
	font-size: 10px;
}


#footer li.top {
	top: 2px;
	left: 30px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.blog {
	top: 2px;
	left: 121px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.music {
	top: 2px;
	left: 212px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.photo {
	top: 2px;
	left: 303px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.movie {
	top: 2px;
	left: 394px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.review {
	top: 2px;
	left: 485px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.link {
	top: 2px;
	left: 576px;
	border-right: 1px dotted #FFFFFF;
}

#footer li.message {
	top: 2px;
	left: 667px;
}

#footer li a {
	text-decoration : none;
	display: block;
	height: 14px;
	text-align: center;
	line-height: 14px;
	color: #FFFFFF;
}





/* 2段組み用の設定 */
div#main2 div#content     {width: 620px;
                           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;
}
/* ---------- */