@charset "utf-8";

/*-------------------------------*/
/* General style */
/*-------------------------------*/
* {
	margin:0; 
	padding:0; 
}

html {
	font-size: 100%;
	background:#000 url(./images/bg_body.gif) repeat 0 0;
}

body {
	background:url(./images/bg_bodyTop.gif) repeat-x 0 0;
	font:0.75em/1.4 verdana; letter-spacing:-0.1em;
	color:#000;
}

a { text-decoration:none; }
a:link, a:visited {color:#c33;}
a:hover, a:active {color:#f66;}

/* Misc */
button { border:none; cursor:pointer;}
img {border:none;}
br {letter-spacing:0;}
.clear {clear:both;}
hr {height:0px; display:none;}

/* Clearing fix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*-------------------------------*/
/* Layout */
/*-------------------------------*/
#container {width:800px; float:left}

#wrapper {
	position:relative;
	margin-left:165px;
	width:600px;
	background:url(./images/bg_content.gif) repeat 0 0;
	border-left:8px solid #5d000c;
	border-right:8px solid #5d000c;
}

#Notice ul {padding:0px; margin:0px}
#Notice ul li {list-style:none; height:0px}
#Notice ul li span {color:#c45050; padding:0px 3px}
#Notice ul li a {padding-left:3px}

#sidebar {
	position:absolute;
	top:7px;
	left:800px;
	width:500px;
}

#sidebar a:link, #sidebar a:visited { 
	color:#666 !important;
}
#sidebar a:hover, #sidebar a:active {
	color:#ccc !important;
	background-color:transparent !important;
}

#sidebar ol, #sidebar ul { list-style:none; }
#sidebar li {
	font:1em/1.4em verdana;
	color:#666;
}

/* Banner */
#sidebar .banner { margin-top:35px;}
#sidebar .banner p {
	font:1em/1.4em verdana;
	color:#666;
	margin-bottom:15px;
}

#sidebar .banner img { 
	float:left;
	margin-right: 5px;
	margin-top:-2px;
}

.banner a:link span, .banner a:visited span { color:#999 !important; }
.banner a:hover span, .banner a:active span { color:#fff !important; background-color:transparent !important;}

#header {
	margin:0 auto;
	width:600px; 
	height:230px; 
	text-align:center;
	background:#5d000c url(./images/bg_img1.gif) no-repeat 50% 0;
}

#menu {
	margin:0 auto;
	width:100%; 
}

#contentColumn { 
	padding:30px 24px 0; 
	width:550px; 
	min-height:440px;
	background:url(./images/bg_contentTop.gif) repeat-x 0 0;
}
*html #contentColumn { height:440px; }

#footer {
	clear:both; 
	margin-top:30px;
	height:3em;
	background:#5d000c url(./images/bg_img1.gif) no-repeat 50% 100%;
}
#footer a:link, #footer a:visited { color:#c4a0a0; }

/*-------------------------------*/
/* Default font */
/*-------------------------------*/
h1 {
	font:1.8em verdana;
}
h1 a { 
	background-color: #000 !important; 
	padding: 0 18px 10px; 
}
h1 a:link, h1 a:visited {color:#eee !important;} 
h1 a:hover, h1 a:active {color:#fff !important;}

h2 {
	font:bold 1.3em verdana;
	letter-spacing:-1px;
	color:#900;
}

h3 {
	font:bold 1em verdana;
	letter-spacing:-1px;
	color:#acb7b6;
}

h4 {
	margin:25px 0 0;
	font:1.5em verdana;
	color:#888;
}

.smallText {
	font:1em verdana;
	letter-spacing:0;
	color:#999;
}
.smallText a:link, .smallText a:visited  { color:#999 !important; }
.smallText a:hover, .smallText a:active { background-color:#eee !important; color:#333 !important;}

/*-------------------------------*/
/* Body-Id */
/*-------------------------------*/
/* link style */
#tt-body-page a:link, #tt-body-page a:visited,
#tt-body-search a:link, #tt-body-search a:visited,
#tt-body-archive a:link, #tt-body-archive a:visited,
#tt-body-category a:link, #tt-body-category a:visited,
#tt-body-keylog a:link, #tt-body-keylog a:visited,
#tt-body-entry a:link, #tt-body-entry a:visited {
	color:#c33;
}
#tt-body-page a:hover, #tt-body-page a:active,
#tt-body-search a:hover, #tt-body-search a:active,
#tt-body-archive a:hover, #tt-body-archive a:active,
#tt-body-category a:hover, #tt-body-category a:active,
#tt-body-keylog a:hover, #tt-body-keylog a:active,
#tt-body-entry a:hover, #tt-body-entry a:active {
	color:#f66;
}

#tt-body-notice a:link, #tt-body-notice a:visited {
	color:#c39;
}
#tt-body-notice a:hover, #tt-body-notice a:active {
	color:#f6c; 
}

