/* StyleImport */
@import url(css/pages.css);

*		{ margin:0; padding:0; }
/* htmlStyle		----------------------------------------------------- */
	body 			{ font-size: 90%; background:#fff; }
	h1				{ margin:15px 0; font-size:17px; }
	h2				{ font-size: 1.5em; padding:0 10px; }
	h2,
	h2 a ,
	h3,
	h3 a 			{ color: #f0037f ; text-decoration:none; }
	h2 a:visited,
	h3 a:visited	{ color:#657c94; }
	h3				{ font-size: 1em; margin:30px 0 5px; }
	h4				{ color:#F781BF; margin:30px 0 5px; }
	#info			{ margin:0 0 0 20px; margin-bottom:15px;}
	img				{ border:none; }
	p				{ margin-bottom:15px; }

/* frame 			----------------------------------------------------- */
	#header			{ width: 1000px; height:80px; margin: 0px;}
	#main			{ padding:100px 0 0 0; background:url(img_cmn/mainBack.gif) repeat-x left top; background-image:url}
	#leftCol		{ width: 680px; float: left; margin: 0; }
	#rightCol		{ width: 300px; margin-left:680px; }
	#footer			{ height: 50px; clear: both; text-align: center; padding: 19px 0 0 0 ; font-size: 8pt; background:url(img_cmn/footBack.gif) repeat-x ;}
	#footerDec		{ background:url(img_cmn/animal.png); height:80px; margin:-99px 10px 20px 5px !important; }

/* headerDetail		----------------------------------------------------- */
	#sticker					{ float:left; position:absolute; top:-85px; left:-100px; z-index:5; }
	#hTitleBlog					{ float:left; position:absolute; margin-top:94px; margin-left:1020px; }
	#logo						{ z-index:0; float:left; width:267px; text-indent:-9999px; position:relative; top:20px; left:80px; }
	#logo a						{ display:block; width:267px; height:53px; float:left; background: url(img_cmn/h_title.gif) no-repeat left top; text-indent:-9999px; }

	#headerInnerRight			{ width:521px; margin:0 0 0 474px; }
	#searchform					{ margin:0 0 0 245px; position:relative; top:10px; display:block; background:url(img_cmn/h_searchForm.gif) no-repeat left top; }
	#searchform:hover			{ background-position:0 -24px; }
	#searchInputText			{ width:188px; border:none; margin:3px 0 0 5px; font-size:11pt; background:none; }
	#searchsubmit				{ width:70px; height:24px; top:-3px; position:relative; border: none; cursor:pointer; background:none; }
	
/*	#searchInputText 			{ background-position:0 0; }
	#searchInputText:hover 		{ background-position:0 -24px !important;}
	#searchsubmit				{ background-position: 0 0;}
	#searchsubmit:hover			{ background-position: 0 -24px;}
*/
	#gnavi						{ width:521px; height:30px; margin:26px 0 0 0; }
	#gnavi ul					{ list-style:none; font-size:0.4em; }
	#gnavi li					{ float:left; display:inline; }
	#gnavi a					{ width:100px; height:30px; margin:0 3px 0 0; display: block; background:url(img_cmn/h_gnavi.gif) no-repeat; text-indent:-9999px; }
	#gnHome a					{ background-position:0 0; }
	#gnHome a:hover				{ background-position:0 -40px; }
	#gnAuthors a				{ background-position:-103px 0; }
	#gnAuthors a:hover			{ background-position:-103px -40px; }
	#gnArchive a				{ background-position:-206px 0; }
	#gnArchive a:hover			{ background-position:-206px -40px; }
	#gnRanking a				{ background-position:-309px 0; }
	#gnRanking a:hover			{ background-position:-309px -40px; }
	#gnWiki a					{ background-position:-412px 0; }
	#gnWiki a:hover				{ background-position:-412px -40px; }
	
/* mainDetail		----------------------------------------------------- */
	#titlelabo			{ background:url(img_cmn/h_labo.gif) no-repeat; }
	.post				{ color:#fff; }
	.postInner			{ padding:70px 0 40px 0; }

/*	.postdate			{ height:50px; font-family:Times New Roman, serif; color:#eee; font-weight:bold; font-size:40px;  } */
	.entry				{ margin:5px 85px 25px 55px; color:#657c94; font-size:14px; line-height:150%; }
	.entry ul			{ margin:15px 0; padding:15px 30px 10px; border:dotted 1px; color:#00A0C6; }
	.postdate			{ font-size:80%; color:#63c5ed !important; margin:5px 0 30px 70px; }
	.post h2			{ margin:0 25px 0 55px; color:#00a0c6; border-left:5px solid #ff88c1; }
	.post a				{ color:#00a0c6; font-weight:bold; }
	.post a:hover		{ color:#ffcc77; text-decoration:underline; }
	.info,
	#bookmark			{ margin:0 100px 10px 0; color:#ff93c0; font-size:95%; text-align:right; }

	#commentform							{ margin:10px 0 95px 40px; color:#1daacc; }
	#commentform th,
	#submit									{ cursor: pointer;text-indent:-9999px; border-left-style:none; }
	#commentform .submitCell input 			{ height:17px; display:block; background: url(img_cmn/sendButton.gif) no-repeat 0 0; }
	#commentform .submitCell input:hover	{ background: url(img_cmn/sendButton.gif) no-repeat 0 -17px ; }
	#commentform textarea					{ width:465px; }
	#commentform input						{ width:218px; height:20px; }
	#commentform input,
	#commentform textarea					{ background:#9fdaea ; border-style:none; }
	#commentform input:focus,
	#commentform textarea:focus				{ background:#cfedf4 ; }
	#commentform P							{ margin:0 0 5px 10px; }
	#author,
	#email,
	#url,
	#comment								{ color:#1daacc; font-weight:bold; }


/* manuDetail		----------------------------------------------------- */

/* leftColDetail	----------------------------------------------------- */
	#nameForm		{ padding: 0 0 0 22px; }
	#emailForm		{ padding: 5px 0 0 30px; }
	#linkForm		{ padding: 5px 0 0 32px; }
	#commentForm	{ padding: 10px 0 0 0 ; }
	#comment-2		{ margin:20px; }
	#paging			{ margin:30px 0 70px 65px; }

/* rightColDetail	----------------------------------------------------- */
	#rightCol ul 			{ padding: 0 0 0 10px; list-style-type: none; }
	#rightCol h2			{ margin:25px 0 25px 9px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:left top; }
	
	#newerPostsList a		{ color:#0085a5; }
	#newerPostsList a:hover	{ color:#ffcc77; }
	#newerPostsList li		{ padding:0 0 10px 20px; background:url(img_cmn/iconWord.png) no-repeat left top;}
	#categoryList a			{ color:#0085a5; }
	#categoryList a:hover	{ color:#ffcc77; }
	#categoryList			{ margin-left:10px; }
	#categoryList li		{ padding:0 0 10px 20px; background:url(img_cmn/iconFolder.png) no-repeat left top; }
	#categoryList ul		{ margin-top:10px; }
	
	#rColAboutThisBlog		{ height:93px !important; margin: 0 0 0 18px; background-image:url(img_cmn/r_aboutThisBlogTitle.gif); }
	#introduction			{ width:245px !important; margin:-20px 0 0 25px; font-size:80%; color:#657c94; font-weight:bold; }
	#rBanner				{ margin:30px 5px; }
	#rBanner a				{ width:281px; height:111px; background-image:url(img_cmn/rBanner1.gif); display:block; }
	#rBanner a:hover		{ background-position:0 -111px; }
	#rBanner p span			{ font-size: 80% !important; }

	#rColRss				{ height:117px; background:url(img_cmn/r_rssBack.gif) no-repeat left top; }
	#rColRss p				{ margin:0 30px 0 20px; padding:30px 0 0 0; font-size:12px; font-weight:bold; }
	#rColRss p span			{ margin:20px 0 0 0; display:block; line-height:140%; }
	#rColRss p img			{ float:right; }
	#rColAuthors			{ margin:20px 0 10px 30px; background:url(img_cmn/r_authorsTitle.gif) no-repeat; }
	#rColAuthorsList		{ width:250px; height:160px; }
	#rColAuthorsList li		{ float:left; display:inline; }
	#rColAuthorsList a		{ margin:2px 2px 0 0 ;  width:80px; height:80px; text-indent:-9999px; display:block; }
	
	#rColNewer				{ margin:40px 0 10px 30px; background-image:url(img_cmn/r_newerPostsTitle.gif); }
	#rColCategory			{ margin:40px 0 10px 30px; background-image:url(img_cmn/r_categoryTitle.gif); }
	#rColComment			{ margin:40px 0 10px 30px; background-image:url(img_cmn/r_commentTitle.gif); }


/* footerDetail		----------------------------------------------------- */
	#previous	{ margin:10px 0 20px 0; text-align:center;}


/* common			----------------------------------------------------- */
	.clearfix:after { content: ""; display: block; clear: both; }