/*
Theme Name: PhotoBlog
Theme URI: http://blog.summertriangle.jp/
Description: 鷲見 唯徳の、横浜の橋や裏町裏通りを中心に撮った小さな発見やふと思ったこと
Author: Tadanori Sumi
Author URI: http://www.summertriangle.jp/
*/

/* ------------------------------------------------------------
基本構成一覧
	リセットと初期設定
		Reset, Basic Font, Headline Size, Basic Text_Design, Layout, Clear Fix
	記事レイアウト
	html
		└body
			└#container（コンテンツ全体）
				└#header（ヘッダーのデザイン）
					└h1（サイトタイトル）
					└p（サイト説明：簡易）
					└ul（主要メニュー）
				└h2.photo-title（記事タイトル）
				└#Photo（記事）
					└span.land, span.port（写真の縦横比別書式）
				└#photo-meta（日時、カテゴリー、コメント、ソーシャルブックマーク）
				└#navigate（前後記事へのリンク）
				└#blogpr（サイト説明：詳細）
				└#footer（フッターのデザイン）
	ページレイアウト
				└#main（その他ページの左カラム：コンテンツ部分）
					└h2.page-title（ページタイトル）
				└#side（その他ページの右カラム：サイドバー部分）
------------------------------------------------------------ */
@import url(http://blog.summertriangle.jp/wp-content/plugins/wp-pagenavi/pagenavi-css.css);

/* Reset */
body, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, div, p, pre, blockquote, ul, ol, li, dl, dt, dd, th, td { margin: 0; padding: 0 }
fieldset, img { border: none }
input, textarea { font-size: 100% }
textarea { overflow: auto }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ul, ol { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
a { text-decoration: none; cursor: pointer }
address { font-style: normal }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help }

/* Basic Font */
body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; color: #2b2b2b; background: url(img/bg_top.png) repeat-x top }
html { font-size: 75%; line-height: 1.5; background: url(img/bg_slash-black10.gif) #efefef }

/* Headline Size */
h1 { font-size: 133.3% }
h2 { font-size: 116.7% }

/* Basic Text_Design */
a { color: #eb6101 }
	a:hover { color: #2b2b2b }
	a:active { color: #595857 }

/* Layout */
#container { width: 750px; margin: 0 auto }

/* Clear Fix */
.clear { clear: both; height: 0; line-height: 0 }
	.clearfix { display: inline-block }
		.clearfix:after { clear: both; display: block; height: 0; content: "."; visibility: hidden }
		/* Mac IE Hack */
		* html .clearfix { height: 1% }
			.clearfix { display: block }
		/* End Mac IE Hack */

/* Header */
#header { margin: 0 0 10px; padding: 0 5px 5px; background-color: #dcdddd; border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px }
	#header-inner { height: 110px; padding: 0 10px 10px; background: url(img/bg_header.jpg) #fffffc no-repeat left bottom; border: 1px solid #a3a3a2; border-top: none; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px }
		/* Headline1 */
		div#title { float: left; width: 360px }
			h1 { padding: 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; line-height: 1 }
			p#tagline { margin: 5px 0 0 10px; font-size: 91.7%; color: #fffffc }
		/* Navigation */
		ul#nav { float: right; font-size: 83.3%; text-align: right; text-transform: uppercase; letter-spacing: 0.1em }
			ul#nav li { float: left; display: block; margin-left: 10px }
				ul#nav li a { float: left; display: block; height: 100%; padding: 30px 5px 0; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px }
					ul#nav li a:hover, body#home li#nav-home a, body#about li#nav-about a, body#archives li#nav-archives a, body#data li#nav-data a, body#contact li#nav-contact a, body#policy li#nav-policy a { background-color: #efefef }

/* Photo Title */
h2.photo-title { margin: 0 0 1px; padding: 5px; letter-spacing: .1em; background-color: #dcdddd; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0 }
	h2.photo-title span { display: block; padding: 5px 10px; background-color: #fffffc; border: 1px solid #a3a3a2; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 }
	
/* Photo */
#photo { margin: 0 0 1px; padding: 5px; background-color: #dcdddd }
	#photo-inner { padding: 10px; background-color: #fffffc; border: 1px solid #a3a3a2 }
		/* Blog Text */
		#photo-inner span.land { display: block; margin-top: 10px }
		#photo-inner span.port { float: right; display: block; width: 160px }
		#photo-inner small { display: block; margin-top: 3px }
		#photo-inner blockquote ul { margin-top: 10px; padding: 0 10px }
			#photo-inner blockquote ul li { margin-left: 1em; margin-bottom: 5px; list-style-type: disc }
		#photo-inner h3 { margin-top: 10px }

/* Photo Meta */
#photo-meta { float: left; width: 499px; margin: 0 0 1px; padding: 5px; background-color: #dcdddd }
	#photo-meta-inner { height: 30px; padding: 0 10px; background-color: #fffffc; border: 1px solid #a3a3a2 }
		#photo-meta ul li { display: inline; padding: 0 5px; font-size: 83.3%; line-height: 30px; border-right: 1px solid #a3a3a2 }

/* Previous & Next */
#navigate { float: right; width: 240px; font-size: 91.7% }
	#navigate-inner { padding: 5px; text-align: center; background-color: #dcdddd }
		#navigate span.previous { float: left }
		#navigate span.next { float: right }
		#navigate span.previous, #navigate span.next { display: block; width: 48%; height: 30px; background-color: #fffffc; border: 1px solid #a3a3a2 }
			#navigate span.previous a, #navigate span.next a { display: block; padding: 0 5px; line-height: 30px }
				#navigate span.previous a:hover, #navigate span.next a:hover { background-color: #efefef }

/* Guide Menu */
#guide { clear: both; margin: 0 0 1px; padding: 5px; background-color: #dcdddd; border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px }
	#guide-inner { padding: 10px; border: 1px solid #a3a3a2; background: #fffffc; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px }
		#guide-inner div { float: left; width: 33% }
		p#blogpr { clear: left; padding-top: 10px }

/* Footer */
#footer { clear: both; margin-top: 5px; padding-bottom: 15px; font-size: 83.3%; text-align: left }

/* Pages */
#main { float: left; width: 490px; margin: 0 0 20px; padding: 5px; background-color: #dcdddd }
	#main-inner { padding: 10px; background-color: #fffffc; border: 1px solid #a3a3a2 }
		h2.page-title { margin-bottom: 10px; padding: 0 0 5px; border-bottom: 1px solid #cececd; letter-spacing: .1em }
		h2.page-title small { margin-left: 1em; color: #595857 }
		div.page-body h3 { margin: 5px 0 10px; padding: 2px 5px; background-color: #efefef; border: 1px solid #e7e7eb }
		div.page-body h4 { margin: 5px 0 10px; padding: 2px 5px; border-bottom: 1px dotted #e7e7eb }
		div.page-body h5 { margin: 5px 0; padding: 2px 15px }
		div.page-body p, div.page-body ul, div.page-body ol, div.page-body dl  { margin: 5px 5px 10px }
			div.page-body ul li { list-style-type: disc; margin-left: 1.5em }
			div.page-body ol li { list-style-type: decimal; margin-left: 2.5em }
			div.page-body dd { margin-left: 1.5em }

/* Sidebar	 */
#side { float: right; width: 230px; padding: 5px; background-color: #dcdddd }
	#side-inner { padding: 10px; background-color: #fffffc; border: 1px solid #a3a3a2 }
		ul.arch-list { padding: 10px 0; background-color: #fffffc }
			ul.arch-list li { border-bottom: 1px solid #e1e1e1 }
				ul.arch-list li#search, ul.arch-list li#tagcloud { border-bottom: none }
					ul.arch-list li#search input { margin-right: 5px }

/* Post */
div.post { margin: 20px 0; padding: 0 0 20px; border-bottom: 1px solid #e1e1e1 }
	div.post-body { float: left; width: 80px; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #e1e1e1 }
		div.post-body img { padding: 1px; border: 1px solid #e1e1e1 }

/* Comments */
body#commentspopup { margin: 0 10px }
#comments { font-size: 91.7% }
	/* Popup Header */
	#comments-header { margin: 0 0 20px; padding: 5px; padding-top: 0; background-color: #dcdddd }
		#comments-header-inner { padding: 10px; background-color: #fffffc; border: 1px solid #a3a3a2; border-top: none }
			#comments-header h1 { padding-bottom: 5px; border-bottom: 1px solid #cececd }
			#comments-header h2 { padding-top: 5px }
	/* Popup Footer */
	#comments-info { margin: 20px 0 0; padding: 10px 0 0; border-top: 1px solid #cececd }
		#comments-info p { font-size: 90.9% }
			p.comments-meta { margin: 10px 0 0; padding: 0 0 5px 80px; border-bottom: 1px solid #a3a3a2 }
			/* Plugin-Trackback */
			#trackback { width: 100%; border:  none }
	/* Comment */
	div.comment-main { margin: 20px 0; padding: 10px;  background-color: #fffffc; border: 1px solid #a3a3a2;
}
		div.gravatar { float: left; margin-right: 6px }
		div.comment-meta { margin-bottom: 10px }
			span.comment-meta-author { display: block; margin: 0 0 3px; border-bottom: 1px solid #cececd }
		div.comment-body { clear: left }
			div.comment-body p { margin-bottom: 1em }
		/* 0 comment */
		p#nocomment { margin-left: 10px }
	/* Commet Form */
	#comment-form { margin: 20px 0; padding: 5px; background-color: #dcdddd }
		#comment-form-inner { padding: 10px; background-color: #fffffc; border: 1px solid #a3a3a2 }
			#comment-form h2 { padding: 0 0 5px; border-bottom: 1px solid #cececd }
			#comments-form label { display: block; font-size: 81.8% }
			#comment { width: 95%; margin: 0 0 10px; padding: 4px; background-color: #f7f7f7; border: 1px solid #e0e0e0 }
			#comment-submit { padding: 3px 9px; text-align: center; font-size: 90.9%; color: #fffffc; letter-spacing: .1em; background-color: #eb6101; border: 3px double #ba2636; border-top-color: #f8f4e6; border-left-color: #f8f4e6 }
		/* Plugin-QuickTags */
		#comment_quicktags { text-align: left; margin-right: 1% }
			#comment_quicktags #ed_comment_toolbar { display: inline }
			#comment_quicktags input.ed_button { width: auto; margin: 1px; color: #2b2b2b; background-color: #f4f4f4; border: 1px solid #d6d3ce }
			#comment_quicktags input:focus.ed_button { background-color: #fffffc; border: 1px solid #686868 }
			#comment_quicktags #ed_strong { font-weight: bold }
			#comment_quicktags #ed_em { font-style: italic }
	/* Login & Information */
	div.comment-form-info { margin: 10px 0; border-bottom: 1px solid #cececd }
		div.comment-form-info p, div.comment-form-info ul { margin: 5px 0 }
			div.comment-form-info ul li { margin: 0 0 5px 1.5em; list-style-type: disc; line-height: 1.35 }

/* Ajax-Glider */
div.controls { margin: 6px }
div.scroller { width: 453px; height: 360px; margin: 6px; padding: 0; overflow: hidden; border: 1px solid #e7e7eb }
	div.scroller div.section { float: left; width: 453px; height: 360px; overflow: auto }
	div.scroller div.content { width: 9999px }
		div.section h3, div.section p { margin: 10px }
		div.section p { padding: 0 5px }
		div.section ul, div.section ol, div.section dl { margin: 0 10px 10px; padding: 0 5px; font-size: 91.7% }
			div.section ul li { margin: 0 0 .5em; padding: 5px; border: 1px solid #e7e7eb }
			div.section ol li { margin: 0 0 .5em 2em; padding: 5px; border: 1px solid #e7e7eb }
#scrollnav { width: 453px; margin: 0 6px 18px; padding: 0; text-align: right }

/* Meta Head */
.broken_link, a.broken_link { text-decoration: line-through }
#searchword { background-color: #f5b1aa; text-decoration: inherit }
.recentcomments a{ display: inline!important; padding: 0!important; margin: 0!important }

/* Similar Posts */
#related { margin-top: 5px }
#related h3 { margin-bottom: 5px }
#related h3 span { padding: 2px 6px 1px; background-color: #f2f2f2; border: solid 1px #ccc }
#related ul li { text-indent: 1em }