/*
Theme Name: エキマエバイク (Sandbox 1.6 Base)
Theme URI: 
Description: エキマエバイク 2009年5月25日
Author: 濵室昭光
Author URI: 
Version: 090525
*/

/* 

目次

============================================================

    外部CSSのインポート
    
    初期値をリセット
    
    共通スタイル
        ・一部固有スタイルを再設定
        ・フロートのクリア
        
    エントリー部分の基本スタイル
        ・記事のタイトル部分
        ・記事のボディ
        ・記事のトラックバックURL表示
        ・関連記事表示　※プラグイン依存
        
    コメント, トラックバック
        ・コメント, トラックバック, コメント書込フォームのヘッダ(h3)を吹き出しに
        ・コメント, トラックバックのレイアウト
        ・コメントフォームのスタイル
        
    ページの前後ナビゲーション
        ・ギャラリーのサムネール表示設定
        
    サイドバー
        ・サイドバー内のコンテンツの基本スタイル
        ・階層表現（主にカテゴリ）
        ・ブログ検索フォーム
        
    ブログのカテゴリ（コンテンツ）タイトル 
        
    基本レイアウト, スタイル
    
    その他の項目（SandBoxデフォルト）
        ・未使用の項目


*/

/* ==========================================================

    外部CSSのインポート
    
========================================================== */

@import url('./style-navi.css'); /* コンテンツナビゲーション */
@import url('./style-gallary.css'); /* カスタムギャラリー */
@import url('./style-parts.css'); /* パーツショップ */



/* ==========================================================

    初期値をリセット
    
========================================================== */

* { margin: 0; padding: 0; border: none; }
li { list-style: none }



/* ==========================================================

    共通スタイル

========================================================== */

/*      ↓エントリー */
div.hentry,
div#kanren-entry-list,
div#trackback-url,
/*      ↓コメント */
div.formcontainer,
div.comments ol li,
/*      ↓サイドバー */
ul.xoxo li ul,
form#searchform,
/*      ↓アーカイヴ */
div.archive-meta
{
	font-size: 12px;
	padding: 16px 20px 18px 20px;
	background: url(images/entry_bg.gif) repeat-x top left #eee;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #fff;
}

/* ----------------------------------------------------------
        ・一部固有スタイルを再設定
---------------------------------------------------------- */

/* ↓エントリー */
div.hentry {padding-top: 25px; padding-bottom: 12px;}
/* ↓サイドバー */
ul.xoxo li ul, form#searchform, ul.xoxo .blogroll {padding: 16px 10px 18px 10px;}
/* ↓アーカイヴ */
div.archive-meta {font-size: 13px; font-weight: bold; line-height: 1.6em;}

/* ----------------------------------------------------------
        ・フロートのクリア
---------------------------------------------------------- */
.clear { clear: both; }



/* ==========================================================

    エントリー部分の基本スタイル
    
========================================================== */

div.hentry {} /* -- ↑共通設定 */


/* ----------------------------------------------------------
        ・記事のタイトル部分
---------------------------------------------------------- */

div.post-tile {
	margin-left: 60px;
	padding-top: 5px;
}

div.post-title-cat span {/* タイトル(h*.entry_title)上のカテゴリ表示 */
	margin-right: 8px;
	padding-right: 11px;
	background: url(images/cat_arw.gif) no-repeat right top;
}

.entry-title {
	font-size: 20px;
	margin: 7px 0 ;
	line-height: 1.5em;
}

.entry-title a {
	color: #26292E;
}

/*          ・日めくりカレンダー風日付表示 */
div.entry-date-cal{
	float: left;
	width: 45px;
	text-align: center;
}

/*              月 */
div.entry-date-cal span.mt{
	display: block;
	padding: 3px 0 2px 0;
	color: #fff;
	font-size: 11px;
	background: url(images/cal_month_bg.gif) no-repeat top left;
}
/*              日 */
div.entry-date-cal span.dt{
	display: block;
	padding: 5px 0 9px 0;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	background: url(images/cal_date_bg.gif) no-repeat bottom left;
}


/* ----------------------------------------------------------
        ・記事のボディ
---------------------------------------------------------- */

div.entry-content {
	font-size: 14px;
	padding: 18px 0 28px 0;
	line-height: 1.6em;
}

