@charset "utf-8";
/*
Theme Name: Action
Theme URI: http://act.affai.com/
Description: 2nd Generation Theme for afainu.action, Based on Twenty Ten
Version: 2.0.1
Author: afainu
Author URI: http://act.affai.com/
*/

/* =Font
-------------------------------------------------------------- */
/*
Uses Yahoo UI Library Font CSS - Font Family is changed from original
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
/*
	Pixels	<->	Percent
	10		77
	11		85
	12		93
	13		100
	14		108
	15		116
	16		123.1
	17		131
	18		138.5
	19		146.5
	20		153.9
	21		161.6
	22		167
	23		174
	24		182
	25		189
	26		197
*/
/* Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
body {
	font:13px/1.231 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
/* Nudge down to get to 13px equivalent for these form elements */ 
select,
input,
button,
textarea {
	font:99% 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
pre[title]:before {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
/* To help tables remember to inherit */
table {
	font-size:inherit;
	font:100%;
}
/* Bump up IE to get to 13px equivalent for these fixed-width elements */
pre,
code,
kbd,
samp,
tt {
	font-family:Osaka, 'ＭＳ ゴシック', monospace;
	*font-size:108%;
	line-height:100%;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
/* Some parts uses serif fonts */
#site-title,
#site-generator,
.widget-title {
	font-family: Georgia, "Bitstream Charter", serif;
}


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =Global Elements
-------------------------------------------------------------- */

body {
	background-color: #f1f1f1;
}
body,
input,
textarea {
	color: #333;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin: 1px 5px 18px;
}
#wrapper {
	background-color: #fff;
	border-left: 5px solid #ddd;
	border-right: 5px solid #ddd;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	clear: both;
}
h1, h2, h3 {
	margin: 1em 0;
}

/* Text Elements */
p {
	margin-bottom: 1em;
}
ul {
	list-style: disc;
	margin: 0 0 1em 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 1em 1.5em;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 1.5em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1.5em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ins {
	background-color: #ffc;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
blockquote {
	background-color: #f2ffbf;
	margin: 1em;
	padding: 0.5em;
}
blockquote[title]:before {
	background-color: #e6ff80;
	content: "Quote: "attr(title);
	display: block;
	margin: -0.5em -0.5em 0.5em;
	padding: 0.2em;
}
blockquote[cite]:after {
	background-color: #e6ff80;
	content: "From "attr(cite);
	display: block;
	font-style: italic;
	margin: 0.5em -0.5em -0.5em;
	padding: 0.2em;
	text-align: right;
}
pre {
	background-color: #e9e9ff;
	margin: 1em;
	overflow: scroll;
	padding: 0.5em;
	width: 95%;
}
pre[title]:before {
	background-color: #c8c8ff;
	content: attr(title);
	display: block;
	margin: -0.5em -0.5em 0.5em;
	padding: 0.2em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
kbd {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 0 0.3em;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 2px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
	color: #1919b3;
}
a:visited {
	color: #7b7bff;
}
a:active,
a:hover {
	color: #8fb300;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Structure
-------------------------------------------------------------- */

/* Main structure */
#access,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 980px;
}
#container {
	float: left;
	margin: 0 -290px 0 0;
	width: 100%;
}
#content {
	margin: 0 310px 0 20px;
}
#sidebar {
	float: right;
	width: 270px;
}
#sidebar ul.xoxo {
	padding: 0 20px 0 0;
}
#main {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 0;
}
#footer {
	clear: both;
	width: 100%;
}


/* =Header
-------------------------------------------------------------- */

#header {
	background-color: #b32400;
	padding: 20px 0 0 0;
}
#site-title {
	float: left;
	font-size: 197%;
	font-style: italic;
	margin: 0 0 10px;
	width: 690px;
}
#site-title a {
	color: #f6f6f6;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
}
#site-title a:hover {
	color: #e6ff80;
}
#site-description {
	color: #c8c8ff;
	float: right;
	font-style: italic;
	margin: 12px 0 10px;
	width: 270px;
}
#branding img {
	clear: both;
	display: block;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background-color: #991f00;
}
div.menu ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #ffebe6;
	display: block;
	line-height: 3;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}
#access a:hover {
	background-color: #8fb300;
	color: #333;
}
#access li.current_page_item {
	background-color: #b32400;
}


/* =Content
-------------------------------------------------------------- */

