@charset "utf-8";

/* 기본 설정 */ 

* {
	margin: 0px;
	padding: 0px;
	border:0px;
}

body {
	background-color: #FFFFFF;
	font:12px Dotum;
	color:#545454;
}

a {
	text-decoration:none;
	color:#545454;
}

a:hover { color:#8b9c32; }


/* library */
.clear		{ clear:both; }
.sep		{ color:#bbbbbb; font-size:10px; margin-left:3px; margin-right:4px; }
.fullsize	{ width:1000px; margin:0 auto; }

.leftsize	{ width:177px; }
.marginsize { width:21px; }
.rightsize	{ width:224px; }
.mainsize   { width:555px; }

.overflow_6px	{ overflow:hidden; padding-left:6px; padding-right:6px; }
.green_title	{ color:#a2ba2d; }

.hand			{ cursor:pointer; }

/* tag clouod */


.tagCloudItem1 { color: #a2ba2d; font-weight: bold; font-size: 17px;}
.tagCloudItem2 { background:#f6f6f6; color: #2f2f2f; font-weight: bold; font-size: 16px;}
.tagCloudItem3 { background:#f6f6f6; color: #2f2f2f; font-weight: bold; font-size: 14px;}
.tagCloudItem4 { color: #2f2f2f; font-size: 13px; font-weight:bold; }
.tagCloudItem5 { color:#6b6b6b; font-size:12px; }

/* layout */

#container { width:100%; height:100%; }
	#header { width:100%; height:30px; border-top:2px solid #a5ba37; background-color:#f2f2f2; }

	#header #header_menu { }
		#header #header_menu #left_log { float:left; font-size:11px; padding-top:4px; padding-left:10px; color:#7b7b7b; }
		#header #header_menu #log	   { float:right; font-size:11px; padding-top:5px; padding-right:10px; color:#7b7b7b; }
			#header #header_menu #log a {  color:#7b7b7b; }
			#header #header_menu #log .member_name { font-weight:bold; }

	
	#logo_range {  float:center; padding-top:0px; height:80px; }

	#tab_bg		{ width:100%; height:31px; background:url(./images/tab_bg.gif) repeat-x top left; }

	#menu		{ }
		#menu	ul	  { list-style:none; display:block; height:31px; }
		#menu	ul li { display:inline; float:left; font-weight:bold; padding-left:12px; padding-right:12px; padding-top:10px; background:url(./images/tab_sep.gif) no-repeat 0px 12px;  }
			#menu ul li a { color:#ffffff; }
	
		#menu .home		{ background:none; }
		#menu .selected { padding-top:6px; }

		#menu .selectedBGL { background:url(./images/tab_selected_left.gif) no-repeat top left;  }
		#menu .selectedBGC { background:url(./images/tab_selected_center.gif) repeat-x top left;  }
		#menu .selectedBGR { background:url(./images/tab_selected_right.gif) no-repeat top right; }
		#menu .selectedBG  { margin:0; padding-left:10px; padding-right:12px; padding-top:7px;  padding-bottom:5px; line-height:13px;}
			#menu .selectedBG a { color:#505050; }

	#sub_menu { height:32px; }
		#sub_menu .subMenuBGL { width:100%; height:100%; background:url(./images/submenu_bg_l.gif) no-repeat top left; }
		#sub_menu .subMenuBGC { width:100%; height:100%; background:url(./images/submenu_bg_c.gif) repeat-x  top left; }
		#sub_menu .subMenuBGR { width:100%; height:100%; background:url(./images/submenu_bg_r.gif) no-repeat top right; }

		#sub_menu #sub_menu_datas	{ padding-top:6px; height:28px; }
			#sub_menu #sub_menu_datas #favorite { float:left; }
			#sub_menu #sub_menu_datas #search	{ float:left; background:url(./images/submenu_sep.gif) no-repeat 0px 4px; height:100%;  }
				#sub_menu #sub_menu_datas #search #search_right_sep { background:url(./images/submenu_sep.gif) no-repeat right 4px; width:100%; height:100%; }
				#sub_menu #sub_menu_datas #search #searchbar	{ text-align:center;  }
				#sub_menu #sub_menu_datas #search #keyword		{ border:1px solid #dbdbdb; color:#626262; width:260px; height:14px; margin-left:6px; margin-right:6px; padding-top:2px; padding-left:2px; padding-right:2px; }	
			#sub_menu #sub_menu_datas #pop_text { float:right; padding-top:4px;}
			
			#sub_menu #sub_menu_datas .submenu_margin	{ float:left; }
			
	#main	{ margin-top:16px;  }
	*:first-child+html #main { margin-top:48px; }

		#left_sidebar	{ float:left; }
			.ls_lt		{ width:100%; height:100%; background:url(./images/ls_lt.gif) no-repeat top left; }
			.ls_t		{ width:100%; height:100%; background:url(./images/ls_t.gif)  repeat-x  top left; }
			.ls_rt		{ width:100%; height:100%; background:url(./images/ls_rt.gif) no-repeat top right; }
			.ls_l		{ width:100%; height:100%; background:url(./images/ls_l.gif)  repeat-y  top left; }
			.ls_r		{ width:100%; height:100%; background:url(./images/ls_r.gif)  repeat-y  top right; }
			.ls_lb		{ width:100%; height:100%; background:url(./images/ls_lb.gif) no-repeat bottom left; }
			.ls_rb		{ width:100%; height:100%; background:url(./images/ls_rb.gif) no-repeat bottom right; }
			.ls_b		{ width:100%; height:100%; background:url(./images/ls_b.gif) repeat-x bottom left; }

			.ls_banner	{ margin-bottom:6px; margin-top:6px; }
			.ls_banner2	{ margin-bottom:16px; }

			#left_sidebar ul { list-style:none; margin-left:3px; margin-right:3px; background:url(./images/ls_ulbg.gif) repeat-x; }
			#left_sidebar ul li { border-bottom:1px solid #efefef; padding-left:7px; padding-right:7px; padding-top:6px; padding-bottom:5px; font-size:11px; overflow:hidden; word-break:break-all; }

			#notice_wrap,
			#add_wrap { margin-bottom:16px;  }

			#notice	   { padding-top:10px; padding-bottom:10px;  }
			#add	   { padding-top:10px; padding-bottom:6px;  }

			#add	ul li { overflow:hidden; }

			#add	.link { color:#8c8c8b; font:10px Tahoma;  } 

			#add #total_blog { font-size:11px; padding-left:10px; padding-right:10px; padding-top:6px; color:#4e4e4e; }
			
		.main_margin	{ float:left; background:url(./images/main_sep.gif) no-repeat 10px 5px; height:17px; }
		#article		{ float:left; }
			#main_menu_wrap	{ width:100%; height:25px; background:url(./images/main_tab_bg_center.gif) repeat-x; }
				#main_menu_wrap #main_menu_left  { width:100%; height:25px; background:url(./images/main_tab_bg_left.gif) no-repeat left top; }
				#main_menu_wrap #main_menu_right { width:100%; height:25px; background:url(./images/main_tab_bg_right.gif) no-repeat right top; }
			#main_menu_wrap #main_menu			 { padding-left:16px; }

			#main_menu_wrap	.main_menu_select	{  float:left; height:20px;  background:url(./images/main_tab_select_bg_center.gif) repeat-x; margin-top:5px; }
				#main_menu_wrap	.main_menu_select_left	{ background:url(./images/main_tab_select_bg_left.gif) no-repeat top left;  }
				#main_menu_wrap	.main_menu_select_right { background:url(./images/main_tab_select_bg_right.gif) no-repeat top right; }

			#main_menu_wrap .main_menu_select_text { padding-left:10px; padding-right:10px; padding-top:6px;  color:#616161; font-weight:bold; }

			.post_wrap	{ padding-top:14px; border-bottom:1px solid #f3f3f3; }			
			.overlap_wrap { padding-left:10px; padding-bottom:2px;  border-bottom:1px solid #f0f0f0; line-height:16px; background:url(./images/overlap_icon2.gif) no-repeat 0px 5px;   }
			
			.post_rep .haveNextOverlap { border-bottom:0; }
			.overlap_rep .haveNextOverlap { border-bottom:0; }
			.overlap_rep .haveThumbnail { padding-left:106px; background:url(./images/overlap_icon2.gif) no-repeat 94px 5px; }

				.thumbnail_wrap	{ float:left; width: 90px;  padding-left:2px; padding-right:14px; }
					.thumbnail_border { border:3px solid #f2f2f2; width:84px; }
					.thumbnail { text-align:center; width:80px; height:80px; overflow:hidden; border:2px solid #ffffff; }
				.post		{ float:left; padding-bottom:12px; width:446px; }
				.feeditem	{ float:none; padding-left:0px; padding-top:14px; padding-bottom:12px; border-bottom:1px solid #f3f3f3; }
					.post_wrap .title	{ margin-bottom:6px; color:#8b9c32; }
						.post_wrap .title a { font-weight:bold; color:#3f3f3f; padding-bottom:2px; background:url(./images/post_title_dot.gif) repeat-x bottom left; }
						.post_wrap .title a:hover { text-decoration:none; background:url(./images/post_title_dot_hover.gif) repeat-x bottom left; }
						.post_wrap .title a:visited { color:#7f7f7f; }
					
					.overlap_wrap .title	{ margin-bottom:6px; color:#8b9c32; }
						.overlap_wrap .title a { font-size:11px; color:#6f6f6f; padding-bottom:2px; }
						.overlap_wrap .title a:hover { text-decoration:none; background:url(./images/post_title_dot_hover.gif) repeat-x bottom left; }
						.overlap_wrap .title a:visited { color:#8f8f8f; }
					
					.overlap_wrap .by { color:#aaa; margin-left:10px; font-size:11px; }
					.overlap_wrap .author { color:#666; margin-left:5px; font-size:11px;  }
					

				.haveThumbnail	{ width:437px; }

				.extra		{ font:11px 굴림; color:#5f5f5d; margin-bottom:8px; }
					.extra .sep { color:#ededed; }
					.extra a { color:#afafaf; }

				.extra2		{ font-size:12px; color:#a2ba2d; }
					.extra2 .blogname { color:#847e7e; margin-right:8px; }

				.commentCount { font-weight:bold; margin-left:2px; padding-left:20px; background:url(./images/bt_comment.gif) no-repeat; color:#a2ba2d; }

				.desc		{ color:#aaa; font-size:12px; line-height: 16px; margin-top:10px; margin-bottom:10px; overflow:hidden; }
	  .feeditem .desc		{ margin-top:8px; margin-bottom:0px; }
				
				.tag		{ font-size:11px; line-height:20px; }
					.tag a  { color:#9b9b9b; }
					.tag a:hover { text-decoration:none; color:#8b9c32; }

			#rss			{ border-bottom:2px solid #e6e6e6; margin-top:14px; padding-bottom:8px; padding-left:2px; }

		#right_sidebar  { float:right; }
			.rs_lt		{ width:100%; height:100%; background:url(./images/rs_lt.gif) no-repeat top left; }
			.rs_t		{ width:100%; height:100%; background:url(./images/rs_t.gif)  repeat-x  top left; }
			.rs_rt		{ width:100%; height:100%; background:url(./images/rs_rt.gif) no-repeat top right; }
			.rs_l		{ width:100%; height:100%; background:url(./images/rs_l.gif)  repeat-y  top left; }
			.rs_r		{ width:100%; height:100%; background:url(./images/rs_r.gif)  repeat-y  top right; }
			.rs_lb		{ width:100%; height:100%; background:url(./images/rs_lb.gif) no-repeat bottom left; }
			.rs_rb		{ width:100%; height:100%; background:url(./images/rs_rb.gif) no-repeat bottom right; }
			.rs_b		{ width:100%; height:100%; background:url(./images/rs_b.gif) repeat-x bottom left; }

			#right_sidebar ul { list-style:none; margin-left:10px; margin-right:10px;  padding-top:7px; background:url(./images/rs_line.gif) repeat-x top left; }
			#right_sidebar ul li { background:url(./images/li.gif) no-repeat 4px 8px;  padding-left:14px; padding-top:3px; padding-bottom:3px; font-size:11px; }
			#right_sidebar ul li a { color:#6d6d6d;  }
			#right_sidebar ul li  a:hover { color:#8b9c32; }

			#right_sidebar ol { list-style:none; display:block; margin-left:10px; margin-right:10px;   padding:4px; padding-top:10px; padding-bottom:4px; background:url(./images/rs_line.gif) repeat-x top left; line-height:18px; }
			#right_sidebar ol li { display:inline; margin-right:10px; }

			#randomtag_wrap, 
			#popular_wrap,
			#randomblog_wrap,
			.showblog_wrap {  margin-bottom:16px;  }

			#randomtag, 
			#popular,
			#randomblog,
			.showblog { padding-top:14px; padding-bottom:8px;  }

		.sidebar_title	{ float:left; padding-left:10px;  padding-bottom:6px; font-weight:bold; color:#383837; }
		.sidebar_more	{ float:right; padding-right:10px;  }

		.randomblog_desc	{ font-size:11px; margin-left:10px; margin-right:10px;   padding-top:12px; padding-bottom:12px;  background:url(./images/rs_line.gif) repeat-x top left; }
			.randomblog_blogimage	{ float:left; width:60px; height:60px; margin-left:2px; margin-right:10px; border:1px solid #aaa; }
			.randomblog_blogdesc	{ float:left; width:126px; line-height:16px; overflow:hidden; }
				.randomblog_blogdesc a		  { font-weight:bold; }
				.randomblog_blogdesc .feedCount { color: #a3a3a3; letter-spacing:1px; }
				.randomblog_blogdesc .rss		  { padding-top:6px; padding-bottom:3px; }

		.showblog_desc	{ font-size:11px; margin-left:10px; margin-right:10px;   padding-top:12px; padding-bottom:12px;  background:url(./images/rs_line.gif) repeat-x top left; }
				.showblog_desc a		  { font-weight:bold; }
				.showblog_desc .feedCount { color: #a3a3a3; letter-spacing:1px; }
		
		.showblog	.rss		  { margin-left:6px; }

	#powerd				{ background:url(./images/powerd_bg_c.gif) repeat-x top left; height: 28px; }
		#powerd_left	{ background:url(./images/powerd_bg_l.gif) no-repeat top left; height: 28px; }
		#powerd_right	{ background:url(./images/powerd_bg_r.gif) no-repeat top right; height: 28px; }

		#powerd_logo	{ text-align:center; }

	#paging				{ margin-top:14px; margin-bottom:14px; }
		#post_stat		{ float:left; color:#a5a1a1; font-size:11px; }
		#page			{ text-align:center; }
			#page a		  { border:1px solid #ebebeb; padding:3px 6px;  margin-left:5px; color:#535353; }

			#page .selected,
			#page a:hover { border:1px solid #b9ce49; background-color:#f9faee; text-decoration:none;  }
 
	#footer				{ clear:both; border-top:1px solid #dddddd; margin-top:20px; padding-top:18px; padding-bottom:18px; text-align:center; }
