@charset "utf-8";

* { margin: 0; padding: 0; }

body{
	font: 0.75em/1.5 Dotum, 돋움, Sans-serif;
	background: #DCDCDC url(images/bg_body.gif) repeat scroll center 1px;
	*background-position: center 0; /*for IE*/
	color: #737373;
}

a { text-decoration: none; }
a:link { color: #737373; }
a:visited { color: #737373; }
a:hover { color: #FE821C; text-decoration:underline; }
a:active { color: #666; }
hr { display: none; }
img { border: 0; }
a img { border: 0; }
input,
textarea { border: 1px solid #DEDEDE; background-color: #FFF; overflow:auto; font-size: 12px; }
.imageblock img {
	margin: 5px 0; 
}
/* LAYOUT */
#wrap {
	width: 858px;
	margin: 0 auto;
	background: #FFF url(images/bg_wrap.gif) repeat-y scroll 0 0;
}
#header {
	height: 189px;
	position: relative;
	background: transparent url(images/bg_header.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
}
#nav {
	height: 39px;
	width: 818px;
	margin: 0 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #F3831D url(images/bg_menu.gif) no-repeat scroll 0 0;
}
#content {
	float: left;
	width: 520px;
	padding: 5px 29px 50px 50px;
	overflow: hidden;
}
#sidebar {
	float: right;
	width: 200px;
	padding: 5px 50px 30px 9px;
}
#footer {
	clear: both;
	height: 85px;
	padding: 0 20px;
	background: #FFF url(images/bg_footer.gif) no-repeat;
}

/* HEADER */
#header h1 a {
	background: transparent url(images/udiem_logo.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 254px;
	height: 90px;
	position: absolute;
	top: 50px;
	left: 304px;
}
a#btn_udiemhome {
	background: transparent url(images/btn_home.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 60px;
	height: 30px;
	position: absolute;
	top: 9px;
	right: 56px;
}
a#btn_udiemhome:hover {
	background-position: 0 -30px;
}
#nav ul { padding-left: 59px; }
#nav ul li { float:left; list-style: none; padding-left: 23px;}
#nav ul li a { text-indent:-9999px; display:block; height: 39px; }
#nav ul li a:hover { background-position: 0 -39px; }
li#nav_introduce a {
	width: 90px;
	background:transparent url(images/nav_intro.gif) no-repeat;
}
li#nav_notice a {
	width: 82px;
	background:transparent url(images/nav_notice.gif) no-repeat;
}
li#nav_update a {
	width: 82px;
	background:transparent url(images/nav_update.gif) no-repeat;
}
li#nav_event a {
	width: 67px;
	background:transparent url(images/nav_event.gif) no-repeat;
}
li#nav_ideabug a {
	width: 144px;
	background:transparent url(images/nav_idea.gif) no-repeat;
}
li#nav_guestbook a {
	width: 63px;
	background:transparent url(images/nav_guestbook.gif) no-repeat;
}


/* Top NOTICE */
#notice {
	margin-left: -20px;
	border-bottom: 1px dashed #D8D8D8;
	height: 36px;
	overflow: hidden;
}
#notice li {
	list-style: none;
	background: #fff url(images/bg_notice.gif) no-repeat scroll 0 0;
	padding: 12px 0 11px 36px;
	height: 13px;
}
#notice .bold { font-weight: bold; padding-right: 2px; }


