* {
	margin:0;
	padding:0;
}
header, footer, nav, aside, section, article {
	display:block;
}
body {
	/*background:#BEC3C6 url(images/bg.jpg) repeat-x;*/
	background-color:#edeff2;
	color:#555;
	font-family:'맑은 고딕', AppleGothic, dotum, 나눔고딕, NanumGothic, 'Malgun Gothic' , Gothic, 고딕, Verdana, Sans-serif;
	font-size:0.75em;
}
html, body {
	height : 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bolder;
	letter-spacing:-0.07em;
}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
	border:0;
}
img.sided {
	background:#FFF;
	border:1px solid #CCC;
	padding:3px;
}
small {
	font-size:10px;
}
a:hover img.sided {
	border-color:#A6A6A6;
}
a {
	color:#2970A6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.cnt { font-size:10px; color:#555;}
blockquote, pre {
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fixed, .clear {
	clear:both;
}
input.textfield, 
textarea {
	background:#FFF url(images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
}
.boxcaption {
	background:#E3E4E6 url(images/box.gif) 0 0 no-repeat;
	padding:6px 12px;
	border-bottom:1px solid #CCC;
}
.boxcaption h3 {
	font-size:12px;
	font-family:Verdana,"BitStream vera Sans";
	letter-spacing:0em;
}
.box {
	background:#F4F5F7 url(images/box.gif) 100% 100% no-repeat;
	padding:8px 12px;
	margin-bottom:10px;
}
.messagebox, 
.errorbox {
	background:#EDEFF0 url(images/messagebox.gif) no-repeat;
	padding:0 12px;
	height:27px;
	line-height:27px;
	font-size:11px;
}
.w3c {
	color:#080;
	font-size:10px;
}
/* static END */

/* layout START */
#wrap {
	/*background:url(images/light.gif) center top no-repeat;*/
	padding:0px 0;
	margin:0 auto;
}
/* layout END */

/* header START */
#header-container {
	margin:0 auto;
	background-color:#403631;
	height:185px;
	width:100%;
}
	#header {
		margin:0 auto;
		background:url(images/skin_top.jpg) 0 0 no-repeat;
		height:185px;
		width:936px;
	}
	#title {
		float:left;
		text-indent: -999em;
	}
	#title a {
		text-decoration:none;
		color:#FFF;
		/*width:250px;*/
		height:36px;
		display:block;
		letter-spacing:0;
	}
	#tagline {
		color:#FFF;
		text-decoration:none;
		font-size:11px;
		float:left;
		padding:0px;
		text-indent: -999em;
	}
/* header END */


