ol,ul,li
{
	list-style-type:none;
	margin:0;
	padding:0
}

img,table
{
	border:0
}

html
{
	height:100%
}

body,table
{
	font-size:12px;
	font-family:"맑은 고딕","Malgun Gothic", "Lucida Grande", Verdana,  Dotum, sans-serif
}

body
{
	background-color:#37383d;
	text-align:center;
	margin:0;
	padding:0
}
p::selection {
    background: #f6d106;
    color: #3a2916;
}

p::-moz-selection {
    background: #f6d106;
    color: #3a2916;
}

#frame
{
	width:1000px;
	overflow:hidden;
	text-align:left;
	margin:0 auto
}

#skipnav
{
	float:right;
	height:20px;
	padding:.2em
}

#skipnav li
{
	display:inline;
	font-size:.8em;
	padding:0 0 0 2em
}

#skipnav li a
{
	color:#FFF;
	text-decoration:none
}

#tit h1
{
	float:left;
	width:130px;
	margin-top:30px
}

#tit p
{
	float:left;
	margin-top:35px;
	font-size:12px;
	color:#FFF
}

#header
{
	clear:left;
	float:left;
	padding-left:10px;
	width:988px;
	height:30px;
	overflow:hidden;
	background-color:#cacaca;
	border:1px solid #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}

#header li a
{
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	border:1px solid #cacaca;
	border-width:0 1px 1px;
	padding:7px 15px 3px
}

#search
{
	float:right;
	padding-top:4px
}

#search label
{
	float:left;
	font-weight:bold;
	font-size:11px;
	padding:5px 6px 0 0
}

#search .text
{
	float:left;
	width:129px;
	height:20px;
	margin-right:4px;
	background-color:#FFF;
	border:1px solid #000;
	padding:0
}

#search .submit
{
	float:left;
	margin-right:4px
}

#middle
{
	margin-right:10px;
	clear:both;
	overflow:hidden;
	float:left;
	width:748px
}

#nav
{
	overflow:hidden;
	padding-left:10px;
	background-color:#777;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-radius:4px 4px 0 0
}

#nav li a
{
	float:left;
	display:inline;
	height:23px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:7px 14px 0
}

#nav li.now a,#nav li a: hover
{
	color:#000;
	background-color:#fc0
}

#content
{
	clear:both;
	width:750px;
	margin-bottom:10px
}

.post h2
{
	color:#fff;
	background:url(/images/blog/ico_title.gif) no-repeat 5px top;
	font-size:20px;
	height:42px;
	padding:10px 0 0 63px
}

.post h2 a
{
	color:#fff;
	text-decoration:none
}

.storycontent
{
	background:#ececeb url(/images/blog/bg_article.gif) no-repeat right bottom;
	border:1px solid #a87440;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	line-height:1.6;
	padding:10px 10px 80px
}

.storycontent p
{
	margin:18px 0
}

.storycontent pre,.storycontent blockquote
{
	background-color:#e7d8c9;
	border:1px solid #a87440;
	overflow:auto;
	margin:0;
	padding:10px
}

.storycontent li
{
	padding-left:10px;
	background:url(/images/blog/bul_list.gif) no-repeat left 6px
}

.storycontent a
{
	color:#856748
}

.storycontent a:hover
{
	color:#988674
}

.metadata
{
	clear:both;
	margin:10px 0
}

.metadata dl
{
	overflow:hidden;
	height:110px;
	background-color:#ececeb;
	border:1px solid #a87440;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px
}

.metadata dl dt
{
	clear:both;
	float:left;
	width:60px;
	height:23px;
	background-color:#ececeb
}

.metadata dl dd
{
	float:left;
	width:668px;
	font-size:.8em;
	height:23px;
	color:#444;
	background-color:#ececeb
}

.comment .info
{
	padding:10px 10px 0
}

.comment .info li
{
	background:url(/images/blog/bul_arr.gif) 0 7px no-repeat;
	font-size:.9em;
	padding:4px 0 0 10px
}

.comment .list li
{
	color:#53481c;
	border:1px solid #b4ab86;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px
}

.comment .list li.chalt
{
	background-color:#f9eec0
}

.comment .list li span.reply img
{
	float:right;
	vertical-align:middle;
	margin-top:7px
}

.comment .list li div.contents
{
	clear:both;
	padding:5px 0
}

.comment .list li cite
{
	float:left;
	font-style:normal;
	margin-top:2px
}

.comment .list form,.commentW form
{
	margin:0;
	padding:10px 0 0
}

.comment .list label,.commentW label
{
	font-size:.8em;
	clear:both;
	float:left;
	width:180px;
	padding:4px 0 0 10px
}

.comment .list form p,.commentW p
{
	clear:both;
	margin-bottom:5px
}

.commentW #author,.commentW #email,.commentW #url
{
	height:18px;
	font-size:.9em;
	width:400px;
	padding:0
}

.comment .list textarea,.commentW textarea
{
	width:380px;
	padding:10px
}

#articleNav ul
{
	border-top:1px solid #c1a846;
	margin:0
}

#articleNav li a
{
	display:block;
	border-bottom:1px solid #c1a846;
	color:#444;
	text-decoration:none;
	margin:0;
	padding:5px 0 5px 20px
}

#articleNav li.prevPage a
{
	background:url(/images/blog/ico_up.gif) 2px 5px no-repeat
}

#articleNav li.nextPage a
{
	background:url(/images/blog/ico_down.gif) 2px 5px no-repeat
}

#sidebar
{
	float:right;
	width:240px;
	margin-top:52px
}

#sidebar h3
{
	margin-bottom:5px;
	border:1px solid #9f7f00;
	font-size:1.1em;
	background-color:#fc0;
	color:#000;
	height:24px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:6px 0 0 10px
}

#sidebar ul
{
	background-color:#FFF;
	border:1px solid #a87440;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px;
	text-align:left;
	padding:10px 0
}

.rssSearch
{
	background-color:#FFF;
	border:1px solid #a87440;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px;
	text-align:left;
	padding:10px 5px
}

#sidebar .sContents
{
	background-color:#FFF;
	border:1px solid #a87440;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px;
	padding:10px 5px
}

#sidebar ul li
{
	font-size:.8em;
	background:url(/images/blog/bul_squ.gif) 2px 5px no-repeat;
	margin-left:5px;
	text-align:left;
	padding:0 0 4px 10px
}

#sidebar ul.tagList li
{
	display:inline;
	background-image:none;
	margin:0;
	padding:0
}

#sidebar ul.tagList
{
	padding:5px
}

#footer
{
	clear:both;
	background-color:#ececeb;
	border:1px solid #a87440;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px
}

#footer p
{
	color:#507182;
	padding:5px
}

#footer p a
{
	color:#507182;
	font-weight:bold
}

.setForm,.setFormAlbum
{
	border:1px solid #a87440;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px
}

.setForm p,.setFormAlbum p
{
	margin:5px
}

.setForm select,.setFormAlbum select
{
	width:10em
}

.setForm label,.setFormAlbum label
{
	clear:left;
	float:left;
	width:8em
}

ul.album
{
	border-top:2px solid #a87440
}

ul.album li
{
	clear:both;
	overflow:hidden;
	padding-top:5px;
	background-image:none;
	border-bottom:1px solid #a87440
}

ul.album li h3 a
{
	color:#000;
	text-decoration:none
}

ul.album li img
{
	float:left;
	margin:0 20px 10px 0
}

h3.bookmarkCate
{
	border-bottom:2px solid #a87440;
	background:url(/images/blog/ico_txt_file.gif) no-repeat left 7px;
	margin-top:10px;
	padding:5px 0 5px 20px
}

.bookmarkL li
{
	background-image:none;
	border-bottom:1px dotted #a87440;
	padding:5px 0
}

.bookmarkL li *
{
	vertical-align:middle
}

.bookmarkL li p
{
	color:#888;
	margin:0
}

.btArea
{
	margin-top:5px
}

.tbListCate
{
	margin-top:20px;
	width:100%;
	border-top:3px solid #777;
	border-bottom:3px solid #777
}

.tbListCate th
{
	border-bottom:1px solid #777
}

.tbListCate td
{
	border-bottom:1px dotted #777
}

.searchResultInfo
{
	background-color:#e7d8c9;
	border:1px solid #a87440;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px
}

.searchResultInfo p
{
	clear:left;
	margin:3px 0
}

p.paging
{
	border-top:3px solid #e7d8c9;
	padding-top:20px;
	text-align:center;
	height:100px
}

p.paging a
{
	display:inline-block;
	border:1px solid #c2c2c2;
	color:#5e5e5e;
	background-color:#dedede;
	font-size:.7em;
	text-decoration:none;
	padding:2px 5px
}

p.paging a.page_prev,p.paging a.page_next
{
	padding:2px 15px
}

.postlist
{
	margin-top:10px;
	border-top:2px solid #a87440
}

.postlist li
{
	background-image:none;
	border-top:1px solid #a87440;
	padding:0
}

.postlist li h4
{
	border-bottom:1px dotted #a87440;
	padding:3px 0
}

.postlist li p
{
	margin:5px 0
}

li.feed
{
	background-image:none;
	background-color:#e7d8c9;
	border:1px solid #a87440;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:10px;
	padding:10px
}

li.feed h5
{
	clear:both;
	margin-top:10px;
	font-size:1em;
	border-bottom:1px dotted #a87440
}

dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ul.album li p
{
	margin:0;
	padding:0
}

#tit,.comment .list li p.head
{
	overflow:hidden
}

#header li,#header ul,#nav li,.searchResultInfo h3
{
	float:left
}

#header li a: hover,#header li.now a
{
	background-color:#fc0;
	border:1px solid #000;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-width:0 1px 1px
}

.metadata dl dd a,.comment .info li a
{
	color:#605011
}

.comment,.commentW,#articleNav
{
	clear:both;
	background-color:#ececeb;
	border:1px solid #a87440;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:10px 0;
	padding:10px
}

.comment .list li a,#sidebar ul li a,.bookmarkL li a,.searchResultInfo a,.postlist li h4 a,li.feed a
{
	color:#444;
	text-decoration:none
}

.comment .list li p.head span.gravatar,.postlist li p.thumb
{
	float:left;
	margin-right:10px
}

li.more a,.tbListCate a,.btArea a,li.feed p.more a
{
	display:inline-block;
	border:1px solid #c2c2c2;
	color:#5e5e5e;
	background-color:#dedede;
	font-size:.7em;
	text-decoration:none;
	padding:3px 15px
}

.searchResultInfo img,li.feed p.thumb
{
	float:right
}

.postlist dl,.post_wrap dl
{
	clear:both;
	border-top:1px dotted #a87440;
	overflow:hidden
}

.postlist dt,.post_wrap dt
{
	float:left;
	width:10%;
	font-weight:bold
}

.postlist dd,.post_wrap dd
{
	float:left;
	width:90%
}

.postlist dd a,.post_wrap dd a
{
	color:#a87440;
	text-decoration:none
}

li.feed p.more,li.feed p
{
	margin:0
}