/* ENTRY */
.entryNotice,
.entryProtected,
.entry { padding: 20px 0 }
.entryNotice h2,
.entryProtected h2,
.entry h2 { font: 800 16px Dotum, 돋움, Serif; }
.entryNotice h2, 
.entryProtected h2, 
.entry h2 a { color: #4B4B4B; }
.entryNotice h2, 
.entryProtected h2,
.entry h2 a:hover { color: #FE821C; }
.title_wrap {
	width: 510px;
	height: 36px;
	margin-left: -30px;
	padding: 9px 10px 0 30px;
	background:transparent url(images/bg_title.gif) no-repeat scroll 0 0;
}
.entryNotice .info,
.entryProtected .info,
.entry .info,
.entryNotice .info a,
.entryProtected .info a,
.entry .info a { font-size: 11px; color:#A6A6A6; }
.article {
	text-align: justify;
	padding: 30px 0 50px 0;
}
.entry .article a { color: #3A5AFF; text-decoration: underline; }
.entry .article a:hover { color: #FE821C; }
.entry .article blockquote {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	border-left: 4px double #EEE;
}
.entry code {
	width:590px;
	height:auto;
	overflow:auto;
	background: url(images/bgcode.gif);
	border: 1px solid #F9F9F9;
	color: #666;
	display: block;
	font: normal 12px Monaco, Bitstream Vera Sans Mono, Andale Mono, Lucida Console, fixed;
	margin-bottom: 12px;
	padding: 10px;
	white-space: pre;
}
.entry .article ul,
.entry .article ol { margin: 10px 10px 10px 30px; }

.entry .admin { padding: 10px; color: #aaa; }

.entry .tag_action_wrap {
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	height: 21px;
	padding-top: 4px;
	overflow: hidden;
}
.entry .tagTrail {
	float: left;
	width: 330px;
	height: 21px;
	overflow: hidden;
}
.entry .tagTrail .tagText {
	padding-left: 5px;
}
.entry .tagTrail .tagText img {
	vertical-align: middle;
}
.entry .actionTrail {
	float: right;
	width: 190px;
	height: 21px;
	overflow: hidden;
	text-align: right;
}
.entry .actionTrail a { color:#767676; }
.entry .actionTrail a:hover { color: #FE821C; }
.entry .actionTrail .cnt .ct_num { font-weight: bold; }

/* IMAGE CAPTION & POSITION */
.cap1 {font-size: 12px; color: #876; text-align: center;}
/* MORE / LESS */
.moreless_fold { padding-left:20px; color:#FE821C;}
.moreless_top { padding-left:20px; color:#767676;}
.moreless_body { }
.moreless_bottom { padding-right:20px; color:#767676; text-align:right;}
/* KEYWORD */ 
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* ERROR PAGE */ 
#page-error {
	font-size: 20px;
	font-weight: bold; 
	padding: 200px 0; 
	text-align: center; 
}

/* TRACKBACK */
.trackback h3 {	padding: 5px; font-size: 12px; font-weight: normal; color: #A6A6A6; }
.trackback h4 { font-size: 12px; font-weight: bold; }
.trackback ol { background: #F2F2F2 url(images/bg_trackback.gif) no-repeat scroll 0 0; padding: 15px 0 20px 20px; }
.trackback li { list-style: none; }
.trackback p.rep_desc { font-size: 11px; }
.trackback .from,
.trackback .date { font-size: 11px; color: #A6A6A6 }

/* COMMENT */
.comment { padding-bottom: 30px; }
body#tt-body-guestbook .comment { padding: 20px 0 30px;}
.comment ol { padding: 15px 0 20px 0; }
.comment ol li { list-style: none; margin: 5px 0;}
.comment li.reply_ct {
	margin-left: 50px;
	padding: 10px;
	list-style: url(images/ul_arrow.gif) outside;
}
.comment p.rep_desc { font-size: 11px; }
.comment .name { font-weight: bold; }
.comment .date { font-size: 11px; color: #A6A6A6; }
.control a { font-size: 11px; padding:0 5px; color: #A6A6A6; }
.control a:hover { color: #FE821C; }
.commentWrite {
	border-top: 4px solid #E4E4E4;
	background-color: #F2F2F2;
	padding: 20px;
}
.commentWrite p {
	padding: 7px 0 8px 0;
	font-size: 11px;
	border-bottom: 1px dashed #E4E4E4
}
.commentWrite p label {
	float: left;
	padding: 2px 0 0 5px;
	color: #A6A6A6;
}
.commentWrite p input {
	width: 190px;
	height: 16px;
	display: block;
	margin-left: 110px;
}
.commentWrite p.homepage input {
	width: 240px;
}
.commentWrite p.secretWrap {
	padding: 0;
	margin: -25px 60px 0 0;
	_margin: -25px 30px 0 0; /*for IE6*/
	width: 56px;
	border: 0;
	float: right;
}
.commentWrite p.secretWrap input {
	margin: 0;
	width: 20px;
	border: none;
	background: none;
}
.commentWrite p.secretWrap label {
	float: right;
	padding: 0;
}
.commentWrite p.textarea_wrap,
.commentWrite p.submitWrap {
	border: 0;
}
.commentWrite textarea {
	width: 478px;
}
.commentWrite p.submitWrap input {
	margin: 0;
	width: 164px;
	height: 20px;
}

/* 종류별 코멘트 */
.rp_general,
.guest_general { border-left: 10px solid #F5F5F5; padding-left: 10px; } /* 일반 */
.rp_admin,
.guest_admin { border-left: 10px solid #FE821C; padding-left: 10px; } /* 관리자 */
.rp_secret,
.guest_secret { border-left: 10px solid #F5F5F5; padding-left: 10px; font-weight: normal; color: #FF0000; } /* 비밀글 */
.hiddenComment { border-left: 10px solid #F5F5F5; padding-left: 10px; font-weight: normal; color: #FF0000;} /* 로그아웃시 비밀글 표현 */

/* PAGING */
.selected { font-weight: bold; color:#FE821C;}
.no-more-prev a.prev,
.no-more-next a.next { color:#767676;}
.paging {
	clear: both;
	padding: 40px 10px;
	overflow: hidden;
}
.paging a { color:#737373; }
.paging a:hover { color:#FE821C; }
.paging .prev_next_wrap { float: left; font-size: 11px; }
.paging .prev_next_wrap a:hover { text-decoration: none; }
.text_prev { border-right: 2px solid #DADADA; }
.paging .numbox { float: right; font-size: 14px; }
.paging .num { padding: 0 6px; }


/* SEARCHLIST */
.searchlist { padding: 20px 0 0; }
.searchlist h3 {
	margin-left: -20px;
	padding: 10px 20px;
	background-color: #F2F2F2;
	color: #FF3300;
	font-size: 12px;
}
.searchlist ol { padding: 10px 20px; }
.searchlist li { list-style:none; }
.searchlist .cnt,
.searchlist .date
.searchlist .name { font-size: 11px; color: #A6A6A6; }


/* SIDEBAR */
#sidebar .cnt,
#sidebar .date,
#sidebar .name { font-size: 11px; color: #A6A6A6; }
#sidebar .search { height: 22px; padding: 10px 0; overflow: hidden; }
#sidebar .search input { float:left; }
#sidebar .search .form_search {
	background-color: #F1F1F1;
	border: 0;
	width: 157px;
	height: 17px;
	padding: 4px 0 0 0;
}
#sidebar .search .submit {
	width: 41px;
	height: 22px;
	border: 0;
	margin-left: 2px;
}
#sidebar h3 { width:200px; height:20px; text-indent: -9999px; margin: 20px 0 10px; }
.category h3 { background: transparent url(images/sidebar_category.gif) no-repeat scroll 0 0; }
.recentPost h3 { background: transparent url(images/sidebar_recentpost.gif) no-repeat scroll 0 0; }
.tagbox h3 { background: transparent url(images/sidebar_tag.gif) no-repeat scroll 0 0; }
.recentComment h3 { background: transparent url(images/sidebar_recentcomment.gif) no-repeat scroll 0 0; }
.recentTrackback h3 { background: transparent url(images/sidebar_recenttb.gif) no-repeat scroll 0 0; }
.link h3 { background: transparent url(images/sidebar_link.gif) no-repeat scroll 0 0; }
#sidebar .ib,
#sidebar .branch3 { cursor: pointer; }
#sidebar .c_cnt { font-size: 11px; color:#A6A6A6; }
#sidebar ul { width: 200px; }
#sidebar li {
	border-bottom: 1px solid #E9E9E9;
	padding: 3px 2px 2px 9px;
	background: transparent url(images/sidebar_li.gif) no-repeat scroll 0 0;
	list-style: none;
}
#sidebar li a { display: block; }
#sidebar .tagbox ul { text-align: justify;}
#sidebar .tagbox li { background: none; border: 0; display: inline; padding: 0 2px; }
#sidebar .tagbox a { display: inline; }	
#sidebar .tagbox li .cloud1 { background-color: #F3F3F3; font-weight: bold; font-size: 14px; color: #30BF48; }
#sidebar .tagbox li .cloud2 { background-color: #F3F3F3; font-weight: bold; font-size: 14px; color: #30BF48; }
#sidebar .tagbox li .cloud3 { font-weight:bold; font-size:13px; color:#737373; }
#sidebar .tagbox li .cloud4 { font-size:13px; color:#737373; }
#sidebar .tagbox li .cloud5 { font-size:12px; color:#737373; }	
#sidebar .counter {	font-size: 11px; color: #A6A6A6; padding: 20px 0; letter-spacing: -0.5px; overflow: hidden; }
.counter .today { font-weight: bold; }
#sidebar .btn_rss { padding: 10px 0; }



/* FOOTER */
#footer address {
	margin: 0 10px;
	padding: 15px 20px;
	border-top: 3px solid #E4E4E4;
	font-style: normal;
	font-size: 11px;
	line-height: 1.2;
	color: #737373;
}