/*
Theme Name: Official Blog
Theme URI: http://incloop.com/
Description: <a href="http://incloop.com/">IncLoop</a>が作成したテーマ
Version: 1.0
Author: Shozo Karasawa
Author URI: http://incloop.com/
Tags: orange
*/

body {
margin: 0;
padding: 0;
text-align: center;
}

#container {
width: 800px;
border-left: solid 1px #aaaaaa;
border-right: solid 1px #aaaaaa;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#main, #footer {
margin:0 15px;
}

#content {
width: 600px;
float: left;
font-size: 0.75em;
color: #666666;
}

#sidebar{
width: 140px;
float: right;
margin-left: 30px;
}

#footer {
clear: both;
}

a {
color: #3366aa;
}

/* ++++++ ヘッダー部分のデザイン ++++++ */

#header {
margin: 0;
height: 120px;
background-image: url(images/top.gif);
margin-bottom: 20px;
}

#header h1 {
position: relative;
top: 60px;
left: 20px;
font-size: 1.2em;
}

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

#header p {
position: relative;
top: 50px;
left: 30px;
width: 700px;
font-size: 0.75em;
color: #ffffff;
}

/* ++++++ コンテンツ部分のデザイン ++++++ */
.update {
text-align: right;
border-bottom: dotted 1px #cccccc;
margin: 3px 0 0 0;
padding: 0;
}

.post h2 {
font-size: 1.3em;
color:#3366aa;
border-bottom: solid 2px #538ad8;
background-image: url(images/mark.gif);
background-repeat: no-repeat;
padding: 5px 0 0 0;
margin: 0;
}

.post h2 a {
text-decoration: none;
}

.post p {
line-height: 150%;
}

.post ul {

}

.post {
margin-bottom: 40px;
}

.pagenav {
font-size: 0.75em;
}

/* ++++++ サイドバー部分のデザイン ++++++ */
#sidebar {
font-size: 0.75em;
}

#sidebar ul {
color:#66aaff;
list-style-type: disc;
margin: 3px 0 20px 20px;
padding: 0;
}

#sidebar ul ul {
color: #88ccff;
margin-bottom: 3px;
}

#sidebar h2 {
font-size: 1em;
background-color: #538ad8;
color: #ffffff;
text-align: center;
margin: 0;
padding: 6px 0;
}

/* カレンダー */
#calendar table {
width: 100%;
text-align: center;
color: #000000;
border-collapse: collapse;
margin-bottom: 20px;
}

#calendar th, #calendar td {
padding: 5px 0;
border: solid 1px #538ad8;
}

#calendar a {
text-decoration: none;
color: #3366aa;
}

#calendar caption {
padding: 3px 0;
}

#calendar tfoot td {
border: none;
}

#calendar tfoot td#prev {
text-align: left;
}

#calendar tfoot td#next {
text-align: right;
}

/* ++++++ コメント部分のデザイン ++++++ */
#comments h3 {
font-size: 0.75em;
border-bottom: solid 2px #538ad8;
padding-bottom: 5px;
}

.com {
font-size: 0.75em;
border-bottom: dotted 2px #88ccff;
padding-bottom: 8px;
margin-bottom: 12px;
}

.com p {
margin: 5px 0;
}

.commeta {
color: #888888;
text-align: right;
}

#tb {
font-size: 0.75em;
border: solid 1px #88ccff;
padding: 8px;
line-height: 150%;
}

#commentform {
font-size: 0.75em;
}

/* ++++++ フッター部分のデザイン ++++++ */
#footer address {
font-size: 0.75em;
font-style: normal;
text-align: center;
color: #ffffff;
background-color: #999999;
padding: 3px 0 6px;
}