@charset "utf-8";

* {
	margin:0; 
	padding:0;
	}

body{
	background:#000;
	font:75%/1.7 'Trebuchet MS', AppleGothic, Gulim, '굴림', Helvetica, sans-serif;
	color:#666;
	}

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

/* global */
img {border:0 none;}
br {letter-spacing:0;}
hr {display:none;}
p {margin-bottom:1.7em;}
dfn, em, cite, address {font-style:normal;}

/*-------------------------------*/
/* hadding */
/*-------------------------------*/
h1 {
	font:bold 2.4em 'Trebuchet MS', Verdana, sans-serif;
	}
	h1 a:link, h1 a:visited {color:#b90000;}
	h1 a:hover, h1 a:active {color:#c2889f;}

h2 {
	padding-bottom:.5em;
	background:#000;
	font-size:1.0em;
	letter-spacing:0px;
	color:#666;
	}
	h2 a:link, h2 a:visited {color:#666;}
	h2 a:hover, h2 a:active {color:#c2889f;}

h3 {
	font:bold 1.2em/1.5 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#666;
	}

h4 {
	font-size:.9em;
	}
	h3 a:link, h3 a:visited {color:#666;}
	h3 a:hover, h3 a:active {color:#c2889f;}

/*-------------------------------*/
/* Layout */
/*-------------------------------*/
#container {
	width:930px;
	margin:0 auto;
	}

#header {
	position:relative;
	width:100%;
	height:5em;
	padding-top:5em;
	background:#000;
	}

#header h1 {
	position:relative;
	display:inline;
	float:left;
	}

#header ul {
	float:right;
	display:inline;
	text-align:right;
	padding:.5em 20px 0 0;
	}

#mBody:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#mBody {
	padding:0 10px;
	clear:both;
	display:inline-block;
	background-color:#000;
	}
	/* Hides from IE-mac \*/
	* html #mBody {height: 1%;}
	/* */

#contentColumn {
	float:right;
	width:650px;
	overflow:hidden;
	}

#leftColumn {
	float:left;
	width:200px;
	padding:0 40 0 0px;
	overflow:hidden;
	}

#footer {
	clear:both;
	position:relative;
	height:5em;
	margin-right:5px;
	background:#000;
	}


/*-------------------------------*/
/* header */
/*-------------------------------*/
#header ul {
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	list-style:none;
	text-align:right;
	}

#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:#000;}


/*-------------------------------*/
/* content column */
/*-------------------------------*/
.entry {
	margin-bottom:2.5em;
	}

/* subject */
.subject {
	margin-bottom:2.5em;
	}

.subject ul {
	list-style:none;
	border-bottom:1px solid #333;
	background-color:#000;
	}

.subject li {
	display:inline;
	font:.9em/2 'Trebuchet MS', Helvetica, sans-serif;
	color:#999;
	}

.subject .postInfo li {
	padding:.3em .6em .3em 20px;
	}
	.subject .infoDate {
		background:url(./images/bullet_clock.gif) no-repeat 0 50%;
		}
	.subject .infoCategory {
		background:url(./images/bullet_folder.gif) no-repeat 0 50%;
		}
	.subject .infoAuthor {
		background:url(./images/bullet_author.gif) no-repeat 0 50%;
		}

.subject li a {
	font-family:AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
	}

.subject p {
	padding:.3em 10px .3em 20px;
	background:#000;
	border-bottom:1px solid #333;
	font:.9em 'Trebuchet MS', Helvetica, sans-serif;
	color:#999;
	}

/* Protected */
.protectedBody {
	margin-bottom:2em;
	padding:2em 0 2.5em;
	}

.protectedBody p {
	margin:.5em;
	}

.protectedBody input.submitBtn {
	width:5em;
	font-size:.9em;
	}

/* search list */
.searchList {
	margin-bottom:4em;
	}

.searchList ol {
	list-style:none;
	}

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

.searchList li * {
	vertical-align:middle;
	}

