@charset "UTF-8";
/*
Theme Name: hmdx
Theme URI: http://www.hmdx.com/
Description: hmdx.com original WordPress theme
Version: 20090409
Author: H.M.
Tags: 
*/

body {
  margin: 0px;  padding: 0px;
	text-align: center;
	font-size: 90%;
	font-family: sans-serif;
	line-height: 1.5;
	color: rgb( 55, 35,  0);
	background: url(images/bg-body.jpg) top left;
}
a:link    { color: rgb(  0,105,190); }
a:visited { color: rgb( 80, 99,115); }
a:active  { color: rgb(230,100,  0); }
a:hover,
a:focus   { color: rgb( 39,143,227); }

address,cite,em { font-style: normal; }
em { font-weight: bold; }
a img { border: none; }

/* ラッパー */
div#rap {
	position: relative;
	width : 760px;
	margin: 0px auto;
	padding: 60px 0px 1px 0px;
	text-align: left;
	background: rgb(255,255,255);
}
html > body #rap {
	background: url(images/bg-rap-760px.png) repeat-y right top;
}

/* ヘッダー */
h1#header {
	position: relative;
	margin: 0px 28px 0em 35px;
	line-height: 1;
	border-bottom: 2px dotted rgb(153,153,153);
	height: 150px;
}
#header a {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 360px;
	height: 18px;
	overflow: hidden;
	text-indent: -999px;
	background-image: url(images/h1.gif);
	background-repeat: no-repeat;
}
#header a:link,
#header a:visited  { background-position: 0px 0px; }
#header a:hover,
#header a:focus    { background-position: 0px -18px; }

/* 記事 */
div#content {
	height: 33em;
	margin: 35px 221px 1em 35px;
	padding: 0px;
}
html > body #content {
	height: auto;
	min-height: 33em;
}

#content h2 {
	display: inline;
	margin: 0em;
	padding: 0em 0.5em;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 0.3em;
	line-height: 1.1;
	background: rgb(240,240,240);
}
div.post {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid rgb(230,230,230);
}
.post p {
	line-height: 1.6;
	letter-spacing: 0.15em;
}
h3.storytitle {
	font-size: 130%;
	margin: 0.3em 0em;
	padding: 0px;
	line-height: 1;
}
.storytitle a:link,
.storytitle a:visited  { text-decoration: none; }
.storytitle a:hover,
.storytitle a:focus    { /*background: rgb(245,250,255);*/ }

div.meta {
	font-size: 80%;
}
div.feedback {
	text-align: right;
	margin: 0px 5px;
}

/* コメント欄 */
textarea#comment {
	width: 500px;
}

/* メニュー */
div#menu {
	position: absolute;
	top: 120px;  right: 28px;
	width: 162px;
}
#menu ul {
	list-style-type: none;
	margin: 0px;  padding: 0px;
}
#menu li {
	letter-spacing: 0.3em;
	color: rgb( 95, 85, 50);
}
#menu li li {
	letter-spacing: 0em;
}
#menu li ul {
	margin-top: 0.3em;
}
li.widget {
	margin-bottom: 2em;
}
li.widget_categories {
	margin-top: 50px; 
}
li.widget_categories ul {
	width: 162px;
	border-top: solid 1px rgb(230,230,230);
}
li.cat-item {
	border-bottom: solid 1px rgb(230,230,230);
}
.cat-item a {
	display: block;
	width: 139px;
	padding: 0.1em 0px 0.1em 23px;
	background: url(images/arrow-rect.gif) no-repeat 5px 0.5em;
}

li.widget_recent_entries li {
	margin-bottom: 1em;
	padding-left: 10px;
	font-size: 80%;  line-height: 1.3;
	background: url(images/arrow-small.gif) no-repeat 0em 0.3em;
}

input#s {
	width: 140px;
	margin-bottom: 2px;
	padding: 2px;
	border-top: solid 2px rgb(200,200,200);
	border-left: solid 2px rgb(200,200,200);
	border-right: solid 1px rgb(230,230,230);
	border-bottom: solid 1px rgb(230,230,230);
	background: transparent;
}
input#searchsubmit {
	width: 4em;
	height: 1.9em;
	font-size: 80%;
	color: rgb(255,255,255);
	background: rgb(102,102,102);
	border-right: solid 1px rgb( 30, 30, 30);
	border-bottom: solid 1px rgb( 30, 30, 30);
	border-top: solid 1px rgb(200,200,200);
	border-left: solid 1px rgb(200,200,200);
	cursor: pointer;
}

div#feed span {
	padding-left: 21px;
	letter-spacing: 0.3em;
	color: rgb( 95, 85, 50);
	background: url(images/feed-icon.gif) no-repeat 1px 0px;
}
ul#feed-menu {
	margin: 3px 7px;
}
#feed-menu li {
	float: left;
	margin: 0px 2px 2px 0px;
	font-size: 80%;
	letter-spacing: 0em;
	white-space: nowrap;
	border: solid 1px rgb(180,180,180);
}
#feed-menu li a {
	display: block;
	padding: 0em 0.5em; 
}
.cat-item a:link, .cat-item a:visited,
#feed-menu li a:link, #feed-menu li a:visited {
	text-decoration: none;
}
.cat-item a:hover, .cat-item a:focus,
#feed-menu li a:hover, #feed-menu li a:focus  {
	color: rgb( 27,138,217);
	background-color: rgb(250,252,255);
}

/* ナビ */
div#navi-current {
	position: absolute;
	top: 0px;  left: 35px;
	width: 697px;
	margin: 0px;
	padding-top: 21px;
	background: url(images/site-header-line.jpg) no-repeat right top;
}
a#navi-sitetop img,
span.navi-section img { vertical-align: -2px; }
span.navi-section img { margin: 0px 10px; }

ul#navi-menu {
	position: absolute;
	top: 29px;  right: 28px;
	list-style-type: none;
	margin: 0px;  padding: 0px;
	border-left: 1px solid rgb(153,153,153);
	line-height: 1;
	text-align: right;
}
#navi-menu li {
	display: inline;
	padding: 0 0.5em;
	border-right: 1px solid rgb(153,153,153);
}
#navi-menu li a { text-decoration: none; }

/* フッター */
p.credit {
	position: relative;
	margin: 6em 221px 2em 35px;
	font-size: 80%;
	text-align: left;
	color: rgb( 95, 85, 50);
}
.credit a {	text-decoration: none; }
.credit strong { font-weight: normal; }