﻿@charset "utf-8";

/* ??? ???? ?? ??? ?? */

/* ?? ?? */
body{
		font:12px Tahoma, verdana, sans-serif;
		background-color:#fff;
		color:#666;
		margin:0px;
		background:url(./images/body_bg.gif) top left repeat-x fixed;
		line-height:20px;
}
a:link          { color:#666;   text-decoration:none;}
a:visited       { color:#666;   text-decoration:none;}
a:hover         { color:#3A3E58;	text-decoration:none;}
a:active        { color:#666;	text-decoration:none;}

a.default:link          { color:#666;   text-decoration:none;}
a.default:visited       { color:#666;   text-decoration:none;}
a.default:hover         { color:#3A3E58;	text-decoration:none;}
a.default:active        { color:#666;	text-decoration:none;}

/* ??? - ?? ??? */
    .selected               { font-weight:bold;  color:#3A3E58;}
    .no-more-prev,
	.no-more-next { color:#ccc;}


/* ???? - ??? ?? */
    .ib                     { cursor:pointer;}
/* ???? - ?? ? */
    .branch3                { cursor:pointer;}
/* ???? - ???? ? ?? ??? */
    .c_cnt                  { font:9px tahoma; color:#999;}

/* ?? ? ?? */
    .cal_month              { font:12px tahoma; font-weight:bold; text-align:center; line-height:20px; background:url(./images/bg_ad.gif)}
/* ?? ?? ??(th ??) */
    .cal_week1              { font:12px Tahoma, Arial, sans-serif;  height:18px;  font-weight:normal; text-align:center;}
/* ?? ??? ??(th ??) */
    .cal_week2              { font:12px Tahoma, Arial, sans-serif;  color:#1b5056;  text-align:center;}

/* ?? Week(tr ??)  */
    .cal_week               { }
    .cal_current_week       { }

/* ?? Day(td ??) */
    .cal_day                { font:9px tahoma, Helvetica, Arial, sans-serif;  color:#999;  text-align:center; height:20px; text-align:center; margin-left:8px;}
/* ?? Day, ??? (td ??)  */
    .cal_day_sunday         { color:#1b5056 !important;}
    .cal_day_sunday a        { color:#1b5056 !important;}

/* ?? ?? ? ?? ??(td)   */
    .cal_day1               { color:#fff;}
/* ?? ?? ? ?? ??(td)   */
    .cal_day2               { color:#fff;}
/* ?? ?? ? ?? ??(td) */
    .cal_day3               { color:#333;}
/* ?? ?? ?? ??(td) */
    .cal_day4               { color:#51557A !important;}
/* ?? ?? ? ?? ??? */
    a.cal_click:link        { color:#51557A !important;  font-weight:bold;}
    a.cal_click:visited     { color:#51557A !important;  font-weight:bold;}
    a.cal_click:hover       { color:#51557A !important;  font-weight:bold; font-size:15px;}

/* ??? ??? [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(./images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* ??? ??? [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(./images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* ?? ?? (????? ??? ??)    */
    .hiddenComment { background:url(./images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* ??? ?? ?? ??? */
    .cap1                   { color:#999;  text-align:center;}
/* ?? */
    .imageblock             { }
/* ?? */
    .left                   { }
/* ??? */
    .center                 { }
/* ??? */
    .right                  { }
/* ?? 2? ?? */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* ?? 3? ?? */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* ?? - more / less */
    .moreless_fold          { padding-left:20px; color:#333; font-weight:bold;}
    .moreless_top           { padding-left:20px; color:#333; font-weight:bold;}
    .moreless_body          { }
    .moreless_bottom        { }

/* ??? */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* ??? ?????? ??? ? - ? ??? ???? ??, ?? ?? */


/* common styles */
img		{border:none;}

.article{line-height:20px;}
#header	{height:40px; padding-left:322px;}
#main	{width:950px;}

#main 	#float	{position:absolute; z-index:2}
#main 	.bg		{width:500px; border:10px solid #eee; margin:0px 0px 20px 20px; padding:20px; background:#fff;}

.f9		{font:12px tahoma;}
.f11	{font:11px Tahoma; }
.f12	{font:12px Tahoma; }
.f13	{font:13px Tahoma; font-weight:bold; }
.f15	{font:15px Tahoma; font-weight:bold; }
.f13AB	{font:13px "Arial Black"; }
.f30	{font:30px Tahoma; }

.point	{font-weight:bold; color:#3A3E58;}
.name1	{color:#ccc; font-weight:bold;}

.star1	{color:#3A3E58; font:9px tahoma;}

h2
{
	font-size: 15px;
	color: #51557A;
}

h2 a:link, h2 a:visited
{
	color: #51557A;
}

h2 a:hover, h2 a:active
{
	color: #51557A;
}

/*-------------------------------*/

/* header */

/*-------------------------------*/

#header ul
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	list-style: none;
	padding: 10px 0 0 0;
	text-align: left;
}

#header li
{
	display: inline;
}

#header li a
{
	padding: .1em .5em;
	text-decoration: none;
}

#header li a:link, #header li a:visited
{
	color: #333;
}

#header li a:hover, #header li a:active
{
	color: #333;
	background: #8E93B5;
}

/* selected */

#tt-body-page #header .tab_home a, 
#tt-body-search #header .tab_home a,
#tt-body-archive #header .tab_home a,
#tt-body-category #header .tab_home a,
#tt-body-entry #header .tab_home a,
#tt-body-cover #header .tab_cover a,
#tt-body-location #header .tab_location a,
#tt-body-tag #header .tab_tag a,
#tt-body-keylog #header .tab_keyword a,
#tt-body-notice #header .tab_notice a,
#tt-body-guestbook #header .tab_guestbook a
{
	color: #dd568c;
	text-decoration: underline;
}



/* Gondola */
#gondola	{position:absolute; width:100%; /*background:url(./images/group_bg.gif) repeat-x;*/ z-index:1;}
#gondola	#gondolaBg	{width:100%; height:140px; background:url(./images/group_bg_center.gif) repeat-x; position:absolute; z-index:2; }
#gondola	#introduce	{padding:20px 0px 20px 600px; height:60px;}
#gondola	#introduce	#pic		{position:absolute; background:#fff; width:46px; height:46px; border:#3A3E58 solid 7px; z-index:10}
#gondola	#introduce	#blogTitle	{position:absolute; margin:15px 0px 0px 70px; z-index:10}
#gondola	#introduce	#blogTitle2	{position:absolute; margin:16px 0px 0px 71px; z-index:9; color:#ddd;}

#gondola	#greenLine	{position:relative; left:600px; z-index:3; color:#fff; }
#gondola	#greenLine	a.linkWhite:link		{color:#fff; text-decoration:none;}
#gondola	#greenLine	a.linkWhite:hover		{color:#fff; text-decoration:none;}
#gondola	#greenLine	a.linkWhite:visited	{color:#fff; text-decoration:none;}

#gondola	#greenLine	a:link		{color:#999; text-decoration:none;}
#gondola	#greenLine	a:hover		{color:#3A3E58; text-decoration:none;}
#gondola	#greenLine	a:visited	{color:#999; text-decoration:none;}

#gondola	.rv			{position:relative; float:left; width:100%; padding:20px 0px 20px 0px; display:none; color:#666; z-index:1; line-height:20px; text-align:justify; margin-top:-2px;}
#gondola	.rvContent	{width:270px; font:12px tahoma;}
#gondola	#rv_category{line-height:normal;}
#gondola	.rv_trackrep{line-height:normal; margin-bottom:10px;}
#gondola	#rvSpace	{height:0px;}

/* ???? ??? div */
/* ? #rv_article, ??#rv_reply, ??? #rv_trackback, ?? #rv_link, ??? #rv_archive, ?? #rv_tag, ???? #rv_category */
#gondola	#rv_article	{display:block;}

#rv_tag .cloud1, #tag .cloud1 	{color:#51557A !important; text-decoration:none;}
#rv_tag .cloud2, #tag .cloud2	{color:#626262 !important; text-decoration:none;}
#rv_tag .cloud3, #tag .cloud3	{color:#959595 !important; text-decoration:none;}
#rv_tag .cloud4, #tag .cloud4	{color:#c2c2c2 !important; text-decoration:none;}
#rv_tag .cloud5, #tag .cloud5	{color:#ddd !important; text-decoration:none;}

#sidebar2	{position:absolute; left:600px; width:270px; text-align:left;}
#sidebar2	div			{margin:0px 0px 0px 0px;}

#rv_notice	{line-height:15px; padding:0px 0px 10px 0px;}

#counter	{color:#d9d9d9;}
#author		{color:#d9d9d9;}
			a.grayLink1:link		{color:#d9d9d9; text-decoration:none;}
			a.grayLink1:hover		{color:#3A3E58; text-decoration:none;}
			a.grayLink1:visited	{color:#d9d9d9; text-decoration:none;}

#searchBox		{padding-top:15px;}
#searchBox		input		{background:url(./images/tx_search.gif) right no-repeat; width:170px; height:13px; border:4px solid #f2f2f2; color:#b2b2b2; padding-top:4px; padding-left:3px; background-color:#fff;}

#login		{padding-top:5px;}

/* Search List */
#searchArticle ol, 
#searchReply ol,
#searchTrack ol,
#trackback ol			{ list-style:none;  padding:0px;  margin:0;}
#searchArticle li, 
#searchReply li			{ padding-top:15px;}
#searchTrack li,
#trackback li			{ padding:20px 0px 0px 0px; border-top:1px solid #e5e5e5; margin-top:15px;}
				.tbBody	{float:right; text-align:right; line-height:10px;}

/* keywords */
#keyword		{text-align:center;}

/* error page */
#error		{text-align:center;}

/* tag */
#tagBody		{text-align:justify; line-height:30px; word-break:break-all; word-wrap:break-word;}
#tagBody		a:hover	{color:#3A3E58 !important;}

/* guestbook */
#guestInput		{height:30px;}
#guestInput		input		{width:80px; height:23px; border:0px solid; padding-top:7px; color:#4c4c4c;}
#guestInput		.homesite	{width:130px; height:20px; padding-top:10px;}
#guestInput		.checkbox	{width:12px; position:absolute; margin-top:5px;}

#guestHead		textarea	{width:480px; height:150px; background:url(./images/tx_bg.gif); color:#7f7f7f; border:none; overflow:auto; padding:10px;}
#guestHead		.submit		{margin-top:10px;}

#control		{float:right; text-align:right; margin-top:-23px;}
.guestbookVision{padding-bottom:10px; line-height:10px;}
.vision			{width:10px; height:30px; background:#3A3E58; position:absolute; margin:-2px 0px 0px -30px;}
.guestbookBody, replyBody	{line-height:20px; text-align:justify;}
.gLine			{height:1px; background:#e5e5e5; margin:20px 0px 20px 0px;}

#control		a:link		{color:#ccc; text-decoration:none;}
#control		a:hover		{color:#3A3E58; text-decoration:none;}
#control		a:visited	{color:#ccc; text-decoration:none;}

.guestbookVision	a:link          { color:#666;   text-decoration:none;}
.guestbookVision	a:visited       { color:#666;   text-decoration:none;}
.guestbookVision	a:hover         { color:#3A3E58;	text-decoration:none;}
.guestbookVision	a:active        { color:#666;	text-decoration:none;}

/* local */
#local	.spot	{background:url(./images/pic_reply.gif) no-repeat top left; padding-left:10px;}
#local	.local0	{margin-top:20px; background:url(./images/tx_bg.gif); padding:5px 0px 5px 5px!important; font:30px Tahoma !important; font-weight:bold !important; letter-spacing:-6px; border-bottom:1px dashed #eee;}
#local	.local0 .spot	{background:none; padding:0px;}
#local	.info	{height:20px;}

/* Article */
#articleHead	img	{}
#notice			.article	{padding-top:0px;}
.postadmin		{padding:3px; margin:-5px 0px 0px 0px; position:absolute;  border:1px dashed #ccc; background:url(./images/tx_bg.gif);}
.article		{padding-top:20px;}

.article	blockquote	{	border:1px dashed #ddd;	padding:15px;}
.article	h3		{	font:12px Tahoma; font-weight:bold; color:#3A3E58;}
.article	h4		{	font:15px Tahoma; font-weight:bold; letter-spacing:-2px; color:#666; line-height:25px;}
.article	h5		{	font:30px Tahoma; letter-spacing:-3px; color:#666; line-height:30px;}
.article	h6		{	font:30px Tahoma; letter-spacing:-3px; color:#3A3E58; line-height:30px;}

.article	hr		{	height:1px; margin:10px 0px 10px 0px;}
.article	ol		{	margin:0px 0px 0px 10px;}
.article	ul		{	list-style: none;}
.article	ul li	{	padding-left: 10px;}

.article	a		{border-bottom:1px dashed #3A3E58;}


.tattermoreless	{	border:dashed 1px #ddd; padding:5px;}

/* tnr */
#tnr						{width:100%; color:#e1e1e1; text-align:right; padding:20px 0px 20px 0px;}
#tnr			.tnrcount	{color:#3A3E58;}
#tnr			a.tnr:link	{color:#e1e1e1; text-decoration:none;}
#tnr			a.tnr:hover	{color:#3A3E58; text-decoration:none;}
#tnr			a.tnr:visited{color:#e1e1e1; text-decoration:none;}

#trackback		.address	{color:#8c8993;}
#trackback		.vision		{width:10px; height:30px; background:#3A3E58; position:absolute; margin:-10px 0px 0px -30px;}

#reply			{line-height:20px; text-align:justify;}
#reply			ol,ul		{list-style:none; padding:0px; margin:0px;}
#reply			li			{padding:20px 0px 0px 0px; border-top:1px solid #e5e5e5; margin-top:20px;}
#reply			li.rp2		{padding:20px 0px 0px 0px; border-top:1px dashed #e5e5e5; margin-top:20px;}
.replyVision	{padding-bottom:10px; line-height:10px;}
.replyVision	img	{/*margin:-7px 0px 0px 684px; position:absolute;*/}

.replyVision	a:link          { color:#666;   text-decoration:none;}
.replyVision	a:visited       { color:#666;   text-decoration:none;}
.replyVision	a:hover         { color:#3A3E58;	text-decoration:none;}
.replyVision	a:active        { color:#666;	text-decoration:none;}

#replyWrite		{padding-top:20px; border-top:1px solid #e5e5e5; margin-top:20px;}
#getOpenID		{float:right; margin-top:-20px;}
#replyInput		{position:relative;}
#replyInput		input		{width:80px; height:23px; border:0px solid; padding-top:7px; color:#4c4c4c;}
#replyInput		.homesite	{width:130px; height:20px; padding-top:10px;}
#replyInput		.checkbox	{width:12px; height:12px; position:absolute; margin-top:10px;}

#replyWrite		textarea	{width:480px; height:150px; background:url(./images/tx_bg.gif); color:#7f7f7f; border:none; overflow:auto; padding:10px;}
#replyWrite		.submit		{margin-top:10px;}

/* pageing */
#pageing		.pages		{float:right; text-align:right;}