#tt-body-tag a:link, #tt-body-tag a:visited {
	color:#069;
}
#tt-body-tag a:hover, #tt-body-tag a:active {
	color:#09c; 
}

#tt-body-location a:link, #tt-body-location a:visited {
	color:#993;
}
#tt-body-location a:hover, #tt-body-location a:active {
	color:#cc3; 
}

#tt-body-guestbook a:link, #tt-body-guestbook a:visited {
	color:#693;
}
#tt-body-guestbook a:hover, #tt-body-guestbook a:active {
	color:#9c6; 
}

#tt-body-media a:link, #tt-body-media a:visited {
	color:#096;
}
#tt-body-media a:hover, #tt-body-media a:active {
	color:#3c9; 
}

/* outline */
#tt-body-page #wrapper,
#tt-body-search #wrapper,
#tt-body-archive #wrapper,
#tt-body-category #wrapper,
#tt-body-keylog #wrapper,
#tt-body-entry #wrapper {
	border-left:8px solid #5d000c;
	border-right:8px solid #5d000c;
}

#tt-body-notice #wrapper {
	border-left:8px solid #631b37;
	border-right:8px solid #631b37;
}

#tt-body-tag #wrapper {
	border-left:8px solid #00465d;
	border-right:8px solid #00465d;
}

#tt-body-location #wrapper {
	border-left:8px solid #5C652D;
	border-right:8px solid #5C652D;
}

#tt-body-guestbook #wrapper {
	border-left:8px solid #49673b;
	border-right:8px solid #49673b;
}

#tt-body-media #wrapper {
	border-left:8px solid #254c46;
	border-right:8px solid #254c46;
}


/* Header image */
#tt-body-page #header,
#tt-body-search #header,
#tt-body-archive #header,
#tt-body-category #header,
#tt-body-keylog #header,
#tt-body-entry #header {
	background:#5d000c url(./images/bg_img1.gif) no-repeat 50% 0;
}

#tt-body-notice #header {
	background:#631b37 url(./images/bg_img2.gif) no-repeat 50% 0;
}

#tt-body-tag #header {
	background:#00465d url(./images/bg_img3.gif) no-repeat 50% 0;
}

#tt-body-location #header {
	background:#5c652d url(./images/bg_img4.gif) no-repeat 50% 0;
}

#tt-body-guestbook #header {
	background:#49673b url(./images/bg_img5.gif) no-repeat 50% 0;
}

#tt-body-media #header {
	background:#49673b url(./images/bg_img6.gif) no-repeat 50% 0;
}

/* menu */
#tt-body-page #menu ul li.tab_page a,
#tt-body-search #menu ul li.tab_page a,
#tt-body-archive #menu ul li.tab_page a,
#tt-body-category #menu ul li.tab_page a,
#tt-body-keylog #menu ul li.tab_page a,
#tt-body-entry #menu ul li.tab_page a {
	color:#f66;
}

#tt-body-notice #menu ul li.tab_notice a {
	color:#f6c;
}

#tt-body-tag #menu ul li.tab_tag a {
	color:#6cf;
}

#tt-body-location #menu ul li.tab_location a {
	color:#cc3;
}

