@charset "utf-8";
/* CSS Document */

body{background:#069 url(images/bg.jpg) repeat-y center top;}

#headerWrapper{background: url(images/header_bg.png) repeat-x; height:190px; text-indent:-9999px;}
	#headerItems{background-repeat:no-repeat; background-image:url(images/header_logo.png); width:960px; height:150px; margin:0px auto;}
		.headerItems_ja{background-position:0px -300px;}
		.headerItems_en{background-position:0px 0px;}
		.languageChanger a{width:205px; height:48px; display:block; margin-left:749px; margin-bottom:36px; background-image:url(images/header_logo.png);}
		#btnJapanese a{background-position:-14px -150px;}
		#btnJapanese a:hover{background-position:-250px -150px;}
		#btnEnglish a{background-position:-505px -150px;}
		#btnEnglish a:hover{background-position:-741px -150px;}
		#btnRSS a{width:67px; height:54px; display:block; background-image:url(images/header_logo.png); background-position:-26px -246px; margin-left:869px;}
		#btnRSS a:hover{background-position:-144px -246px;}
	
	#navi{width:940px; margin:6px auto 0px;}
	#navi li{float:left;}
	#navi a{height:30px; margin-right:8px; background-image:url(images/navi.png);display:block;}
		#btnHome{width:66px; background-position:0px 0px;}
		#btnHome:hover, #btnHome.btnActive{background-position:0px -30px;}
		#btnBlog{width:52px; background-position:-74px 0px;}
		#btnBlog:hover, #btnBlog.btnActive{background-position:-74px -30px;}
		#btnArchives{width:90px; background-position:-134px 0px;}
		#btnArchives:hover, #btnArchives.btnActive{background-position:-134px -30px;}
		#btnProfile{width:69px; background-position:-232px 0px;}
		#btnProfile:hover, #btnProfile.btnActive{background-position:-232px -30px;}
		#btnMessages{width:99px; background-position:-309px 0px;}
		#btnMessages:hover, #btnMessages.btnActive{background-position:-309px -30px;}
		#btnContacts{width:89px; background-position:-416px 0px;}
		#btnContacts:hover, #btnContacts.btnActive{background-position:-416px -30px;}
		
#mainWrapper{width:940px; margin:-4px auto 0px; background:url(images/vertical_line.png) repeat-y 709px 0px;}
	#contentsWrapper{margin-top:23px;}
		#leftArea{float:left; width:710px;}	
			#leftArea #summaryRead{background-image:url(images/summary_read.png); width:704px; height:72px;margin-bottom:30px;}
				#summaryRead .categoryName{display:block; color:#000; padding-left:238px; padding-top:24px; font-size:24px;}
			
			#leftArea .entry{clear:both;}
				#leftArea .information{width:160px; float:left;}
			
				#leftArea .post{width:520px; float:left; margin-left:20px; margin-bottom:30px;}
				.postHeader{background-image:url(images/post_header.png);}
					.postHeader .date{float:left; width:100px; margin-right:15px; padding-top:3px; text-align:center;}
					.postHeader .dateA{font-size:26px; }					
					.postHeader h2{float:left; width:405px; margin-top:15px; padding-bottom:12px; min-height:30px;}
				.postBody{background-image:url(images/post_body.png); padding:0px 12px;}
					.postBody p{margin-bottom:13px; clear:both; overflow:hidden;}
					.postBody blockquote{border-left:7px #6690B1 solid; font-style:italic; margin-left:1em; padding-left:0.5em; padding-right:2em; margin-bottom:13px;}
					.flickrSetArea ul.setPhotos{margin-top:10px; margin-left:6px;}
					.flickrSetLinkArea a{display:block; background:url(images/icon_pictures.png) no-repeat; padding-left:17px;}
					
				.postFooter{background-image:url(images/post_footer.png); height:20px;}
			
			#leftArea #entryNaviArea{margin:0px 0px 30px 180px;}
				#entryNaviArea div{background-image:url(images/post_dark.png); width:520px; padding-top:10px; padding-bottom:10px; }
				#entryNaviArea div:first-child{margin-bottom:10px;}
				#btnNext p{text-align:right; background:url(images/icon_next.png) right 0px no-repeat; padding-right:16px; margin-right:6px;}
				#btnPrev p{background:url(images/icon_prev.png) no-repeat; padding-left:14px; margin-left:6px;}
				#entryNaviArea a{padding-left:4px;}
				#entryNaviArea #pagination {padding-left:0px; text-align:center;}
			
			#leftArea #commentArea {width:520px; margin-left:180px; margin-top:20px;}
				#commentArea h2{margin-top:20px;}
				#commentArea .comment{margin-bottom:10px;}
			
				.commentHeader{background:url(images/comment_header.png) no-repeat; height:10px;}
				
				.commentBody{background:url(images/post_body.png) repeat-y; padding:0px 10px; position:static;}
					.commentBody .avatar{float:left; margin-left:0px;}
					.commentBody .actualComment{float:left; width:432px; margin-left:10px; margin-top:-16px; z-index:1; position:relative;}
					.commentBody .date{float:right; z-index:2; margin-right:10px; padding-right:21px; position:relative; background:url(images/icon_link.png) no-repeat right;}
				
				.commentFotter{background:url(images/post_footer.png) no-repeat; height:20px;}
				
				#commentForm{margin-bottom:40px;}
					#captchaArea img{float:left; margin-top:2px;}
					#captchaArea input{float:left; margin-left:5px;}
					
					#btnComment{background-image:url(images/btn_comment.png); background-color:transparent; width:141px; height:41px; border:none; text-indent:-9999px; outline:none; cursor:pointer;}
					#btnComment:hover{background-position:-141px 0px; outline:none;}
					#btnComment:active{background-position:-282px 0px; outline:none;}
		
		#rightArea{float:right; width:220px; margin-left:10px; margin-bottom:20px;}
			#rightArea h2{margin-top:20px;}
			#rightArea h2:first-child{margin-top:0px;}
			
			#twitterArea{margin-left:5px; margin-right:5px;}
			#btnTwitter a{width:220px; height:75px; background-image:url(images/btn_twitter.png);  margin-bottom:0px; text-indent:-9999px; display:block;}
			#btnTwitter a:hover{background-position:-220px 0px;}
			
			#recentEntryArea{margin-bottom:30px;}
			#flickrArea{margin-bottom:0px;}
			#powerdByArea{margin-bottom:0px;}
			#mapArea{background-image:url(images/th_bg_idle.png); padding:5px; width:200px; margin:0px auto 30px;}
				#mapCanvas{width:200px; height:150px;}

#footerWrapper{background:url(images/footer_bg.png) repeat-x; margin-top:-6px;padding-top:15px; margin-bottom:-6px; padding-bottom:15px;}
#footerItems{width:940px; margin:0px auto; color:#000 !important;}
	#footerItems >div{float:left; margin-bottom:24px;}
	#footerItems .footerItemHeader{height:41px; text-indent:-9999px;}
	#footerItems .footerItemBody{background:url(images/footeritem_bg.png) repeat-y right; padding:8px 10px 5px 4px;}
	#footerItems .footerItemFooter{background:url(images/footeritem_footer.png) no-repeat right bottom; height:3px; text-indent:-9999px;}
	#footerCategory{width:160px; margin-right:20px;}
		#footerCategory .footerItemHeader{background-image:url(images/footeritem_category.png);}
	#footerCountry{width:460px; margin-right:20px;}
		#footerCountry .footerItemHeader{background-image:url(images/footeritem_country.png);}
		#footerCountry .realList li{float:left; width:120px;}
		#footerCountry .realList li.linkMore{width:425px;}
	#footerFavourite{width:280px;}
		#footerFavourite .footerItemHeader{background-image:url(images/footeritem_favourite.png);}
	#footerWrapper .realList li{background-image:url(images/icon_arrow.png);}
	#footerWrapper .realList li.linkMore{background-image:none; text-align:right;}
	#footerWrapper p{width:940px; margin:0px auto; text-align:center;}
	
	#footerWrapper .btnValidate{width:46px; height:15px; display:inline-block; background-image:url(images/btn_validation.png); text-indent:-9999px; margin-left:6px;}
	#btnXHTML:hover{background-position:0px -15px;}
	#btnCSS{background-position:-52px 0px;}
	#btnCSS:hover{background-position:-52px -15px;}
	

/* for Index page */
#leftArea .siteSummary{width:704px; height:177px; text-indent:-9999px; margin-bottom:30px;}
	#summaryEn{background:url(images/summary_en.png);}
	#summaryJa{background:url(images/summary_ja.png);}

#quickLinks{margin-bottom:30px;}
	#quickLinks li{float:left; margin-right:20px;}
	#quickLinks .zeroMargin{margin-right:0px;}

#bottomArea{}
	#bottomArea .bottomContainer{float:left; width:220px; margin-right:20px;}
	#bottomArea .zeroMargin{margin-right:0px;}
		

/* for Archive Page */
ul#monthlyArchive{margin-bottom:24px;}
ul#monthlyArchive li{float:left; width:170px; height:41px;}
ul#monthlyArchive li a{display:block; background-image:url(images/btn_monthlyarchive.png); width:170px; height:26px; text-align:center; padding-top:15px;}
ul#monthlyArchive li a:hover{background-position:-170px 0px;}

ul#allEntries { background-image:url(images/post_body.png); padding:12px 12px;}
ul#allEntries li{height:30px; margin-top:5px;}

/* for profile page */
#profileWrapper{margin-bottom:30px;}
	#profilePic{float:left; margin-right:20px;}
	#profileBody{float:left; width:520px;}
	#profileBody p{margin-bottom:1em;}