#content {
	margin-bottom: 2em;
}
.entry-content,
.comment-body {
	overflow: hidden;
}
.entry-content p,
.entry-summary p,
.comment-body p {
	font-size: 108%;
}
.entry-content p,
.comment-body p {
	line-height: 1.8;
}
.entry-summary p {
	line-height: 1.4;
}
.entry-content li,
.entry-content dl,
.entry-content table,
.entry-content pre,
.entry-content blockquote p,
.comment-body blockquote p {
	font-size: 100%;
	line-height: 1.6;
}
.entry-content code,
.comment-body code,
.entry-content kbd {
	font-size: 100%;
}
.entry-content dt,
.entry-content th {
	color: #000;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #000;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
.entry-content h3 {
	font-size: 123.1%;
}
.entry-content h4 {
	font-size: 116%;
}
.entry-content h5 {
	font-size: 108%;
}
.entry-content h6 {
	font-size: 100%;
}
.entry-content table {
	background-color: #eee;
	border: 1px solid #333;
	margin: 1em;
	text-align: left;
}
.entry-content table th,
.entry-content table td {
	border: 1px dolid #333;
	padding: 1em;
}
.entry-content table th {
	background-color: #ddd;
	font-weight: bold;
	text-align: center;
}
.entry-content table caption {
	text-align: center;
	text-decoration: underline;
}
.entry-content .alignleft {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}
.entry-content .alignright {
	display: inline;
	float: left;
	margin: 0 0 1em 1em;
}
.entry-content .aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto 1em;
}

.hentry {
	margin: 0 0 4em;
}
.single .hentry {
	margin: 0 0 3em;
}

.page-title {
	color: #12127d;
	font-size: 167%;
	font-weight: bold;
}
.archive .page-title,
.page-template-archives-php .page-title,
.page-template-gallery-php .page-title {
	margin-bottom: 0.2em;
}
.page-title span {
	font-style: italic;
}
.archive-meta p {
	color: #666;
	background: transparent url(images/calculator.gif) left center no-repeat;
	padding: 2px 0 2px 18px;
}
.entry-title {
	border-bottom: 2px solid #8fb300;
	font-size: 138.5%;
	margin-bottom: 0;
}
.entry-title,
.entry-title a:link,
.entry-title a:visited {
	color: #1919b3;
	text-decoration: none;
}
.entry-title a:hover {
	color: #8fb300;
}
.entry-meta {
	padding-top: 0.3em;
}
.entry-utility {
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 0.3em;
	text-align: right;
}
.entry-meta,
.entry-meta a,
.entry-utility,
.entry-utility a {
	color: #666;
	text-decoration: none;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #8fb300;
	text-decoration: underline;
}
.entry-date {
	background: transparent url(images/date.gif) left center no-repeat;
	padding: 2px 0 2px 18px;
}
.page-template-archives-php .entry-date {
	background:transparent;
	padding: 0;
}
.cat-links {
	background: transparent url(images/folder.gif) left center no-repeat;
	padding: 2px 0 2px 18px;
}
.tag-links {
	background: transparent url(images/tag_green.gif) left center no-repeat;
	padding: 2px 0 2px 18px;
}
.comments-link {
	background: transparent url(images/comments.gif) left center no-repeat;
	padding: 2px 0 2px 18px;
}
.entry-content,
.entry-summary {
	margin-top: 1em;
}
.page-link a:link,
.page-link a:visited {
	color: #1919b3;
}
.page-link a:hover {
	color: #8fb300;
}
.page .edit-link {
	clear: both;
	display: block;
}

#related-posts-title {
	border-bottom: 1px solid #9191ff;
	font-size: 123.1%;
	margin-bottom: 0.5em;
}
#related-posts ul {
	line-height: 1.6;
	list-style: none;
}
#related-posts a:link,
#related-posts a:visited {
	text-decoration: none;
}
#related-posts a:hover {
	text-decoration: underline;
}

#all-posts li {
	line-height: 1.8;
	list-style-type: none;
}
#all-posts h3 {
	background: transparent url(images/book.gif) left center no-repeat;
	font-size: 116%;
	padding-left: 18px;
	margin: 0;
}
#all-posts h3.open {
	background-image: url(images/book_open.gif);
}
#all-posts ul {
	margin: 0.2em 0 0.5em 2em;
}
#all-posts ul a {
	text-decoration: none;
}
#all-posts ul a:hover {
	text-decoration: underline;
}
p.show-hide-all {
	font-size: 93%;
	text-align: center;
}
a.show-all,
a.hide-all {
	color: #666;
	text-decoration: none;
}
a.show-all:hover,
a.hide-all:hover {
	color: #8fb300;
	text-decoration: underline;
}

/* =Attachment pages
-------------------------------------------------------------- */

.single-attachment #content {
	margin: 0 auto;
	width: 940px;
}
.attachment .page-title a:link,
.attachment .page-title a:visited {
	text-decoration: none;
}
.attachment .entry-meta abbr {
	border-bottom: none;
	cursor: default;
}
.entry-content .attachment img {
	margin-bottom: 0;
}
.attachment .entry-content .entry-caption {
	font-size: 108%;
	margin-top: 1em;
}
.attachment .entry-content .nav-previous a:before {
	content: '\00ab\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\00bb';
}


/* =Images
-------------------------------------------------------------- */

