/*
Theme Name: Sample Theme
Theme URL:http://www.keropen.com/
Description: This is my samle theme.
*/

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


/*　ヘッダー　*/

div#header{
background-image:url(header.jpg);
background-color: #a8d1ff;
padding-top: 38px;
padding-bottom: 100px;
height:62px;
}

div#header h1{
font-size: 1.75em;
margin: 0 60px;
}

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

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

/*独立ページのメニュー*/
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#content{
width:515px;
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;
}

/*コンテンツ1*/
div#content1{
width:760px;
float:right;
margin-bottom: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;
}

div.post li{
font-size:0.75em;
}

/*記事内の画像*/
.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 #aaa;
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;
}

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

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

textarea{
width:400px;
}

div#com h3{
font-size:0.875em;
border-bottom:solid 1px #2b76cc;
padding-bottom:3px;
margin-top:20px;
}

div#com p{
font-size:0.75em;
}

div.compost{
border-bottom:dotted 1px #2b76cc;
}

p.cominfo{
text-align:right;
}

div#com a{
color:#2b76cc;
}

p#comfeed img{
vertical-align:middle;
}

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

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

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

/*トラックバック*/
div#tr{
border:solid 1px #2b76cc;
padding:0 18px;
margin-top:45px;
}

div#tr h3{
font-size:0.875em;
border-bottom:solid 1px #2b76cc;
padding-bottom:3px;
margin-top:20px;
}

div#tr p{
font-size:0.75em;
}

div#tr a{
color:#2b76cc;
}

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

div#sidebar h2{
background-image:url(menubar.png);
background-repeat:no-repeat;
font-size:0.75em;
color:white;
padding:6px 8px;
margin:0;
}

div#sidebar 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{
color:#000;
text-decoration:none;
}

div#sidebar ul{
margin:8px 8px 20px;
padding:0;
}

/*カレンダー*/
#wp-calendar{
width:100%;
margin-bottom:20px;
font-size:0.75em;
}
#wp-calendar a{
color:#2b76cc;
}
#wp-calendar td,#wp-calendar th{
text-align:center;
}
#wp-calendar caption{
background-image:url(menubar.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-left:3px;
}

/*フィード*/
p.feed{
font-size:0.75em;
font-family:Verdana,Helevetica,san-serif;
border:solid 1px #8cc63f;
padding:5px;
margin:25px 0
}

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

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


/*フッター*/

div#footer{
border-top:solid 3px #2b76cc;
clear: both;
}
address{
font-size:0.75em;
font-style:normal;
font-family:Verdana,sans-serif;
padding-top:6px;
}
address a{
color:#000;
}