/* submenu START */	
#navigation-container {
	margin:0 auto;
	background:url(images/bg_nav.gif) repeat-x;
	background-color:#7bcef7;
	height:43px;
	width:100%;
}
	#navigation {
		margin:0 auto;
		width:992px;
		height:43px;
	}
	#navigation-left {
		background:url(images/shadow_nav_left.gif) no-repeat;
		width:28px;
		height:43px;
		float:left;
	}
	#navigation-right {
		background:url(images/shadow_nav_right.gif) no-repeat;
		width:28px;
		height:43px;
		float:left;
	}
	#menus li {
		display:inline;
		list-style:none;
		float:left;
	}
	#menus li a {
		display:block;
		z-index:1;
		text-indent: -999em;
		height:43px;
	}
	#menus li a.menu-home {
		background:transparent url(images/btn_nav_home_default.gif) no-repeat;
		width:188px;
	}
	#menus li a.menu-home:hover {
		background:transparent url(images/btn_nav_home_over.gif) no-repeat;
		width:188px;
	}
	#menus li a.menu-tag {
		background:transparent url(images/btn_nav_tag_default.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-tag:hover {
		background:transparent url(images/btn_nav_tag_over.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-astro {
		background:transparent url(images/btn_nav_astro_default.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-astro:hover {
		background:transparent url(images/btn_nav_astro_over.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-guest {
		background:transparent url(images/btn_nav_guest_default.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-guest:hover {
		background:transparent url(images/btn_nav_guest_over.gif) no-repeat;
		width:187px;
	}	
	#menus li a.menu-rss {
		background:transparent url(images/btn_nav_rss_default.gif) no-repeat;
		width:187px;
	}
	#menus li a.menu-rss:hover {
		background:transparent url(images/btn_nav_rss_over.gif) no-repeat;
		width:187px;
	}		

/* submenu END */


#container {
	margin:0 auto;
	width:100%;
	position:relative;
	z-index: 2;
}
	/* content START */
	#content {
		width:992px;
		height:100%;
		margin:0 auto;
		overflow:hidden;
		position:relative;
	}
	#content-left {
		background:url(images/shadow_body_left.gif) repeat-y;
		width:28px;
		height:100%;
		position:absolute;
		left:0px;
	}
	#content-right {
		background:url(images/shadow_body_right.gif) repeat-y;
		width:28px;
		height: 100%;
		position:absolute;
		right:0px;
	}	
	/* content END */

	/* main START */
	#main {
		background:#FFF;
		width:655px;
		height:100%;
		padding:5px 15px 15px;
		float:left;
		margin-left:28px;
		height:100%
		border-right:1px solid #CCC;
		min-height:2000px;
	}
	#notice {
		color:#080;
	}
	#notice a {
		text-decoration:underline;
	}
	.article {line-height:160%}
	.article li {padding-left:10px; list-style-position:inside; list-style-type:disc;}
	.post h2, h2.title {
		display:block;
		margin-top:10px;
		border-bottom:1px solid #CCC;
		padding:0 5px 3px;
		font-size:16px;
	}
	.post h2 a {
		color:#555555;
	}
	.post h2 a.title {
		text-decoration:none;
		color:#4C4C4C;
	}
	.post h2 a.title:hover {
		color:#2970A6;
	}
	.post .info {
		margin:5px;
	}
	.post .info span.first {
		margin-left:0;
	}
	.post .date, 
	.post .author, 
	.post .categories, 
	.post .editpost, 
	.post .tags,
	.post .readingblinds, 
	.post .comments, 
	.post .addcomment, 
	.post .editlinks {
		background:url(images/icons.gif) no-repeat;
		padding-left:22px;
		height:16px;
		line-height:16px;
		display:block;
		font-size:11px;
	}
	.post .act {
		height:16px;
		float:right;
	}
	.post .act span {
		float:left;
		margin-left:15px;
	}
	.post .act span span{
		margin-left:0;
	}
	.post .tags {
		background-position:0 -16px;
	}
	.post .categories {
		background-position:0 -32px;
	}
	.post .author {
		background-position:0 -176px;
	}
	.post .date {
		background-position:0 -48px;
		float:left;
	}
	.post .editpost {
		background-position:0 -64px;
	}
	.post .readingblinds {
		background-position:0 -80px;
	}
	.post .comments {
		background-position:0 -96px;
	}
	.post .addcomment {
		background-position:0 -112px;
	}
	.post .editlinks {
		background-position:0 -192px;
	}
	.post .content {
		padding:5px 0 5px 5px;
		line-height:145%;
		overflow:hidden;
	}
	.post .content p {
		margin-bottom:20px;
	}
	p.under {
		height:32px;
		line-height:16px;
		margin-top:10px;
	}
	p.under span {
		float:left;
		margin-right:15px;
	}
	.post .content h4 {
		color:#080;
		margin-bottom:10px;
	}
	.post .content img {
		max-width:600px;
	}
	.post .content ul, 
	.post .content ol {
		padding-bottom:10px;
	}
	.post .content ul li, 
	.post .content ol li {
		list-style-position:inside;
		padding-left:20px;
	}
	.post .content table {
		background:#FFF;
		border:1px solid #CCC;
		margin:5px 0 10px;
	}
	.post .content table tr td {
		border-top:1px solid #CCC;
		padding:2px 10px;
	}
	.post .content table tr th {
		padding:1px 10px;
		background:#EDEFF0;
		text-align:left;
	}
	
	.box ol li{
		list-style:none;
	}
	.post .content .boxcaption {
		background-image:url(images/postbox.gif);
	}
	.post .content .box {
		background-image:url(images/postbox.gif);
	}
	#postpath {
		background:url(images/icons.gif) 0 -208px no-repeat;
		height:16px;
		line-height:16px;
		margin:5px 0;
		padding-left:22px;
	}
	#pagenavi, 
	#postnavi {
		margin:10px -5px 0;
		padding:10px 5px 0;
	}
	#pagenavi {
		font-size:11px;
	}
	#pagenavi .newer a, 
	#postnavi .prev a {
		background:url(images/icons.gif) 0 -224px no-repeat;
		padding-left:22px;
		float:left;
		height:16px;
		line-height:16px;
	}
	#pagenavi .older a, 
	#postnavi .next a {
		background:url(images/icons.gif) 100% -240px no-repeat;
		padding-right:22px;
		float:right;
		height:16px;
		line-height:16px;
	}
	/* main END */
	
	/* sidebar START */
	#sidebar {
		background:#F7F7F7;
		width:250px;
		height:100%;
		font-size:95%;
		height: 100%;
		position:absolute;
		right:28px;
	}
		#sidebar li {
			background:url(images/icons.gif) 0 -320px no-repeat;
			padding-left:22px;
			list-style:none;
			margin-top:5px;
			/*font-size:95%;*/
		}
		#sidebar .content, 
		#sidebar li {
			font-size:12px;
		}
		#sidebar .widget, #sidebar .module {
			background:url(images/widgetsep.png) bottom no-repeat;
			padding:10px 15px 19px;
		}
		#sidebar, 
		#southsidebar {
			font-size:95%;
		}
		#sidebar .widget h2, 
		#southsidebar .widget h2 {
			margin-bottom:10px;
		}
		#sidebar .widget .content p, 
		#southsidebar .widget .content p {
			margin-bottom:10px;
		}
		
		#sidebar #tagcloud ul li {display:inline; background:none; list-style:none; padding:0 2px;}
		#sidebar #tagcloud a {line-height:130%;}
		#sidebar #tagcloud .cloud1 { font-size:22pt;}
		#sidebar #tagcloud .cloud2 { font-size:14pt;}
		#sidebar #tagcloud .cloud3 { font-size:11pt;}
		#sidebar #tagcloud .cloud4 { font-size:10pt;}
		#sidebar #tagcloud .cloud5 { font-size:8pt;}
	
	/* sidebar END */