#tt-body-guestbook #menu ul li.tab_guest a {
	color:#6c3;
}

#tt-body-media #menu ul li.tab_media a {
	color:#3c9;
}

/* h2 */
#tt-body-page h2,
#tt-body-search h2,
#tt-body-archive h2,
#tt-body-category h2,
#tt-body-keylog h2,
#tt-body-entry h2 {
	color:#900;
}

#tt-body-notice h2 {
	color:#906;
}

#tt-body-tag h2 {
	color:#069;
}

#tt-body-location h2 {
	color:#990;
}

#tt-body-guestbook h2 {
	color:#693;
}

#tt-body-media h2 {
	color:#096;
}

/* footer */
#tt-body-page #footer,
#tt-body-search #footer,
#tt-body-archive #footer,
#tt-body-category #footer,
#tt-body-keylog #footer,
#tt-body-entry #footer {
	background:#5d000c url(./images/bg_img1.gif) no-repeat 50% 100%;
}

#tt-body-notice #footer {
	background:#5d000c url(./images/bg_img2.gif) no-repeat 50% 100%;
}

#tt-body-tag #footer {
	background:#5d000c url(./images/bg_img3.gif) no-repeat 50% 100%;
}

#tt-body-location #footer {
	background:#5d000c url(./images/bg_img4.gif) no-repeat 50% 100%;
}

#tt-body-guestbook #footer {
	background:#5d000c url(./images/bg_img5.gif) no-repeat 50% 100%;
}

#tt-body-media #footer {
	background:#5d000c url(./images/bg_img6.gif) no-repeat 50% 100%;
}

/* Footer link */
#tt-body-page #footer a:link, #tt-body-page #footer a:visited,
#tt-body-search #footer a:link, #tt-body-search #footer a:visited,
#tt-body-archive #footer a:link, #tt-body-archive #footer a:visited,
#tt-body-category #footer a:link, #tt-body-category #footer a:visited,
#tt-body-keylog #footer a:link, #tt-body-keylog #footer a:visited,
#tt-body-entry #footer a:link, #tt-body-entry #footer a:visited {
	color:#c4a0a0;
}

#tt-body-notice #footer a:link, #tt-body-notice #footer a:visited {
	color:#e0ccd6;
}

#tt-body-tag #footer a:link, #tt-body-tag #footer a:visited {
	color:#ccdce0;
}

#tt-body-location #footer a:link, #tt-body-location #footer a:visited {
	color:#f5f7e0;
}

#tt-body-guestbook #footer a:link, #tt-body-guestbook #footer a:visited {
	color:#d5f0d4;
}

#tt-body-media #footer a:link, #tt-body-media #footer a:visited {
	color:#d3f1ec;
}

/*===============================*/
/* Header */
/*===============================*/
/*-------------------------------*/
/* Menu */
/*-------------------------------*/
#menu ul {
	padding:5px 0;
	background-color:#000;
	border-bottom:1px solid #1f1f1f;
	text-align:center;
}

#menu ul li {
	display:inline;
	margin:0px 2px;
}

#menu ul li a {
	padding:1px 6px;
	font:1em verdana;
	text-decoration:none;
	color:#f66;
}
#menu ul li a:link, #menu ul li a:visited { color:#ccc; }
#menu ul li a:hover, #menu ul li a:active { color:#fff; background-color:#222; }

/*===============================*
/* Content *
/*===============================*
/*-------------------------------*/
/* Search list */
/*-------------------------------*/
.searchList {
	margin-bottom:50px;
}

.searchList ol {
	list-style:none;
}

.searchList ol li {
	border-bottom:1px solid #eee;
}

.searchList span.cnt {
	font-size:0.9em
	color:#999; 
}

/*-------------------------------*/
/* Protected contnet */
/*-------------------------------*/
.protectedBody {
	padding-bottom:20px;
}

.protectedBody .warn {
	margin:30px 0 10px;
	font-size:0.9em;
}

.protectedBody input.ppw {
	width:100px;
}

.protectedBody input.submitBtn {
	width:50px;
	height:19px;
	font-size:0.9em;
}

