@charset "utf-8";

/*
Theme Name: terkel.jp
Theme URI: http://terkel.jp/
Description:
Version: 3.0
Author: Takeru Suzuki
Author URI: http://terkel.jp/
Tags:
*/



/*
 * @color {
 *    off-white: #fcfcf8;
 *     beige #1: #f0f0e0;
 *     beige #2: #e0e0c0;
 *   blue-black: #002040;
 *    blue-gray: #8090a0;
 *         blue: #0080ff;
 *         navy: #0060c0;
 *        green: #60c000;
 *       silver: #c0c0c0;
 * }
 * 
 */



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

  @font-face

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

/* League Gothic by The League of Movable Type
    (http://www.theleagueofmoveabletype.com/) */
@font-face {
  font-family:
    "League Gothic";
  src:
    url("/fonts/League_Gothic.eot");
  src:
    local("League Gothic Regular"),
    local("LeagueGothic"),
    url("/fonts/League_Gothic.woff") format("woff"),
    url("/fonts/League_Gothic.otf") format("opentype"),
    url("/fonts/League_Gothic.svg#LeagueGothic") format("svg");
}



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

  Reset

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

html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address, hr,
pre, blockquote, ins, del, form, fieldset, legend,
table, caption, thead, tfoot, tbody, tr, th, td {
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}
ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul pre, ol pre, dl pre, table pre,
ul table, ol table, dl table, table table {
  font-size: 1em;
  margin: 0;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
img, object {
  border: 0;
  vertical-align: bottom;
}
sub {
  line-height: 1;
  vertical-align: text-bottom;
}
sup {
  line-height: 1;
  vertical-align: text-top;
}
q:before, q:after {
  content: "";
}
fieldset {
  border: 0;
}
input, button, select, optgroup, option, textarea {
  background: inherit;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-size: 1em;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
}



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

  Base

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

/* Blocks */
body {
  font: 15px/1.67 "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #fcfcf8;
  color: #002040;
}
h1 {
  font-size: 2.34em;
  line-height: 1.29;
  margin: 0.72em 0;
  font-weight: normal;
}
h2 {
  font-size: 1.67em;
  line-height: 1.4;
  margin: 1em 0;
  font-weight: normal;
}
h3 {
  margin: 1.67em 0;
  font-weight: bold;
}
h4, h5. h6 {
  margin: 0;
  font-weight: bold;
}
p, ul, ol, dl, pre {
  margin: 1.67em 0;
}
ul, ol, dl {
  padding: 0 0 0 32px;
}
ul, ul ul ul ul {
  list-style: disc;
}
ul ul, ul ul ul ul ul {
  list-style: circle;
}
ul ul ul, ul ul ul ul ul ul {
  list-style: square;
}
dt {
  margin: 1.67em 0 0;
  font-weight: bold;
}

/* Inlines */
a {
  font-weight: bold;
  color: #0080ff;
  text-decoration: none;
}
a:hover {
  color: #002040;
  text-decoration: underline;
}
strong {
  font-weight: bold;
}
code, kbd, samp {
  font-family: "Menlo", "Consolas", "Courier New", monospace;
}
var {
  font-style: italic;
}

/* Tables */
table {
  margin: 3.34em 0;
  border-bottom: 2px solid silver;
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
}
caption {
  padding: 0 0 0.34em;
  font-weight: bold;
  text-align: left;
}
th, td {
  padding: 0.34em 1.6em 0.34em 0;
  border-top: 1px solid silver;
  text-align: left;
  vertical-align: top;
}
thead th {
  vertical-align: bottom;
}
th:first-child,
td:first-child {
  padding-left: 1.6em;
}
tbody,
tbody tr:first-child th,
tbody tr:first-child td {
  border-top: 2px solid silver;
}

/* Forms */
label {
  cursor: pointer;
}
input[type="text"],
textarea {
  padding: 0.2em 2px;
  border: 2px solid silver;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
input[type="text"] {
  height: 1.27em;
}
input[type="text"]:hover,
textarea:hover {
  border-color: #8090a0;
}
input[type="text"]:focus,
textarea:focus {
  border-color: #0080ff;
}
input[type="submit"] {
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #0060c0 url(/img/tp.png); /* Transparent image for Opera 10.50 */
  color: white;
  font-weight: bold;
}
input[type="submit"]:hover {
  background-color: #60c000;
  cursor: pointer;
}



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

  Conatiner

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

/* Page */
.page {
  width: 736px;
  padding: 0 0 0 32px;
  margin: 0;
}

/* Page Header */
.page-header {
  overflow: hidden;
  width: 100%;
  padding: 10px 0 90px;
}
.page-header .logo,
.page-header .nav.global {
  float: left;
  font: 51px/1.2 "League Gothic", "Arial Narrow", sans-serif;
}
.page-header .logo a,
.page-header .nav.global a {
  font-weight: normal;
}
.page-header .logo {
  width: 160px;
  padding: 0 15px 10px 0;
  margin: 0 15px 0 0;
  border-right: 2px solid silver;
  text-align: right;
}
.page-header .logo a {
  color: #002040;
}
.page-header .logo a:hover {
  text-decoration: none;
}
.page-header .nav.global {
  padding: 0 0 10px;
  list-style: none;
  margin: 0;
}
.page-header .nav.global li {
  float: left;
  margin: 0 16px 0 0;
}
.page-header .nav.global li a {
  border: 0;
}
.page-header .nav.global li .current,
.page-header .nav.global li .current a {
  font-style: normal;
  color: #002040;
}

/* Content */
.content {
  padding: 0 0 0 192px;
}

/* Content Header */
.content-header {
  margin: 0 0 3.34em;
}
.content-header .nav.paging {
  margin: -2.34em 0 0;
}
.content-header .date {
  font: 1.67em/1.4 "League Gothic", "Impact", sans-serif;
  margin: 0;
  color: #8090a0;
  font-weight: normal;
}
.content-header .title {
  font-weight: normal;
  font-size: 35px;
  line-height: 1.29;
  margin: 0;
  clear: both;
}
.content-header .title a {
  font-weight: normal;
  color: #002040;
}

/* Content Body */
.content-body {
}

/* Content Footer */
.content-footer {
  padding: 0.34em 0 0;
  margin: 7em 0 0;
  border-top: 1px solid silver;
}
.content-footer .section {
  margin: 3.34em 0 0;
  width: 100%;
  overflow: hidden;
}
.content-footer .section h2 {
  font: 25px/1.4 "League Gothic", "Arial Narrow", sans-serif;
  padding: 0;
  margin: 0;
  color: #8090a0;
}
.content-footer .nav.paging {
  margin: 0.34em 0 0;
}

/* Sidebar */
.sidebar {
  padding: 1em 0 0;
  margin: 7em 0 0;
  border-top: 1px solid silver;
}
.sidebar .section {
  border-left: 2px solid silver;
  padding: 0 0 0 15px;
  margin: 1em 0 0 175px;
  position: relative;
}
.sidebar .section h2 {
  position: absolute;
  top: 0;
  left: -177px;
  -left: -192px;
  width: 160px;
  margin: 0;
  font: 25px/1.4 "League Gothic", "Impact", sans-serif;
  text-align: right;
  color: #8090a0;
}
.sidebar .section p,
.sidebar .section ul {
  margin: 0;
}
.sidebar .section#search form {
  height: auto !important;
  height: 29px;
  min-height: 29px;
  padding: 3px 0;
}
.sidebar .section#search input[type="text"] {
  width: 344px;
  margin: 0;
}
.sidebar .section#search input[type="submit"] {
  padding: 0.2em 8px;
}
.sidebar .section#about p {
  padding: 5px 0;
}
.sidebar .section#elsewhere ul,
.sidebar .section#subscribe ul {
  padding: 0 0 5px;
  margin: 0;
  width: 100%;
  overflow: hidden;
  list-style: none;
}
.sidebar .section#elsewhere ul li,
.sidebar .section#subscribe ul li {
  float: left;
  margin: 5px 8px 0 0;
}
.sidebar .section#elsewhere ul li a,
.sidebar .section#subscribe ul li a {
  background: #0060c0;
  color: white;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  float: left;
  padding: 0 0.8em;
}
.sidebar .section#elsewhere ul li a[href^="http://twitter.com/"] {
  background: #33ccff;
}
.sidebar .section#elsewhere ul li a[href^="http://delicious.com/"] {
  background: #3274d0;
}
.sidebar .section#elsewhere ul li a[href^="http://www.last.fm/"] {
  background: #d51007;
}
.sidebar .section#elsewhere ul li a[href^="http://mixi.jp/"] {
  background: #ff9900;
}
.sidebar .section#subscribe ul li a {
  background: #ff8000;
}
.sidebar .section#elsewhere ul li a:hover,
.sidebar .section#subscribe ul li a:hover {
  background: #002040;
  text-decoration: none;
}
.sidebar .section#lastfm ol {
  overflow: hidden;
  width: 100%;
  padding: 5px 0 0;
  margin: 0;
}
.sidebar .section#lastfm ol li {
  float: left;
  margin: 0 10px 5px 0;
  list-style: none;
}
.sidebar .section#lastfm ol li a img {
  max-width: 34px;
  max-height: 34px;
  padding: 1px;
  border: 1px solid silver;
  -width: 34px;
  -height: auto;
}
.sidebar .section#lastfm ol li a:hover img {
  border-color: #002040;
}