/* footer START */
#footer-container {
	margin:0 auto;
	border-top:1px solid #CCC;
	width:100%;
}
	#footer {
		display:block;
		width:930px;
		font-size:11px;
		line-height:145%;
		margin:0 auto;	
		color:#2A2A2A;
		height:88px;
	}


/* footer END */

/* searchbox START */
#searchbox {
	width:180px;
	padding:4px 10px;
}
	#searchbox .textfield {
		line-height:16px;
		width:150px;
		float:right;
	}
	#searchbox .switcher {
		background:url(images/icons.gif) 0 0 no-repeat;
		width:18px;
		height:22px;
		line-height:16px;
		display:block;
		text-indent:-999em;
		padding:0 2px;
		height:16px;
		margin-top:3px;
		border:0;
	}
/* searchbox END */



/* comment START */
#commentlist {
	background:#FCFCFC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:10px -15px;
	padding:0 15px;
}
#commentlist ol, 
#commentlist li {
	list-style:none;
}
#cmtswitcher {
	background:#FFF;
	font-size:10px;
	padding-top:5px;
}
#cmtswitcher a.tab, 
#cmtswitcher a.curtab {
	padding:5px 10px;
	margin-bottom:-1px;
	display:block;
	float:right;
	color:#555;
	text-decoration:none;
}
#cmtswitcher a.tab {
	border:1px solid #FFF;
	border-bottom-color:#CCC;
}
#cmtswitcher a.curtab {
	background:#FCFCFC;
	border:1px solid #CCC;
	border-bottom-color:#FCFCFC;
}
#cmtswitcher .addcomment, 
#cmtswitcher .addtrackback {
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
	float:left;
	margin-right:15px;
	margin-top:4px !important;
	margin-top:3px;
}
#trackbacks {
	clear:both; overflow:hidden; position:relative;
	background:#FCFCFC;
	border-top:1px solid #CCC;
	margin:10px -15px;
	padding:0 15px;
}
#cmtswitcher .addcomment {
	background:url(images/icons.gif) 0 -112px no-repeat;
}
#cmtswitcher .addtrackback {
	background:url(images/icons.gif) 0 -144px no-repeat;
}
#thecomments, 
#thetrackbacks {
	padding-bottom:15px;
	overflow:hidden;
}
#thecomments .comment, 
#thecomments .messagebox {
	margin-top:15px;
	overflow:hidden;
}
.cmtauthor {
	float:left;
	width:80px;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.cmtpic {
	background:url(images/commentpoint.png) 100% 33% no-repeat;
	padding-right:14px;
	margin-top:10px;
}
.cmtname {
	width:67px;
	padding-right:14px;
	font-weight:bolder;
	overflow:hidden;
}
.avatar {
	padding:1px;
	border:1px solid #999;
}

.cmtname img{ width:32px; height:32px; padding:1px; top:11px; left:16px; 
			position:absolute;  background-color:#FFF;}
.admincomment .cmtname img { left:30px;}

.cmtinfo {
	background:#EDEFF0 url(images/comment.gif) 0 0 no-repeat;
	float:left;
	padding:10px 15px 0;
	width:494px;
}
.cmtdate, 
.tbdate {
	float:left;
	font-size:10px;
}
.cmtact, 
.tbact {
	float:right;
	font-size:10px;
}
.cmtcontent {
	background:url(images/comment.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	line-height:145%;
}
.cmtcontent p {
	margin-top:10px;
}
.comment .content blockquote p {
	margin-top:0;
	margin-bottom:10px;
}
.admincomment .cmtauthor {
	float:right;
}
.admincomment .cmtpic {
	background:url(images/commentpoint.png) 0% 33% no-repeat;
	padding-right:0;
	padding-left:14px;
}
.admincomment .cmtname {
	padding-right:0;
	padding-left:14px;
}
.admincomment .cmtinfo {
	float:right;
}
#comment_login {
	margin-top:15px;
}
#thetrackbacks {
	overflow:hidden;
}
#thetrackbacks li {
	margin-top:15px;
	list-style:none;
}
.trackback {
	background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
	padding:10px 15px 0;
	width:575px;
}
.tbtitle {
	text-align:center;
	font-size:12px;
	display:block;
	margin:10px 0 -5px;
}
.trackback .title {
	background:#EDEFF0 url(images/box.gif) 100% 100% no-repeat;
	padding:10px 15px !important;
	padding:0 15px 10px;
	width:575px;
	margin:0 -15px;
}
#respond {
	padding:10px 0 0;
	font-size:11px;
}
#respond .row {
	margin-bottom:5px;
}
#respond .textfield {
	width:200px;
}
#emoticon {
	float:right;
	margin-top:1px;
	margin-right:10px;
}
#comment {
	width:601px;
}
#commentnavi {
	background:#EDEFF0 url(images/box.gif) 0 0 no-repeat;
	padding:10px 15px;
	font-size:11px;
}
#commentnavi a.page-numbers {
	padding:5px 7px;
	text-decoration:none;
	border:1px solid #EDEFF0;
	margin:0 -2px;
}
#commentnavi a.page-numbers:hover {	
	background:#F7F7F7;
	border:1px solid #CCC;
	text-decoration:none;
}
#commentnavi span.pages {
	padding:0 7px 0 22px;
	background:url(images/icons.gif) 0 -272px no-repeat;
	height:16px;
	line-height:16px;
	float:left;
}
#commentnavi span.current {
	background:#F7F7F7;
	padding:5px 7px;
	border:1px solid #F7F7F7;
	font-weight:bold;
	margin:0 -2px;
}
#commentnavi #commentpager {
	line-height:16px;
}
#submitbox a.feed {
	background:url(images/icons.gif) 0 -256px no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
}
#submitbox #submit_cmt {
	padding:3px 6px;
	background:#B4D666;
	border-top:1px solid #B4D666;
	border-right:1px solid #81B840;
	border-bottom:1px solid #81B840;
	border-left:1px solid #B4D666;
	color:#2970A6;
	font-size:11px;
	cursor:pointer;
	width:200px;
}
#submitbox #submit_cmt:hover {
	background:#98C64C;
	border-top:1px solid #76B33A;
	border-right:1px solid #98C64C;
	border-bottom:1px solid #98C64C;
	border-left:1px solid #76B33A;
	color:#074A7E;
}
#submitbox .submitbutton {
	float:right;
}
/* comment END */