div.entry-meta {
clear:both;
	font-size: 11px;
	text-align: right;
	color: #333;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

/*          ・記事内の画像の配置スタイル */
.alignright,img.alignright{ /* 右*/
	clear: both;
	float:right;
	margin:0 0 20px 20px;
}

.alignleft,img.alignleft{ /* 左*/
	clear: both;
	float:left;
	margin:0 20px 20px 0;
}

.aligncenter,img.aligncenter{ /* 中央*/
	clear: both;
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
}

/*          ・投稿者の書込に依存するタグのスタイル */
div.entry-content img {}
div.entry-content p {/* 改行問題のため、マージンを0指定　<br>と同列に */
	margin-bottom: 0;
}
div.entry-content h3,
div.entry-content h4,
div.entry-content h5{
	margin-bottom: 0.8em;	
}

/* ----------------------------------------------------------
        ・カスタムギャラリー用サムネールスタイル　※プラグイン photojar-base 依存
---------------------------------------------------------- */

/*          ・photojar-baseが記入するインラインスタイルの一部をクリア */
.gallery img {
	border: none !important;
}

/*          ・photojar-baseが記入するクラスを指定し写真風スタイルを */
div.hentry dt.gallery-icon img {
	display: block;
	padding: 9px 7px;
	padding-top: 7px;
	background: url(images/gallary_img_mat.gif) no-repeat 0 0;
	margin: 0 auto;
}


/* ----------------------------------------------------------
        ・記事のトラックバックURL表示
---------------------------------------------------------- */

div.trackback-url-label {
	font-size: 12px;
	margin-bottom: 5px;
}

div#trackback-url input {
	width: 60%;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #bbb;
	background-color: #ddd;
}

/* ----------------------------------------------------------
        ・関連記事表示　※プラグイン simple-tags 依存
---------------------------------------------------------- */

div#kanren-entry-list h3 {
	font-size: 14px;
	margin-bottom: 10px;
	padding: 2px 11px;
	background: url(images/h.gif) no-repeat 0 0;
}

div#kanren-entry-list ul {}
div#kanren-entry-list ul li {
	margin-top: 5px;
	width: 50%;
	float: left;
}

div#kanren-entry-list ul li div {
	background: url(images/entry_icon.gif) no-repeat 0 0;
	padding: 2px 8px 3px 21px;
}


/* ==========================================================

    コメント, トラックバック
    
========================================================== */

/*      ・コメント, トラックバック, コメント書込フォームのヘッダ(h3)を吹き出しに */
div#trackbacks-list h3, div#comments-list h3, div#respond h3 {
	font-size: 12px;
	color: #fff;
	background-image: url(images/comments_fukidashi.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 10px;
	padding: 11px 0 25px 0;
	width: 126px;
	text-align: center;
	position: relative;
	top: 11px;
	left: -13px;
}

* html div#trackbacks-list h3 { /* for ie6 */
	top: 9px;
}

* html div#comments-list h3 { /* for ie6 */
	top: 9px;
}

* html div#respond h3 { /* for ie6 */
	top: 9px;
}

/* ----------------------------------------------------------
        ・コメント, トラックバックのレイアウト
---------------------------------------------------------- */

/*          ・アバター画像
                左にフロート*/
img.photo { float: left; margin: 0 10px 0 0; }

/*          ・コメント, トラックバックの名前 */
span.fn, li.trackback a.url { font-size: 14px; font-weight: bold; }

/*          ・コメント, トラックバックのメタ情報 */
div.comment-meta, li.trackback div.comment-author {
	font-size: 10px;
	color: #999;
	margin:2px 0 8px 0;
}

/*          ・コメント, トラックバックの本文
                アバター画像の左フロートをクリア*/
div.comments ol li p {
	clear: left;
	line-height: 1.6em;
}

/*          ・コメント承認待ちのアラート*/
span.unapproved {
	background-color: #ecbd02;
	color: #000;
	font-style: oblique;
}

/* ----------------------------------------------------------
        ・コメントフォームのスタイル
---------------------------------------------------------- */

form#commentform .form-label {
	margin:5px 0 0;
}

form#commentform span.required {
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
	line-height: 1.6em;
}

input#author,input#email,input#url,textarea#comment {
	padding: 5px;
	font-size: 12px;
	border: 1px solid #bbb;
}

div.comments ol li {
	margin: 0;
}

textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:66%;
}

input#submit {
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #bbb;
}

input#author,input#email,input#url {
	width:50%;
}



/* ==========================================================
    
    ページの前後ナビゲーション
    
========================================================== */

div#nav-above {} /* 上部*/
div#nav-below {} /* 下部*/

div.navigation { font-size: 12px; }
div.navigation div { width: 50%; }

div.navigation div.nav-previous{
	float: left;
	text-align:left;
}
div.navigation div.nav-next {
	float: right;
	text-align:right;
}

div.nav-previous a {}
div.nav-next a {}

/*          ・ギャラリーのサムネール表示設定*/
div#nav-images {
	height:150px;
	margin:1em 0;
}



/* ==========================================================

    サイドバー
    
========================================================== */

/* ----------------------------------------------------------
        ・サイドバー内のコンテンツの基本スタイル
---------------------------------------------------------- */

/*          ・サイドバー1,2*/
div#primary, div#secondary {}

/*          ・ヘッダ（h3）*/
div.sidebar h3 {
	font-size: 13px;
	padding: 8px 10px 7px 10px;
	background: url(images/sidebar_h3.gif) no-repeat 0 0;
	color: #fff;
	border-bottom: 1px solid #CC6E00;
}