/* Page Footer */
.page-footer {
  font-size: 0.87em;
  line-height: 1.62;
  padding: 0.85em 0 0.85em 192px;
  margin: 2.31em 0 0;
  border-top: 1px solid silver;
}
.page-footer * {
  margin: 0;
}



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

  Conatiner Modules

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

/* Paging Nav */
.nav.paging {
  float: right;
  padding: 5px 0;
  margin: 0;
  list-style: none;
}
.nav.paging li {
  float: left;
  margin: 0 0 0 2px;
}
.nav.paging li a,
.nav.paging li .current {
  display: block;
  padding: 0 0.54em;
  background: #f0f0e0;
  text-align: center;
  color: #0060c0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.nav.paging li .current {
  font-style: normal;
  color: #002040;
  font-weight: bold;
}
.nav.paging li.first a {
  padding-left: 0.8em;
  border-top-left-radius: 0.8em;
  border-bottom-left-radius: 0.8em;
  -moz-border-radius-topleft: 0.8em;
  -moz-border-radius-bottomleft: 0.8em;
  -webkit-border-top-left-radius: 0.8em;
  -webkit-border-bottom-left-radius: 0.8em;
  text-align: right;
}
.nav.paging li.last a {
  padding-right: 0.8em;
  border-top-right-radius: 0.8em;
  border-bottom-right-radius: 0.8em;
  -moz-border-radius-topright: 0.8em;
  -moz-border-radius-bottomright: 0.8em;
  -webkit-border-top-right-radius: 0.8em;
  -webkit-border-bottom-right-radius: 0.8em;
  text-align: left;
}
.nav.paging li a:hover {
  text-decoration: none;
  background: #e0e0c0;
  color: #002040;
}
.nav.paging li a.inactive,
.nav.paging li a.inactive:hover {
  background: #f0f0e0;
  color: silver;
}

