@charset "utf-8";

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

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

body {
	background:url(./images/bg_bodyTop.gif) repeat-x 0 0;
	font:1.2em/1.5em Dotum, 돋움, Tahoma, AppleGothic, Sans-serif;
	color:#333;
}

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 */
/*-------------------------------*/
#wrapper {
	position:relative;
	margin-left:200px;
	width:450px;
	background:url(./images/bg_content.gif) repeat 0 0;
	border-left:8px solid #5d000c;
	border-right:8px solid #5d000c;
}

#header {
	margin:0 auto;
	width:450px; 
	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:402px; 
	min-height:440px;
	background:url(./images/bg_contentTop.gif) repeat-x 0 0;
}
/* for Internet Explorer \*/
* 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 'Trebuchet MS',Helvetica, Arial, Sans-Serif;
}
h1 a { 
	background-color: #000 !important; 
	padding: 0 18px 10px; 
}
h1 a:link, h1 a:visited {color:#e3e3e3 !important;} 
h1 a:hover, h1 a:active {color:#fafafa !important;}

h2 {
	font:bold 1.3em gulim, 굴림, Tahoma, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	color:#900;
}

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

h4 {
	margin:25px 0 0;
	font:1.4em 'Trebuchet MS',Helvetica, Arial, Sans-Serif;
	color:#888;
}

.smallText {
	font:0.8em 'Franklin Gothic Medium','Trebuchet MS',Helvetica, Arial, Sans-Serif;
	letter-spacing:0;
	color:#999;
}
.smallText a:link, .smallText a:visited  { color:#999 !important; }
.smallText a:hover, .smallText a:active { 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 {
	background-color:#000;
	text-align:center;
}

#menu ul {
	padding:5px 0;
	background-color:#000;
	border-bottom:1px solid #1f1f1f;
}

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

#menu ul li a {
	padding:1px 6px;
	font: 1em 'Franklin Gothic Medium','Trebuchet MS', Helvetica, Arial, Sans-Serif;
	text-decoration:none;
	color:#f66;
}
#menu ul li a:link, #menu ul li a:visited { color:#cacaca; }
#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:0.9em;
}

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

.article {
	padding:10px 0 20px;
	width:100%;
	overflow:hidden;
	letter-spacing:-1px;
	text-align:justify;
}
.article a {border-bottom:1px dashed #ff6347;}

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

.imageblock {
	border:none;
	margin:0 0 15px;
}
.imageblock * { 
	border:none !important; 
}
.imageblock img {
	border:6px 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:8px;
	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: 0.9em
}

/* 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 'Franklin Gothic Medium','Trebuchet MS', Helvetica, Arial, Sans-Serif; }
.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 'Franklin Gothic Medium','Trebuchet MS', Helvetica, Arial, Sans-Serif;
	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:1%;
	width:98%;
	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 0 5px; /* Alternative image */
	min-height:32px;
}
/* for Internet Explorer \*/
* html .list ol li div { height:32px; }
/**/


.list ol li span {
	display:block;
	padding-left:40px;
}

.list ol li img {
	position:absolute;
	left:0;
	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 'Franklin Gothic Medium', 'Trebuchet MS',Helvetica, Arial, Sans-Serif;
	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:dotum, 돋움, AppleGothic, Tahoma, Helvetica, Sans-serif;
	vertical-align:middle;
	color:#333;
}

textarea {
	margin:10px 0 15px;
	padding:5px;
	width:390px;
	height:140px;
	border:1px solid #ddd;
	background:#eee;
	font-family:dotum, 돋움, AppleGothic, Tahoma, Helvetica, Sans-serif;
	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: Tahoma, 'Franklin Gothic Medium', Verdana, gulim, 굴림, Sans-Serif; 
	line-height: 2.2em;
	text-align: center;
}

.taglog li a.cloud1 { font-size: 2em; }
.taglog li a.cloud2 { font-size: 1.6em; color:#1c79a8 !important; }
.taglog li a.cloud3 { font-size: 1.4em; color:#4c91b4 !important; }
.taglog li a.cloud4 { font-size: 1.2em; color:#76a7bf !important; }
.taglog li a.cloud5 { font-size: 0.9em; color:#9cb3bf !important; }

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

/*-------------------------------*/
/* Page navigation */
/*-------------------------------*/
.paging {
	margin:50px 0 20px;
	color:#bbb;
	font:0.8em Tahoma, Helvetica, Arial, Sans-Serif;
	text-align:center;
}

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


/*-------------------------------*/
/* Categories */
/*-------------------------------*/
#category {
	position:absolute;
	top:30px;
	left:75px;
	width:300px;
	text-align:center;
}

#category .btn_category {
	display:block;
	background:transparent url(./images/btn_category.gif) no-repeat 50% bottom;
	padding-bottom:13px;
	margin:15px auto 0;
	font:0.8em 'Franklin Gothic Medium', 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
	color:#fff;
	width:130px;
}

.category ul {
	margin-top:10px;
	list-style:none;
	border:4px solid #ccc;
}

.category ul li {
	list-style:none;
	font-size:0.9em;
	text-align:center;
}

.category ul li a {
	display:block;
	background-color:#000;
}

/* 1 depth */
.category ul li ul {
	margin:0;
	border:none;
}

.category ul li ul li {
	font-size:1em;
	letter-spacing:0;
	border-top:1px solid #f7f7f7;
}

.category ul li ul li a {
	padding:2px 0;
}
.category ul li ul li a:link, .category ul li ul li a:visited {
	background-color:#eee;
}
.category ul li ul li a:hover, .category ul li ul li a:active {
	background-color:#fff;
}

/* 2 depth */
.category ul li ul li ul li a:link, .category ul li ul li ul li a:visited {
	color:#999 !important;
}
.category ul li ul li ul li a:hover, .category ul li ul li ul li a:active {
	color: #666 !important;
	background-color:#f5f5f5;
}

/* Selected */
.category ul li .selected a {
	font-weight:bold;
	color:#000 !important;
	background-color:#ddd !important;
}

/* Posts count */
.c_cnt {
	font:0.9em 'Trebuchet MS', Helvetica, Arial, Sans-Serif; 
	color:#999;
}


/*===============================*/
/* Footer */
/*===============================*/
#footer p {
	padding:5px 10px 0;
	font:0.9em 'Franklin Gothic Medium', 'Trebuchet MS', Helvetica, Tahoma, Sans-Serif;
	text-align:right;
}

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

/*-------------------------------*/
/* Side area */
/*-------------------------------*/
#misc {
	position:absolute;
	top:0;
	right:-220px;
	width:200px;
}

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

#misc ol, #misc ul { list-style:none; }
#misc li {
	font:0.75em/1.2em 'Franklin Gothic Medium', 'Trebuchet MS', Helvetica, Tahoma, Sans-Serif;
	color:#666;
}

#misc p { margin-top:5px;}
#misc p.rss { margin-top:20px; }

/* Banner */
#misc .banner { margin-top:35px;}
#misc .banner p {
	font:0.75em/1.2em 'Trebuchet MS', Helvetica, Tahoma, Sans-Serif;
	color:#666;
	margin-bottom:15px;
}

#misc .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;}

/* 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;
}