.searchList li a {
	display:block;
	line-height:1.9em;
	}
	.searchList li a:hover {background-color:#000;}

.searchList .slDate {
	color:#666;
	font-size:.9em;
	margin-right:.4em;
	}

.searchList .slCnt {
	color:#f90;
	font-size:.9em;
	margin-left:.2em;
	}

/* admin */
.subject .admin {
	border-top:1px solid #000;
	}

.subject .admin li {
	padding-right:.5em;
	font-family:AppleGothic, Dotum, '돋움', sans-serif;
	}
.subject .admin li:after {
	content:"|";
	color:#999;
	padding-left:.4em;
	}

/* article */
.article {
	margin:1em 0 1.8em;
	text-align:justify;
	}
	.article a:link, .article a:visited {
		color:#cb89b3;
		}
	.article a:hover, .article a:active {
		background-color:#000;
		color:#c39;
		}

.article blockquote {
	margin:1.7em auto;
	padding:0 10px;
	width:80%;
	color:#50b4ca;
	}

.imageblock {
	margin:0 0 1.5em;
	border:0 none;
	}

.imageblock * {
	border:0 none !important;
	}

.imageblock img {
	background-color:#000;
	border:5px solid #333 !important;
	vertical-align:middle;
	}

.imageblock .cap1 {
	color:#999;
	font-size:0.9em;
	text-align:center;
	margin-top:.5em;
	}

.moreless_fold {
	padding-left:20px; 
	background:url(./images/ico_plus.gif) no-repeat left 50%;
	} 
.moreless_top  {
	margin-bottom:10px;
	padding-left:20px; 
	background:url(./images/ico_minus.gif) no-repeat left 50%;
	}
.moreless_bottom {
	display:none;
	}
.moreless_fold span, .moreless_top span, .moreless_bottom span{
	background:#000;
	color:#333;
	}
.moreless_content {
	padding:1em 10px;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	background-color:#000;
	}

.article ol {
	margin:1em 0 1.5em 50px;
	}

.article ul {
	list-style:none;
	margin:1em 0 1.5em 30px;
	}
.article ul li {
	padding-left:20px;
	background:url(./images/bullet_atricleUl.gif) no-repeat 0 .5em;
	}


/* tag, comments btn */
.miscInfo {
	clear:both;
	margin:2em 0 1em;
	padding:0 0 .3em;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	font-size:.9em;
	line-height:1.5em;
	}

.miscInfo dl {
	padding:.2em 0;
	}

.miscInfo dt {
	float:left;
	width:6em;
	margin:.3em 0 0;
	padding-left:20px;
	}
	.miscInfo .postTag {background:url(./images/bullet_tag.gif) no-repeat 0 45%;}
	.miscInfo .response {background:url(./images/bullet_comment.gif) no-repeat 0 50%;}
	
.miscInfo dd {
	margin:.3em 0 0 8em;
	padding-left:.5em;
	}

/*-------------------------------*/
/* trackback */
/*-------------------------------*/
.trackback .url {
	background:#000;
	padding-left:20px;
	font: 0.9em 'Trebuchet MS', Helvetica, sans-serif;
	}

/* Trackback list */
.trackback {
	padding-bottom:.5em;
	}
.trackback ol {
	list-style:none;
	}
.trackback ol li{
	margin-bottom:1em;
	padding:.5em 1em;
	background-color:#faf9f8;
	border:1px solid #333;
	}

.trackback li p {
	margin-bottom:1em;
	}

.trackback li span {
	font:.9em 'Franklin Gothic Medium', Helvetica, sans-serif;
	color:#999;
	}
	.trackback span a:link, .trackback span a:visited {color:#999;}
	.trackback span a:hover, .trackback span a:active {color:#333;}

.trackback li p {
	margin:.8em 0;
	text-align:justify;
	}

.trackback cite {
	font-family:AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
	}

/*-------------------------------*/
/* Comments, Guestbook */
/*-------------------------------*/
.entry .list {
	margin:.5em 0 2em;
	}
#guestBook .list {
	margin-top:2em;
	}

/* Comment list */
.list ol {
	list-style:none;
	margin-bottom:2em;
	}

.list li {
	margin-bottom:1em;
	border:1px solid #333;
	}
	* html .list li {display:inline-block;}
	*:first-child+html .list li {display:inline-block;}

.list li p {
	clear:left;
	margin-bottom:.5em;
	padding:0 1em .3em;
	}

.list p.author {
	padding:0 1em 0;
	}

.list span {
	float:left;
	display:block;
	margin-bottom:1em;
	font:.9em 'Franklin Gothic Medium', Helvetica, sans-serif;
	color:#999;
	}

.list span a {
	text-decoration:underline;
	}
	.list span a:link, .list span a:visited {color:#666;}
	.list span a:hover, .list span a:active {color:#c2889f;}

.list cite {
	display:block;
	margin:.6em 0 -.5em;
	}

.list span abbr {
	border:0 none;
	}

/* Reply */
.list ol li ol {
	margin:0;
	}

.list ol li ol li {
	margin:0;
	padding:0 0 .3em;
	border:0 none;
	border-top:1px solid #333;
	background-color:#faf9f8;
	}

.list ol li ol li strong a:before {
	content:"re:";
	font-weight:normal;
	color:#999;
	}

.list img {
	float:left;
	width:25px;
	height:25px;
	margin-right:.5em;
	padding:2px;
	background-color:#000;
	border:1px solid #333;
	}

/* Write area */
fieldset {
	padding:1em;
	border:1px solid #333;
	}
* html fieldset {
	/* \ Not Mac */
	position:relative;
	clear:both;
	margin-top:1.8em;
	padding:2em 1em 1em;
	/* */
	}

legend {
	font:1.3em 'Franklin Gothic Medium', Helvetica, sans-serif;
	color:#999;

	}
* html fieldset legend {
	/* \ Not Mac */
	position:absolute;
	top:-.8em;
	left:.4em;
	/* */
	}

fieldset div {
	margin:.3em 0;
	}

label {
	padding-left:.2em;
	vertical-align:middle;
	font:1em 'Franklin Gothic Medium', Helvetica, sans-serif;
	}

label em {
	color:#999;
	}

input{
	width: 180px;
	padding:2px .5em;
	background-color:#faf9f8;
	border:1px solid #333;
	font:1em AppleGothic, Gulim, '굴림', sans-serif;
	vertical-align:middle;
	color:#666;
	}

textarea {
	width:99%;
	height:10em;
	padding:2px .5em;
	background-color:#faf9f8;
	border:1px solid #333;
	font:1em AppleGothic, Dotum, '돋움', sans-serif;
	color:#666;
	}
input:focus, textarea:focus {
	background-color:#000;
	border-top-color:#aaa;
	border-left-color:#aaa;
	}

.checkbox {
	width:12px;
	padding:0;
	border:0 none;
	background:none;
	}

.submit input {
	width:80px;
	height:25px;
	margin-top:1em;
	padding:.3em;
	font-size:.9em;
	color:#666;
	cursor:pointer;
	}


/*-------------------------------*/
/* page navigation */
/*-------------------------------*/
.paging {
	margin:4.5em 0 6em;
	font:0.9em 'Trebuchet MS', Helvetica, sans-serif;
	text-align:center;
	color:#ccc;
	}

.paging a:link, .paging a:visited { color:#666;}
.paging a:hover, .paging a:active { color:#c2889f;}

.paging .selected {
	font-weight:bold;
	color:#c2889f;
	}

/*-------------------------------*/
/* sidebar */
/*-------------------------------*/
#leftColumn {
	margin-bottom:5em;
	}

#leftColumn div {
	margin-bottom:2em;
	}

/* stats */
#counter dl {
	margin-top:1em;
	font:.9em 'Trebuchet MS', Helvetica, sans-serif;
	}
#counter dt {
	float:left;
	margin-right:.3em;
	}

/* RSS button */
#meta .rss {
	background: url(./images/btn_rss.gif) left 50% no-repeat;
	margin-top:10px;
	padding:.1em 0 .1em 20px;
	font:0.9em/4 Tahoma, Helvetica, sans-serif;
	color:#999;
	}

/*-------------------------------*/
/* footer */
/*-------------------------------*/

#footer address {
	position:relative;
	right:-5px;
	padding:5em 5px 0 0;
	background:#000;
	font:small-caps .9em 'Trebuchet MS', Helvetica, sans-serif;
	text-align:right;
	color:#ccc;
	}

#footer address a {
	color:#aaa;
	}
#footer address a:hover {
	background-color:#000;
	}