/* Tags & Related Posts */
.nav.tags,
.nav.related {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  color: silver;
}
.nav.tags li,
.nav.related li {
  margin: 0 0 0 32px;
  list-style: disc outside;
}
.nav.tags li {
  float: left;
  white-space: nowrap;
}
.nav.tags li .count {
  font-size: 0.74em;
  line-height: 1;
  font-style: normal;
  color: #8090a0;
  vertical-align: text-top;
}

/* Archive List */
.archive-list .item {
  padding: 2em 0 0;
  margin: 2em 0 0;
  border-top: 1px dashed silver;
}
.archive-list .item * {
  margin: 0;
}
.archive-list .item h2 a {
  font-weight: normal;
}
.archive-list .item .nav.tags {
  width: 100%;
  overflow: hidden;
  padding: 0;
  color: silver;
}
.archive-list .item .nav.tags li {
  float: left;
  margin: 0 0 0 32px;
}

/* Contact Form */
.wpcf7 dl {
  padding: 0;
}
.wpcf7 dl dt {
  margin: 1em 0 0;
}
.wpcf7 textarea {
  width: 536px;
}
.wpcf7 .submit {
  overflow: hidden;
  width: 100%;
}
.wpcf7 .submit input[type="submit"] {
  float: right;
  width: 160px;
  padding: 0.34em 0;
}