/*-------------------------------*/
/* Administer */
/*-------------------------------*/
.admin {
	margin-bottom:30px;
	padding:5px;
	background-color:#fbfbf1;
	border:1px dashed #ddd;
	font-size:1em;
}

/*-------------------------------*/
/* Subject */
/*-------------------------------*/
.subject {
	margin-bottom:20px;
}

.article {
	padding:0px 0 20px;
	width:100%;
	overflow:hidden;
	font:1em/1.4 verdana; letter-spacing:0em;
	text-align:justify;
}
.article a {border-bottom:1px dashed tomato;}

blockquote {
	margin:10px 0;
	padding:5px 10px;
	width:400px;
	border-left:2px solid #c66;
	font-size:0.9em;
	color:#933;
}

.imageblock {
	border:none;
	margin:0 0 10px;
}
.imageblock * { 
	border:none !important; 
}
.imageblock img {
	border:0px solid #eee !important;
	background-color:#fff;
	vertical-align:middle;
}

.cap1 {
	padding-top:3px;
	text-align:center;
	font-size:0.9em;
	color:#666;
}

.moreless_fold {
	padding-left:18px; 
	background:url(./images/bullet_plus.gif) no-repeat left 50%;
}
.moreless_top {
	padding-left:18px; 
	background:url(./images/bullet_minus.gif) no-repeat left 50%;
}
.moreless_bottom {
	display:none;
}
.moreless_fold span, .moreless_top span, .moreless_bottom span {
	background:#f5f5f5;
	color:#333;
}
.moreless_content {
	margin-top:5px;
	padding:15px 0;
	background-color:#f7f7f7;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.article ul {
	list-style:none;
}
.article ul li {
	margin-bottom:18px;
	padding-left:10px;
	background:url(./images/bullet_ul.gif) no-repeat 0 0.5em;
}

.article ol {
	margin-left:20px;
}
.article ol li {
	margin-bottom:8px;
}


/*tag */
p.pTag {
	font-size: 1em
}

/* Comment, Trackback toggle button */
.ctBtn {
	margin-bottom:10px;
	padding-bottom:8px;
	background:url(./images/bg_partition2.gif) repeat-x 0 100%;
}

