@charset "utf-8";
/*********

Theme Name: Celestial
Description: "Celestial" The WordPress Theme for Hitenroku.
Version: 1.0
Author: Carmine*

*********/

/* デフォルトスタイルのリセット */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

textarea { font-size: 100%; }
img { vertical-align: bottom; }

/* ----------------------------------------------- */

* {
	font-size: 12px;
	font-family:"Trebuchet MS", Helvetica,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif

}

body {
	color: #606060;
	background-color: white;
}

hr {
	border-bottom-color: #cccccc;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-width: 1px;
}

a {
	text-decoration: none;
	color: #7d3d3d;
}

a:hover {
	border-bottom-style: solid;
	border-bottom-color: #b95c5c;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #b95c5c;
}


#page {
	width:700px;
	margin:0 auto;	
}


/* ヘッダーナビゲーション */

#header {text-align: right;}

#header a:hover {border-bottom-style: none;}

#headmenu ul {
	margin: 0;
	padding: 0 10px;
	width: 500px;
	height: 40px;
	float: left;
}

#headmenu li{
	list-style:none;
	display: block;
	margin: 0;
	width: 100px;
	float: left;
}

#headmenu a{
	display: block;
	text-decoration: none;
	color: black;
	height: 40px;
	background: url(images/wp_menu.png) no-repeat;
}

#headmenu li#nav-home a		{background-position: 0px 0;}
#headmenu li#nav-about a	{background-position: -100px 0;}
#headmenu li#nav-works a	{background-position: -200px 0;}
#headmenu li#nav-blog a		{background-position: -300px 0;}
#headmenu li#nav-link a		{background-position: -400px 0;}

#headmenu li#nav-home a:hover		{background-position: 0px -40px;}
#headmenu li#nav-about a:hover	{background-position: -100px -40px;}
#headmenu li#nav-works a:hover	{background-position: -200px -40px;}
#headmenu li#nav-blog a:hover		{background-position: -300px -40px;}
#headmenu li#nav-link a:hover		{background-position: -400px -40px;}

#headmenu input{
	font-size: 12px;
	width: 120px;
	background-color: white;
	bottom: 20px;
	position: relative;
	border-left-width: 0;
	border-bottom-width: 1px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-color: #cccccc;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none; 
}

/* メインコンテンツ部 */
#content{
	width: 500px;
	float: left;
	margin: 20px 0 40px 0;
	padding-right: 20px;
}

#content h2{
	font-size: 16px;
	font-weight: bold;
}

#content h2 a{
	font-size: 16px;
	font-weight: bold;
}

#content h3,h4{
	font-weight: bold;
}

.postmetadata{
	text-align: right;
}


#sidebar{
	width: 180px;
	float: right;
	margin: 20px 0 40px 0;
}

/* フッター */
#footer {
	width: 700px;
	clear: both;
}

#footer hr{
	margin: 0 0 40px 0;
}

#footer p{
	font-size: 10px;
	text-align: center;
	
}

#footer a{
	font-size: 10px;
	text-align: center;
	
}

.hidden {
	visibility: hidden; 
}

.clear {
	clear:left;
}

p {
	margin-bottom: 1.5em;
}

.entry {
	margin-bottom: 20px;
	margin-top: 20px;
}