/* Comments */
.comments-intro {
  margin: 0;
}
.comments {
  overflow: hidden;
  width: 100%;
  margin-top: 25px;
}
.comments .button {
  float: left;
  width: 160px;
  padding: 0.34em 0;
  margin: 0;
}
.comments .button a {
  display: block;
  padding: 0.34em 16px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #0060c0;
  color: white;
  text-align: center;
}
.comments .button a:hover {
  background: #60c000;
  text-decoration: none;
}
.comments .button a abbr {
  border: 0;
}
.comments .status {
  padding: 0.67em 0 0;
  margin: 0 0 1.34em 192px;
}
.comments .comment {
  position: relative;
  line-height: 1.4;
  width: auto;
  height: auto !important;
  height: 36px;
  min-height: 36px;
  padding: 0.8em 0 0.14em 48px;
  margin: 0.67em 0 0;
  border-top: 1px dashed silver;
}
.comments .comment .author {
  margin: 0;
}
.comments .comment .author .photo {
  position: absolute;
  top: 1em;
  left: 4px;
  width: 36px;
  height: 36px;
  text-align: center;
}
.comments .comment .author .photo img {
  max-width: 32px;
  max-height: 32px;
  padding: 1px;
  border: 1px solid silver;
  -width: 32px;
  -height: auto;
}
.comments .comment .author a:hover .photo img {
  border-color: #002040;
}
.comments .comment .body {
  margin: 0;
}
.comments .comment .date {
  font-size: 0.74em;
  line-height: 1.55;
  margin: 0;
  color: #8090a0;
}
.comments .comment .date a {
  font-weight: normal;
  color: #8090a0;
}
.comments .comment .date a:hover {
  color: #002040;
}
.comments .more {
  padding: 0.34em 0 0;
  margin: 0.67em 0 0;
  border-top: 1px dashed silver;
  text-align: right;
}



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

  Content

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

/* Section */
.section {
  margin: 3.34em 0;
}

