@charset utf-8;
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* Begin Typography & Colors */
body { color: #333; font-size: 62.5%; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; background: #d5d6d7 url(../../../images/kubrickbgcolor.jpg); text-align: center }
#page { background-color: white; text-align: left; border: solid 1px #959596 }
#header    { background-color: #e60012; background-repeat: no-repeat; background-attachment: scroll; background-position: left center }
#headerimg   { background-image: url(../../../img/headerlogo.png); background-position: left center; list-style-image: none; margin: 7px 9px 0; width: 740px; height: 192px }
#headerimg-faq    { background-image: url(../../../img/headerlogo-faq.png); background-position: center; list-style-image: none; margin: 7px 9px 0; width: 555px; height: 105px }
#content { font-size: 1.2em }
.widecolumn .entry p { font-size: 1.05em }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em }
.narrowcolumn li  { margin-top: 5px }
.widecolumn { line-height: 1.6em }
.narrowcolumn .postmetadata { text-align: center }
.thread-alt { background-color: #f8f8f8 }
.thread-even { background-color: white }
.depth-1 { border: solid 1px #ddd }
.even, .alt { border-left: 1px solid #ddd }
#footer { background: #e7e7e7 url(../../../images/kubrickfooter.jpg) no-repeat 50% top; border: none }
small { font-size: 0.9em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.5em }
h1, h2, h3 { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; font-weight: bold }
h1 { font-size: 4em; text-align: center }
#headerimg .description { font-size: 1.2em; text-align: center }
h2 { font-size: 1.6em }
h2.pagetitle { font-size: 1.6em }
#sidebar h2 { font-size: 1.2em; font-family: "Lucida Grande", Verdana, Sans-Serif }
h3 { font-size: 1.3em }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { color: white; text-decoration: none }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333 }
h2, h3, #sidebar h2, #wp-calendar caption, cite  { text-decoration: none }
h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited { text-decoration: underline }
.entry p a:visited { color: #b85b5a }
.sticky { background: #f7f7f7; padding: 0 10px 10px }
.sticky h2 { padding-top: 10px }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em "Lucida Grande", Verdana, Arial, Sans-Serif }
.commentlist li ul li { font-size: 1em }
.commentlist li { font-weight: bold }
.commentlist li .avatar { background: #fff; padding: 2px; float: left; border: solid 1px #eee }
.commentlist cite, .commentlist cite a  { font-size: 1.2em; font-style: normal; font-weight: normal; padding-left: 0.5em }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none }
#commentform p { font-family: "Lucida Grande", Verdana, Arial, Sans-Serif }
.commentmetadata { font-weight: normal }
#sidebar { font: 1em "Lucida Grande", Verdana, Arial, Sans-Serif }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777 }
code { font: 1.1em "Courier New", Courier, Fixed }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: 0.07em }
a, h2 a:hover, h3 a:hover  { color: #06c; text-decoration: underline }
a:hover { color: #147; text-decoration: underline }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt }
#wp-calendar a { text-decoration: none }
#wp-calendar caption { font: bold 1.3em "Lucida Grande", Verdana, Arial, Sans-Serif; text-align: center }
#wp-calendar th { font-style: normal; text-transform: capitalize }
/* End Typography & Colors */
/* Begin Structure */
body { margin: 0 0 20px; padding: 0 }
#page  { background-color: white; margin: 20px auto; padding: 0; width: 760px; border: solid 1px #959596 }
#header  { background-color: #e60012; margin: 0 0 0 1px; padding: 0; width: 758px; height: 200px }
#headerimg { margin: 0; width: 100%; height: 200px }
.narrowcolumn { margin: 0 0 0; padding: 0 0 20px 45px; width: 450px; float: left }
.widecolumn  { margin: 5px 0 0 50px; padding: 10px 0 20px; width: 600px }
.post { margin: 0 0 40px }
.post hr { display: block }
.widecolumn .post { margin: 0 }
.narrowcolumn .postmetadata { padding-top: 5px }
.widecolumn .postmetadata  { margin: 30px 0 }
.widecolumn .smallattachment { text-align: center; margin: 5px 5px 5px 0; width: 128px; float: left }
.widecolumn .attachment { text-align: center; margin: 5px 0 }
.postmetadata { clear: both }
.clear { clear: both }
#footer { margin: 0 auto; padding: 0; width: 760px; clear: both }
#footer p { text-align: center; margin: 0; padding: 15px 0 }
/* End Structure */
/*	Begin Headers */
h1 { margin: 0; padding-top: 70px }
h2 { margin: 30px 0 0 }
h2.pagetitle { text-align: center; margin-top: 30px }
h2.goiken { color: #36c; font-weight: bold; background-color: #9cc; margin: 30px 0 }
#sidebar h2 { margin: 5px 0 0; padding: 0 }
h3 { margin: 30px 0 0; padding: 0 }
h3.comments { margin: 40px auto 20px; padding: 0 }
/* End Headers */
/* Begin Images */
p img { padding: 0; max-width: 100% }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-right: auto; margin-left: auto }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px }
.alignright { float: right }
.alignleft { float: left }
/* End Images */
/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul { text-indent: -10px; list-style: none; margin-left: 0; padding: 0 0 0 10px }
html>body .entry li { margin: 7px 0 8px 10px }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020" }
.entry ol { margin: 0; padding: 0 0 0 35px }
.entry ol li { margin: 0; padding: 0 }
.postmetadata ul, .postmetadata li { list-style-type: none; list-style-image: none; display: inline }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0 }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px }
ol li, #sidebar ul ol li { list-style: decimal }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0 }
/* End Entry Lists */
/* Begin Form Elements */
#searchform { text-align: center; margin: 10px auto; padding: 5px 3px }
#sidebar #searchform #s { padding: 2px; width: 108px }
#sidebar #searchsubmit { padding: 1px }
.entry form { text-align: center }
select { width: 130px }
#commentform input { margin: 5px 5px 1px 0; padding: 2px; width: 170px }
#commentform { margin: 5px 10px 0 0 }
#commentform textarea { padding: 2px; width: 100% }
#respond:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
#commentform #submit { margin: 0 0 5px auto; float: right }
/* End Form Elements */
/* Begin Comments*/
.alt { margin: 0; padding: 10px }
.commentlist { padding: 0 }
.commentlist li  { list-style: none; margin: 15px 0 10px; padding: 5px 5px 10px 10px }
.commentlist li ul li { margin-right: -5px; margin-left: 10px }
.commentlist p { margin: 10px 5px 10px 0 }
.children { padding: 0 }
#commentform p { margin: 5px 0 }
.nocomments { text-align: center; margin: 0; padding: 0 }
.commentmetadata { display: block; margin: 0 }
/* End Comments */

/* Begin kojin*/
#kojin   { font-size: 0.8em }
/* End Comments */

/* Begin Sidebar */
#sidebar { margin-left: 545px; padding: 20px 0 10px; width: 190px }
#sidebar form { margin: 0 }
/* End Sidebar */
/* Begin Calendar */
#wp-calendar { margin: 10px auto 0; width: 155px; empty-cells: show }
#wp-calendar #next a { text-align: right; padding-right: 10px }
#wp-calendar #prev a { text-align: left; padding-left: 10px }
#wp-calendar a { display: block }
#wp-calendar caption { text-align: center; width: 100% }
#wp-calendar td { text-align: center; padding: 3px 0 }
#wp-calendar td.pad:hover { background-color: #fff }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help }
acronym, abbr { border-bottom: 1px dashed #999 }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd }
blockquote cite { display: block; margin: 5px 0 0 }
.center { text-align: center }
.hidden { display: none }
.screen-reader-text { position: absolute; left: -1000em }
hr { display: none }
a img { border: none }
.navigation { text-align: center; display: block; margin-top: 10px; margin-bottom: 0px }
.navigation2 { text-align: right; padding-right: 0px }

/* End Various Tags & Classes*/
/* Captions */
.aligncenter, div.aligncenter { display: block; margin-right: auto; margin-left: auto }
.wp-caption { background-color: #f3f3f3; text-align: center; margin: 10px; padding-top: 4px; border: solid 1px #ddd; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.wp-caption img { margin: 0; padding: 0; border: 0 }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px }
/* End captions */
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */