/*
Theme Name: Akira Kataoka
Theme URI: http://akirakataoka.com/
Description: theme for akirakataoka.com.
Version: 1.0
Author: Akira Kataoka Archive Project
Author URI: http://akirakataoka.com/
Tags: custom header, fixed width, two columns, widgets
*/
/*
based on "Empty Canvas v1.0" by Adrian Diaconescu
http://rubiqube.com/free-wordpress-theme-empty-canvas/
*/

/* body */
body, div {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

/* �S�̃��C�A�E�g */
body {
	font-family: sans-serif;
	font-size: 87%;
	line-height: 1.6em;
	color: #333;
}
html, body {
	height: 100% ;
}
#body, #sidebar {
	height: auto;
	min-height: 100%;
}
div#body {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
div.text {
	width: 510px; /* 800-290 */
	margin-left: 290px;
}

/* �T�C�h���� */
div#sidebar {
	position: absolute;
	width: 230px;
	top: 0px;
	left: 0px;
	background: #d70d55;
}
img#silhouette {
	position: absolute;
	width: 230px;
	bottom: 0px;
	right: -15px;
	z-index: 1;
}
div#sidebar-inner {
	position: relative;
	width: 200px;
	padding: 15px 30px 0px 15px;
	z-index: 2;
}
#alpha-logo {
	margin-bottom: 10px;
}
div#sidebar-inner ul {
	margin: 0;
}
div#sidebar-inner ul li {
	margin: 0 0 0 1.5em;
}
div#sidebar-inner h2, div#sidebar-inner h3 {
	color: #FFE000;
	font-size: medium;
	margin: 0.5em 0 0 0;
}
div#sidebar-inner           { color:#fff }
div#sidebar-inner a:link    { color:#cff }
div#sidebar-inner a:visited { color:#fcf }
div#sidebar-inner a:hover   { color:#FFE000 }
div#sidebar-inner .profile {
	font-size: small;
	line-height: 120%;
}
div#sidebar-inner .profile img {
	float: left;
}

/* �w�b�_ */
div#header {
	position: relative;
	text-align: right;
	margin: 0 0 10px 230px;
	padding-top: 10px;
	width: 570px;
	height: 70px;
}
ul.menubar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
	font-weight: bold;
	font-family: "���C���I",Meiryo,sans-serif;
}
ul.menubar li {
	float: left;
	margin: 0 0 0 9px;
	padding: 0;
}
ul.menubar a {
	padding: 2px 5px 2px 5px; 
	text-decoration: none;
	background: #FFE000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
ul.menubar a:hover {
	background: #FFE000;
	text-decoration: underline;
}
.floatend {
	clear: both;
}

/* top-content */
div#top-content {
	position:relative;
	background: url(images/top-image.png);
	width: 800px;
	height: 475px;
	overflow: hidden;
}
div#top-content h1{
	position: absolute;
	font-size: medium;
	bottom: 1.6em;
	margin: 0;
	padding: 20px 0 5px 291px; /* 475 = 262 + 20 + 175 + 18 */
	background: url(images/bg-black-40.png);
}
div#top-content-links {
	position: absolute;
	font-size: medium;
	bottom: 0px;
	height: 1.6em;
	margin: 0;
	padding: 0 0 0 291px;
	background: url(images/bg-black-40.png);
	font-weight: bold;
}
div#top-content-links a {
	color: #fff;
}

/* footer */
div#footer {
	border-top: #E0DED8 1px solid;
	margin-top: 0.5em;
	padding-top: 0.2em;
	color: #333;
	font-size: x-small;
	line-height: 120%;
}



/* �{���p */
div.enclosed {
	background: #B6BF00;
	padding: 1px 15px;
	border-top: 1px solid #acd679;
}

/* HTML�^�O */
a:link    { color:#2200CC }
a:visited { color:#551A8B }
a:hover   { color:#0044ff }
h1, h2, h3, h4, h5, h6, h7 {
	color: #69923A;
	margin: 1.2em 0 0.2em 0;
	line-height: 120%;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link
, h6 a:link, h7 a:link
, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited
, h5 a:visited, h6 a:visited, h7 a:visited {
	color: #69923A;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
, h5 a:hover, h6 a:hover, h7 a:hover {
	color: #B6BF00;
}
h1, h2 {
	font-size: x-large;
}
ol, ul {
	margin: 0.3em 0;
	padding: 0;
}
ul {
	list-style: url(images/marker.png);
}
li {
	margin: 0 0 0 1.5em;
	padding: 0;
}
div.images-left, div.images-right, div.images {
	font-size: 78%;
	line-height: 110%;
	text-align: center;
}
div.images-left {
	float: left;
	margin: 0 10px 0 0;
}
div.images-right {
	float: right;
	margin: 0 0 0 10px;
}
p {
	margin: 0.2em 0 0.8em 0;
}
.inline-logo {
	font-size: 200%;
	line-height: 120%;
	font-weight: bold;
}
.inline-logo2 {
	font-size: 150%;
	line-height: 120%;
	font-weight: bold;
}

/* �u���O�I�p�[�c */
#searchform .screen-reader-text {
	display: none;
}
#searchform input#s {
	width: 130px;
}
#comments h2, #respond h2 {
	font-size: medium;
}
/* meta infomation line */
.post-meta {
	font-size: small;
}
/* social tool link line */
.post-social {
	text-align: right;
}
.post-social div.topsy_widget_shortcode ,
.post-social div.topsy_widget_shortcode div, 
.post-social div.topsy_widget_shortcode a {
	display: inline;
	float: none;
}

/* image aligns */
.post-content img.alignnone {
	border: 1px solid #EFEFEF;
	padding: 4px;
}
.post-content img.alignleft {
	float: left;
	margin: 0 25px 15px 0;
}
.post-content img.alignright {
	float: right;
	margin: 0 0 15px 25px;
}

/* history */
.history td {
	vertical-align: top;
	padding: 0.2em 0;
}
.history td:first-child {
	padding-right: 1em;
}