/* Fig */
.fig {
  padding: 0.34em 0;
  text-align: center;
}
.right {
  float: right;
  margin: 0 0 1.67em 32px;
}
.left {
  clear: left;
  float: left;
  margin: 0 32px 1.67em -192px;
}
.figgroup {
  margin-right: 0;
  margin-bottom: 0;
}
.figgroup .fig {
  clear: none;
  float: left;
  margin-top: 0;
}
.figgroup.left .fig {
  margin-right: 32px;
}
.figgroup.right .fig {
  margin-left: 32px;
}
.fig.w720 { margin-left: -176px; }
.fig.w700 { margin-left: -156px; }
.fig.w680 { margin-left: -136px; }
.fig.w668 { margin-left: -124px; }
.fig.w660 { margin-left: -116px; }
.fig.w640 { margin-left: -96px; }
.fig.w620 { margin-left: -76px; }
.fig.w600 { margin-left: -56px; }
.fig.w595 { margin-left: -51px; }
.fig.w580 { margin-left: -36px; }
.fig.w560 { margin-left: -26px; }
.fig img {
  padding: 1px;
  margin: 0 -2px;
  border: 1px solid silver;
}
.cells .cell img {
  padding: 1px;
  border: 1px solid silver;
}
.fig a:hover img,
.cells .cell a:hover img {
  border-color: #002040;
}
.fig .caption,
.cells .cell .caption {
  display: block;
  font-size: 0.87em;
  line-height: 1.47;
  padding: 0.54em 0 0;
  margin: 0 auto -0.24em;
  color: #8090a0;
  text-align: left;
}
.fig.w720 .caption { width: 720px; }
.fig.w700 .caption { width: 700px; }
.fig.w668 .caption { width: 668px; }
.fig.w640 .caption { width: 640px; }
.fig.w595 .caption { width: 595px; }
.fig.w508 .caption { width: 508px; }
.fig.w496 .caption { width: 496px; }
.fig.w480 .caption { width: 480px; }
.fig.w348 .caption { width: 348px; }
.fig.w340 .caption { width: 340px; }
.fig.w220 .caption { width: 220px; }
.fig.w160 .caption { width: 160px; }
.fig.w64 .caption { width: 64px; }

/* Cells */
.cells {
  position: relative;
  overflow: hidden;
  font-size: 1em;
  width: 720px;
  padding: 0;
  margin: 0 0 0 -176px;
  list-style: none;
}
.cells .cell {
  float: left;
  padding: 0.34em 0;
  margin: 0 16px 1.67em 0;
}
.cells .cell.first-in-row {
  clear: left;
}
.cells .cell.last-in-row {
  *float: none;
  -position: relative;
  -margin-right: -3px;
  -right: 3px;
}
.cells.cols-2 .cell, .col-1-of-2 { width: 344px; }
.cells.cols-3 .cell { width: 224px; }
.cells.cols-4 .cell { width: 164px; }
.cells.cols-5 .cell { width: 128px; }
.cells.cols-6 .cell { width: 104px; }
.cells.cols-8 .cell { width: 74px; }
.cells.cols-9 .cell { width: 64px; }
.cells.cols-10 .cell { width: 56px; }
.cells.cols-12 .cell { width: 44px; }
.cells.cols-15 .cell { width: 32px; }

/* Code */
.code {
  padding: 0 0 0 28px;
  margin: 3.34em 0 3.34em -176px;
  border-left: 4px solid silver;
}

/* Quote */
.quote {
  padding: 0 0 0 28px;
  margin: 3.34em 0 3.34em -176px;
  border-left: 4px solid silver;
}
.quote .quote {
  margin: 0 0 0 16px;
}
.quote .cite {
  padding: 0 0 0 16px;
  color: #8090a0;
}
.quote .cite cite {
  font-style: normal;
}

/* Unicode */
.unicode {
  font-family: "Arial Unicode MS", "Microsoft Sans Serif", sans-serif;
}

/* Tables */
.table {
  margin: 3.34em 0 3.34em -192px;
}
.table table {
  margin: 0;
}
table .yes,
table .no {
  text-align: center;
  vertical-align: middle;
}
table .mark {
  font-size: 1.67em;
  line-height: 0.84;
  font-weight: normal;
}
table .yes .mark {
  color: #60c000;
}
table .no .mark {
  color: silver;
}
table.discography tbody th {
  padding-left: 48px;
}
table.discography tbody th img.left {
  margin: 0 0 0 -48px;
}

/* Ins */
ins.block {
  display: block;
  padding: 0.67em 32px;
  margin: 2em 0;
  background: #f0f0e0;
  text-decoration: none;
}
ins.block p {
  margin: 0;
}