.entry-content a img,
#random-images a img {
	border: 2px solid #cfcfcf;
}
.entry-content a img.amazon {
	border-color: #fff;
}
.entry-content a:hover img,
#random-images a:hover img {
	border-color: #8fb300;
}
.gallery {
	margin: auto;
	overflow: hidden;
}
.gallery .gallery-item {
	display: inline;
	float: left;
	height: 220px;
	margin: 0;
	text-align: center;
	width: 33%;
}
.gallery .gallery-icon {
	height: 156px;
}
.gallery .gallery-caption {
	color: #666;
	font-size: 100%;
	line-height: 1.231;
	margin: 0;
}
/* single attachment images should be centered */
#content .attachment img {
 	display: block;
	margin: 0 auto;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size: 100%;
	line-height: 2;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	text-decoration: none;
}
.nav-previous {
	float: left;
	text-align: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-page {
	font-size: 108%;
	text-align: center;
}
.nav-page .page-numbers {
	margin: 0 2px;
	padding: 2px 5px;
}
.nav-page .current {
	color: #991f00;
	font-weight: bold;
}
.nav-page a:link {
	color: #7b7bff;
}
.nav-page a:hover {
	color: #333;
	background-color: #8fb300;
}
#nav-above {
	display: none;
	margin: 0 0 1em 0;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
	clear: both;
	margin-top: 3em;
}
#comments .navigation {
	margin-bottom: 1em;
}
#comments-title,
#reply-title {
	border-bottom: 1px solid #9191ff;
	font-size: 123.1%;
	margin-bottom: 0.5em;
}
.commentlist {
	margin-bottom: 3em;
}
.commentlist li {
	border: 1px solid #cfcfcf;
	list-style-type: none;
	margin-bottom: 1em;
	margin-right: 0.5em;
	padding: 0.3em 0.3em 0.3em 56px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 0.3em;
	left: 0.3em;
}
.comment-author cite {
	font-size: 116%;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-size: 93%;
	font-style: italic;
}
.comment-meta,
.comment-meta a {
	color: #666;
	font-size: 93%;
	margin: 0.5em 0;
	text-decoration: none;
}
.reply a {
	color: #666;
	font-size: 100%;
	text-decoration: underline;
}
.comment-meta a:hover,
.reply a:hover {
	color: #8fb300;
	text-decoration: underline;
}
.commentlist .reply {
	font-size: 93%;
	margin-bottom: 1em;
}
.commentlist .bypostauthor {
	background-color: #f2ffbf;
}
.comments-list .pingback,
.comments-list .trackback {
	color: #666;
	background-color: #e9e9ff;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 2em 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes,
#respond .logged-in-as {
	margin-bottom: 1em;
}
#cancel-comment-reply-link {
	color: #666;
	font-size: 93%;
	font-weight: normal;
	padding: 1em;
}
#respond .required {
	color: #ff3300;
	font-weight: bold;
}
#respond label {
	color: #666;
	font-size: 93%;
}
#respond input,
#respond textarea {
	margin: 0 0 1em 2%;
	width: 95%;
}
#respond .form-submit input {
	width: auto;
}


/* =Sidebar (Widget Areas)
-------------------------------------------------------------- */

.widget-area {
	color: #666;
}
.widget-area ul {
	list-style: none;
	margin: 0;
}
.widget-area ul ul li {
	background: transparent url(images/bullet_green.gif) left center no-repeat;
	line-height: 1.4;
	padding: 2px 0 2px 18px;
}
.widget-area ul div {
	margin-left: 18px;
}
.widget-area p {
	line-height: 1.6;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:hover {
	text-decoration: underline;
}
.widget-title {
	color: #333;
	font-size: 123.1%;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.widget-container {
	margin: 0 0 2em;
}

.widget_search #s {
	width: 60%; /* This keeps the search inputs in line */
}
.widget_search label {
	display: none;
}

#tag-cloud a:link,
#tag-cloud a:visited {
	color: #666;
	line-height: 1.1;
}
#tag-cloud a:hover {
	color: #8fb300;
}

.widget-area li.recentcomments {
	height: 36px;
	overflow: hidden;
	padding-left: 56px;
	position: relative;
}
.widget-area li.recentcomments .avatar {
	position: absolute;
	top: 2px;
	left: 18px;
}

#random-images li {
	background: transparent;
}

#feed-links li {
	background: transparent url(images/feed.gif) left center no-repeat;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	background-color: #b32400;
	padding: 10px 0;
}
#colophon {
	color: #f6f6f6;
	font-size: 93%;
	overflow: hidden;
}
#site-info {
	float: left;
	font-style: italic;
	text-align: center;
	width: 690px;
}
#site-info a {
	color: #f6f6f6;
	text-decoration: none;
}
#site-generator {
	float: right;
	font-style: italic;
	text-align: center;
	width: 270px;
}
#site-generator a {
	color: #f6f6f6;
	background: url(images/wordpress.png) center left no-repeat;
	display: inline-block;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
/* Hide smiley by WordPress.com Stats */
img#wpstats {
	display: none;
}

/* Japanese Characters for Encode (UTF-8) Detection : 日本語 */