/* linkcat START */
.post .content .linkcat ul li {
	list-style:none;
	float:left;
	width:25%;
	padding:2px 0;
	overflow:hidden;
}
.post .content .linkcat ul li a {
	background:url(images/icons.gif) 0 -160px no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
}
/* linkcat END */

/* image switcher START */
.imageswitcher {
	background:#EDEFF0;
	padding:5px;
	font-size:11px;
}
.imageswitcher_image {
	background:#FFF;
	border:1px solid #BABABA;
	padding:3px;
	margin:0;
}
a .imageswitcher_image:hover {
	border-color:#999;
}
a.imageswitcher_button {
	float:left;
	margin-top:1px !important;
	margin-top:3px;
	margin-bottom:0 !important;
	margin-bottom:5px;
	margin-right:4px;
	padding:2px 5px;
	background:#B4D666;
	border-top:1px solid #B4D666;
	border-right:1px solid #81B840;
	border-bottom:1px solid #81B840;
	border-left:1px solid #B4D666;
	color:#2970A6;
}
a.imageswitcher_button:hover {
	background:#98C64C;
	border-top:1px solid #76B33A;
	border-right:1px solid #98C64C;
	border-bottom:1px solid #98C64C;
	border-left:1px solid #76B33A;
	text-decoration:none;
	color:#074A7E;
}
/* image switcher END */

