/*  
Theme Name: Story Theme for WordPress
Theme URI: http://www.wpthemejp.com/
Description: Web標準に準拠したWordPressのテーマです。
Version: 1.0
Author: Performancing in cooperation with Design Disease
Author URI: http://performancing.com
*/

* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #444640;
}

#wrapper {
	width: 998px;
	background: url(images/content-middle.gif) repeat-y;
	margin: 20px auto 0 auto;
}

	#content-top {
		width: 998px; height: 6px;
		background: url(images/content-top.gif) no-repeat;
	}
	
	#content {
		width: 512px;
		padding: 22px 36px 0 43px;
		float: left;
	}
	
		h1 { 
			background: url(images/logo.jpg) no-repeat right bottom;
			height: 70px;
			margin-bottom: 20px;
		}
		
		h1 a span { 
			font-size: 1.5em; 
			font-weight: 100; 
			color: #444; 
			margin: 0 0 22px 0;}
		
		h1 a {
			width: 484px;
			display: block;
			margin: 0 0 22px 0;
			text-decoration: none; 
		}
		
		#navigation {
			width: 484px; height: 14px;
			background: url(images/navigation.gif) no-repeat;
			padding: 10px 14px;
			color: #fff;
			list-style: none;
		}
		
			#navigation li { float: left; padding: 0 4px 0 0; }
			
			#navigation li a { color: #fff; }
			
			#navigation li a:hover { text-decoration: none; }
			
		hr {
			width: 100%; height: 0;
			border: none; border-bottom: 1px dotted #000;
			margin: 12px 0;
			clear: both;
		}
		
		#content p, #content h3, #content h4, #content h5, #content h6 { padding: 10px 0; }
		
		#content .post {
			margin: 0 0 20px;
		}
		
		.post-title {
			width: 483px; height: 26px;
			background: url(images/post-title.gif) no-repeat;
			padding: 10px 14px 14px 14px;
			line-height: 14px;
		}
		
			.post-title h2, #content .post-title h2 a {
				font-family: "Trebuchet MS";
				font-size: 14px;
				color: #C83739;
				text-decoration: none;
			}
			
			#content .post-title p { padding: 0; }
			
			#content .post-title a { color: #663; }
			
			#content .post-title a:hover { text-decoration: none; }
			
		#content a { color: #015ea6; }
		
		#content a:hover { text-decoration: none; }
		
		#content a.comment-link {
			background: url(images/comment-icon.gif) no-repeat 0 2px;
			padding: 0 0 20px 22px;
		}
					
				#content blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
				
		#content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
		#content ul, #content ol { font-size: 11px; padding-left: 18px; }	
	
	#sidebar {
		width: 202px;
		padding: 5px 0 0 16px;
		float: left;
	}
	
		#sidebar h3.search {
			font-family: Arial;
			font-size: 16px;
			color: #fff;
			padding: 0 0 4px 0;
			margin: 0;
			border: none;
		}
		
		input.search-box {
			width: 159px; height: 16px;
			background: #fff url(images/search-box.gif) no-repeat left;
			padding: 4px 0 4px 10px;
			border: none;
			float: left;
		}
		
		input.search-button {
			width: 23px; height: 24px;
			background: url(images/search-button.gif) no-repeat;
			display: block;
			border: none;
			cursor: pointer;
			font-size: 0.1em;
			float: left;
			margin: 0 0 20px 0;
		}
		
		#sidebar h3 {
			font-family: Arial;
			font-size: 14px;
			color: #FFEDED;
			padding: 20px 0 8px 0;
			margin: 0 0 8px 0;
			display: block;
			border-bottom: 1px dotted #D1D1D1;
		}
		
		#sidebar ul { list-style: none; }
		
		#sidebar a {
			color: #DCDCDC;
			text-decoration: none;
		}
		
		#sidebar a:hover { text-decoration: underline; }
		
	#right-bar {
		width: 169px;
		padding: 50px 0 5px 0;
		float: right;
		background: url(images/bird.jpg) no-repeat 120px 45px;
	}

	#right-bar h3 {
			font-family: Arial;
			font-size: 14px;
			color: #C83739;
			padding: 20px 0 8px 0;
			margin: 0 0 8px 0;
			display: block;
			border-bottom: 1px dotted #D1D1D1;
	}

	
	#footer {
		width: 968px; height: 40px;
		background: url(images/content-bottom.gif) no-repeat bottom;
	/*	line-height: 40px; */
		color: #79786a;
		padding: 0 0 0 30px;
	}
	#footer p { margin: 30px 10px 10px; }
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostNote { margin: 0px; padding: 0px;}
.PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
.PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }


.Comments { padding: 0px; margin: 20px 0px 20px 0px ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }

#content .List .commentlist, #content .List .commentlist .children { margin: 0; padding: 0; }
	#content .List .commentlist .comment-author { margin: 0; padding: 0; }
	#content .List .commentlist li { height: 1%; }
	.commentlist .avatar { float: left; margin: 0 10px 0 0; }
	.comment-meta, .commenttext, #content .List .commentlist .children { padding: 0 0 0 40px; }
	.commenttext { clear: both; }

.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListDate { padding-left: 0px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Form { margin: 0 0 20px; }
.Form h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #cc3300}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px; width: 210px;}
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px; width: 95%; }
 
.Form input.SubmitComment { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat;}

.Comments .comment-navigation .previous { float: left; }
.Comments .comment-navigation .next { float: right; }
.Comments .comment-navigation { margin: 0 0 20px; overflow: hidden; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Image Styles */
	#content .post div.wp-caption { margin: 10px; background: #deddd4; overflow: hidden; }
		#content .post .wp-caption img { display: block; margin: 5px auto; background: none; border: none; }	
		#content .post .wp-caption-text { margin: 5px; padding: 0; font-size: 0.9em; line-height: 1.3em; }
	#content .post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content .post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content .post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content .post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content .post div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content .post div.alignright { text-align: right; float: right; margin-right: 0; }
	#content .post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .post .gallery { margin: 16px auto; }
		#content .post .gallery img { border: none; margin-bottom: 5px; }
		#content .post .gallery .gallery-item, #content .post .gallery .gallery-icon { clear: none; margin: 0; }
		#content .post .gallery .gallery-icon {  }
		#content .post .gallery .gallery-caption { text-align: left; font-size: 0.8em; line-height: 1.3em; margin: 0 5px 10px; }