.ctBtn a { font:1em verdana; }
.ctBtn a:link, .ctBtn a:visited { color:#999 !important; border:none; }
.ctBtn a:hover, .ctBtn a:active { color:#333 !important; }

/*-------------------------------*/
/* Trackback */
/*-------------------------------*/
.trackbackUrl {
	font:0.9em verdana;
	color:#808080;
}

.trackback ol {
	list-style:none;
	padding-top:20px;
}

.trackback ol li {
	margin-bottom:15px;
	padding-bottom:15px;
	width:100%;
	overflow:hidden;
	background:url(./images/bg_partition2.gif) repeat-x 0 100%;
	text-align:justify;
}

/*-------------------------------*/
/* Comment, Guestbook list */
/*-------------------------------*/
.commentList {
	margin-bottom:20px;
}

.commentList ol {
	margin-top:5px;
	list-style:none;
}

.guestList ol {
	list-style:none;
}

.list li {
	margin-top:2px;
	padding-bottom:5px;
	width:100%;
	overflow:hidden;
	background-color:#f7f7f7;
	border-bottom:1px solid #eee;
}

.list ol li div {
	position:relative;
	padding-top:6px;
	background: url(./images/bg_blogIcon.gif) no-repeat 3px 5px; /* Alternative image */
}

.list ol li span {
	display:inline; vertical-align:middle;
	padding-left:40px;
}

.list ol li img {
	position:absolute;
	left:3px;
	top:5px;
	width:24px !important;
	height:24px !important;
	padding:3px;
	background-color:#fff;
	border:1px solid #ddd;
}

.list ol li p {
	margin: 15px 0 8px;
}

/* Reply */
.list ol li.odd {
	margin-top:1px;
	background-color:#e9e9e9;
	border:none;
}

/*-------------------------------*/
/*  Write form */
/*-------------------------------*/
.cWriteForm {
	margin:20px 0 30px;
	padding-top:15px;
}

.gWriteForm {
	margin-bottom:15px;
	padding-bottom:30px;
	background:url(./images/bg_partition2.gif) repeat-x 0 100%;
}

p.writer {
	margin:5px 0;
}

label {
	padding-left:2px;
	width:85px;
	font:0.9em verdana;
	vertical-align:middle;
}
label span {
	color:#bbb;
}

input {
	padding:2px 5px 0 5px;
	width: 170px;
	height:15px;
	border:1px solid #ddd;
	background-color:#eee;
	font-family:verdana;
	vertical-align:middle;
	color:#333;
}

textarea {
	margin:10px 0 15px;
	padding:5px;
	width:536px;
	height:100px;
	border:1px solid #ddd;
	background:#eee;
	font:1em verdana; letter-spacing:-0.1em;
	color:#333;
}

.checkbox {
	border:0; 
	background:transparent; 
	width:15px;
}

.submit input {
	width:80px;
	height:25px;
	border:none;
	background-color:#ccc;
	color:#333;
	font-size:0.9em;
}
/*-------------------------------*/
/* Location log */
/*-------------------------------*/
.location {
	margin-bottom:30px;
}

.location .place 
{
	border-top:solid 3px #fff;
	border-bottom:solid 1px #eee;
	color:#999;
}

.location .info {
	border-top:solid 3px #fff;
	border-bottom:solid 1px #eee;
}

.location .place span {
	padding-left:10px;
	background:url(./images/bullet_indent.gif) no-repeat 0 0.2em;
}

.location .indent0 {
	color:#666;
	font-weight:bold;
	background-image:none !important;
	padding:0 !important;
}
.location .indent20 {color:#666; }
.location .indent40 {color:#888; }
.location .indent60 {color:#999; }

/*-------------------------------*/
/* Tag cloud */
/*-------------------------------*/
.taglog ul {
	margin-bottom:30px; 
	text-align:justify;
}

.taglog li {
	display:inline;
	font-family: verdana; 
	line-height: normal;
	text-align: center;
}

.taglog li a.cloud1 { font-size: 2.5em; }
.taglog li a.cloud2 { font-size: 2.2em; color:#1c79a8 !important; }
.taglog li a.cloud3 { font-size: 1.8em; color:#4c91b4 !important; }
.taglog li a.cloud4 { font-size: 1.3em; color:#76a7bf !important; }
.taglog li a.cloud5 { font-size: 0.9em; color:#9cb3bf !important; }

.taglog li a:hover {
	color:#09c !important;
	background-color:#eee !important;
}

/*-------------------------------*/
/* Page navigation */
/*-------------------------------*/
.paging {
	margin:20px 0 0px;
	color:#ccc;
	font:0.8em verdana;
	text-align:center;
}

.paging .selected {
	border-bottom:1px solid tomato;
	font-weight:bold;
	color:#b6447c;
}


/*-------------------------------*/
/* Category */
/*-------------------------------*/
#Category {padding-top:2px; padding-bottom:30px;}
#Category .c_cnt {font:0.9em gulim; color:#999;}
#Category .ib {cursor:pointer;}
#Category .branch3 {cursor:pointer;}


/*===============================*/
/* Footer */
/*===============================*/
#footer p {
	padding:5px 10px 0;
	font:0.9em verdana;
	text-align:right;
}

#footer p a {
	text-decoration:underline;
	background-color:transparent !important;
}
#footer p a:hover, #footer p a:active { color:#fff !important; }

/* Search */
.searchForm {
	margin-top:5px;
}

.searchForm .sInput {
	padding:3px 2px 2px;
	width:100px;
	height:14px;
	background-color:#000;
	border:1px solid #333;
	color:#ccc;
	vertical-align:middle;
}
	
.searchForm .searchSubmit {
	width:16px;
	height:16px;
	background:transparent;
	border:none;
	vertical-align:middle;
	color:#fff;
	cursor:pointer;
}