/*          ・リンクカラーを別設定（#26292E）*/
div.sidebar a { color:#26292E } 

/*          ・サイドバー1,2のコンテンツの親要素 -- 初期値リセットで維持 */
ul.xoxo li {}

ul.xoxo li ul {} /* -- ↑共通設定 */

ul.xoxo li ul li { /* リスト項目に矢印をつける */
	list-style: none;
	padding: 2px 0 3px 0;
	background: url(images/cat_icon.gif) no-repeat left top;
	padding-left: 15px;
}

/* ----------------------------------------------------------
        ・階層表現（主にカテゴリ）
---------------------------------------------------------- */

/*          ・第1階層 */
div.sidebar ul ul {	margin: 0px; }
div.sidebar ul ul li {}
/*          ・第2階層 */
div.sidebar ul ul ul { margin-left: 15px; }
div.sidebar ul ul ul li {}


/* ----------------------------------------------------------
        ・ブログ検索フォーム
---------------------------------------------------------- */

form#searchform {} /* -- ↑共通設定 */

/*          ・テキストエリア */
div.sidebar input#s { 
	width:120px;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #bbb;
}
/*          ・ボタン */
div.sidebar input {
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #bbb;
}



/* ==========================================================
    
    ブログのカテゴリ（コンテンツ）タイトル 
    
========================================================== */

/*          ・トップ （大タイトル） */
h2#index-title {
	text-indent: -9999px;
	background: url(images/index_h2.gif) no-repeat 0 0;
	height: 72px;
}

/*          ・個別記事（小タイトル） */
div#blog-top {
	background: url(images/single_h.gif) no-repeat 0 0;
	padding: 8px 10px 7px 10px;
	color: #fff;
	border-bottom: 1px solid #CC6E00;
	font-weight: bold;
	font-size: 13px;
}
/*          ・ブログトップへ戻るリンク */
div#blog-top a {
	display: block;
	text-indent: -9999px;
	width: 34px;
}

/*          ・アーカイヴ（カテゴリ, 月別）（大タイトル, テキスト表示） */
h2.page-title {
	background: url(images/airchive_title.gif) no-repeat 0 0;
	padding: 13px 20px 0;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	height: 57px;
}
h2.page-title span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-top: 7px;
}


/* ==========================================================
    
    基本レイアウト, スタイル
    
========================================================== */

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	color: #26292E;
	background-color: #1a1a1a;
}

a { color: #F66800 }
a:link, a:visited { text-decoration: none }
a:active, a:hover { text-decoration: underline }

div#header {
	height: 230px;
	background: url(images/header_bg.gif) repeat-x 0 0 #1a1a1a;
}

div#header div#title {
	height: 140px;
}

div#header h1 {
	padding-top: 25px;
}

div#header h1 a {
	display: block;
	width: 395px;
	height: 110px;
}

div#header h1 a,
div#blog-description {
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

div#inwrapper, div#header-contents {
	width: 995px;
	margin: 0 auto;
	text-align: left;
}
div#header-contents { background: url(images/header.gif) no-repeat top left;}

div#container { /* 左カラム*/
	float: left;
	width: 715px;
}

div#content {
	padding: 0 25px 0 0;
}

div.sidebar { /* 右カラム*/
	/*float: right;*/
	margin-left: 715px;
	width: 275px;
}

div#footer {
	clear: both;
	width: 995px;
	margin: 0 auto;
	height: 100px;
	text-align: left;
}

div#generator-link { clear: both; padding-top: 20px; } /* コピーライト*/
div#generator-link a { font-size: 11px; color: #ccc; }



/* ==========================================================
    
    その他の項目（SandBoxデフォルト）
    
========================================================== */

div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
}

p.wp-caption-text{
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	color: #aaa;
}

div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
}

div.gallery dl.gallery-columns-1 {
	width:100%;
}

div.gallery dl.gallery-columns-2 {
	width:49%;
}

div.gallery dl.gallery-columns-3 {
	width:33%;
}

div.gallery dl.gallery-columns-4 {
	width:24%;
}

div.gallery dl.gallery-columns-5 {
	width:19%;
}

div#menu ul li,div.gallery dl {
	float:left;
}

div.gallery *,div.sidebar div,div.sidebar ul {
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------
        ・未使用の項目
---------------------------------------------------------- */

/*
        ・コンテンツスキップリンク
    
div.skip-link {
	position:absolute;
	right:1em;
	top:1em;
}

        ・メニュー（ページ項目） ※未使用
    
div#menu {
	background:#EEE;
	height:1.5em;
	margin:1em 0;
	width:100%;
}

div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul a {
	display:block;
	margin-right:1em;
	padding:0.2em 0.5em;
	text-decoration:none;
}

div#menu ul ul ul a {
	font-style:italic;
}

div#menu ul li ul {
	left:-999em;
	position:absolute;
}

div#menu ul li:hover ul {
	left:auto;
}
*/