/*taglog*/
.taglog ul                  { padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#2970A6;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#999; }

/* trackback icon 버그패치 */
.post .edtrackback, 
.post .eddelete {
    background:url(images/icons2.gif) no-repeat;
    padding-left:22px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
}

.post .eddelete {
    background-position:0 -16px;
}
/* trackback icon 버그패치 */

/* more/less */
.article .moreless_fold { background:url(images/icon_more.gif) left 5px no-repeat;  padding-left: 30px; border-top: 4px double #eeeef1; }
.article .moreless_top { background:url(images/icon_less.gif) left top no-repeat;  padding-left: 30px; border-bottom: 1px solid #eeeef1; color: #344399; }
.article .moreless_bottom { background:url(images/icon_lessR.gif) right 5px no-repeat;  padding-right: 25px; border-top: 1px solid #eeeef1; color: #344399; text-align:right; }
.article .moreless_top span,
.article .moreless_bottom span,
.article .moreless_fold span { display:block; }
/* more/less */

/* BBCode 도우미 버튼들 */
.emoticonborder { border-style: solid; border-width: 1px; border-color: #cbcbcb; padding: 5px; margin: 0 0 7px 0; height: 22px;}
.emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0; }
.emoticonspace { float: left; margin-right:0px; }
.emoticonusage { cursor:pointer; float: right; }
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; background-color:transparent !important;}
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }