/*
Theme Name: K'sGraphic No.002 Theme
Theme URI: http://www.tensi.net/
Description: This is my k002 theme.
Author: Kero Kaki
*/

/* コンテナ　*/
div#container  {width: 760px;
               margin: auto}

/* ヘッダー　*/
div#header     {background-image: url(header.jpg);
               background-color: #a8d1ff;
               padding-top: 20px;
               padding-bottom: 118px}

div#header h1   {font-size: 1.875em; margin: 0 20px}

div#header h1 a	{text-decoration: none;color: #ffffff}

div#header p    {font-size: 0.75em;color: #ffffff; margin: 8px 20px 0}

/* 独立ページのメニュー　*/
ul#pagemenu     {list-style-type: none;
                margin: 0;
                padding: 0}

ul#pagemenu li  {display: inline;
                padding-right: 10px}

ul#pagemenu li a   {font-size: 0.75em;
               color: #2b76cc;
               text-decoration: none}

/* メイン　*/
div#main        {width: 590px;
                float: left}

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

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

/* 記事　*/
div.post       {border: solid 1px #2b76cc;
               padding: 18px;
               margin: 20px auto}

div.post h2    {background-image: url(mark.png);
               background-repeat: no-repeat;
               font-size: 0.875em;
               border-bottom: solid 1px #8cc63f;
               padding-left: 22px;
               padding-bottom: 5px;
               margin: 0}

div.post h2 a  {text-decoration: none;
               color: #000000}

div.post p     {font-size: 0.75em;
               line-height: 1.6;
               margin-top: 10px}

p.postinfo     {color: #2b76cc;
               text-align: right;
               margin: 20px 0 0;
               clear: both}

p.postinfo a   {color: #2b76cc}

/* 記事内の画像　*/
.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: 0.75em;
               color: #2b76cc}

span.pageprev  {float: left}

span.pagenext  {float: right}

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

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

div#sidebar h2, div#sidebar2 h2
                {background-image: url(menubar-small.png);
                background-repeat: no-repeat;
                font-size: 0.75em;
                color: white;
                padding: 6px 8px;
                margin: 0}
div#sidebar li, div#sidebar2 li
                {font-size: 0.75em;
                list-style-type: none;
                margin-bottom: 4px;
                background-image: url(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: 1em;
               background-image: url(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: 0.75em}

#wp-calendar a  {color: #cf8eb3}

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

#wp-calendar caption
               {background-image: url(menubar-small.png);
               background-repeat: no-repeat;
               color: white;
               padding: 6px 8px;
               text-align: left}

#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: 0.75em;
               font-family: Verdana, Helvetica, sans-serif;
               border: solid 1px #a6246d;
               padding: 5px;
               margin: 25px 0}

p.feed a       {color: #444444;
               text-decoration: none}

p.feed img     {vertical-align: middle;
               margin-right: 8px}

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

/* フッター　*/
div#footer     {border-top:  solid 3px #2b76cc;
               clear: both}

address        {font-size:  0.75em;
               font-style:  normal;
               font-family: Verdana, sans-serif}

address a      {color:  #000000}

/* 2段組み用の設定　*/
div#main2 div#content       {width: 590px}

/* 1段組み用の設定　*/
div#main1 div#content       {width: 760px}

div#main1 div.post   {padding-left: 140px;
                     padding-right: 140px}
