@charset "utf-8";

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

body {font:0.75em/1.5 Dotum, Verdana, AppleGothic, Sans-serif;	color:#666;}

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


img {padding:0; margin:0; border:0;}
.clear { clear:both; }
.strong { font-weight:bold; }

/*
.indepthComment { margin-left:5px; padding-left:10px; background-color:#fafafa; background-image:url('http://www.journalogplus.net/test/skin/meta/basic/images/re.gif'); background-repeat:no-repeat; background-position:10px 12px; }
.indepthComment .rp_general { margin-left:15px; }
*/

.sep { color:#ccc; margin:0 5px; }


/* layout */
#container { width:992px; margin:0 auto;}
	#header {padding:15px 10px; height:53px; background:url(./images/bg_contentTop.gif) 0 bottom no-repeat;}
	#contentwrap {clear:both; background:url(./images/bg_contentwrap.gif) 0 center repeat-y; padding:0 6px;}
		#menubar { }
		#main { float:left; overflow:hidden; width:650px; background:url(./images/postlist_bg.gif) 0 0 repeat-x;}
			.main_wrap {padding:20px 30px 30px;background:url(./images/postlist_bg.gif) 0 0 repeat-x; }
		#sidebar { float:right; width:300px; padding:15px; padding-top:0; }
	#footer { padding:20px; text-align:center; background:url(./images/bg_contentBottom.gif) 0 top no-repeat; font-size:0.9em;	color:#666; }
	


/* header style */
#header h1 {float:left; }
#header h1 a {background:url(./images/logo.gif) no-repeat; width:258px; height:53px; display:block; overflow:hidden; text-indent:-999px;}
 
#login_box {float:right;}



/* menu style */
.blogMenu { }
.blogMenu {background:url(images/bg_menu.gif) repeat-x; padding:18px 0 18px 10px; height:14px; border-bottom:5px solid #ed193a;}
.blogMenu li {float:left; list-style:none; padding:0 20px; border-right:1px solid #ddd;}
.blogMenu li a {overflow:hidden; text-indent:-999px; font-weight:bold; }


/* main style */
#main .error_wrap { padding:10px; color:#999; font-size:1.1em; }
#main .error_wrap h3 { font-size:1.1em; margin-bottom:8px; color:#555; }


/* headline box */
#headline { padding:20px 30px 30px;}
#headline .inner {}
	
	#headline h2 { font-weight:bold; font-size:1.2em; color:#666; border-bottom:1px solid #eee; padding-bottom:6px;}
	
	#headline .posts {margin-top:20px;}
	#headline .post {clear:both; margin-bottom:15px;}	
	
	#headline .thumbnail {float:left; width:100px; height:100px; margin-right:10px; margin-bottom:5px; padding:3px; border:1px solid #ddd; overflow:hidden;}
	#headline .thumbnail img { width:100px; height:100px;}
	
	#headline .articleTitle { font-size:1em; font-weight:bold; }
	#headline .articleTitle a {color:#f60;}	
	
	#headline .blogTitle { font-size:0.9em;padding-top:5px;}
	#headline .blogTitle a { color:#999; }			
		
	#headline .articleDesc {padding-top:5px;}		
	#headline a:hover {}



/* issueFocus */
.issueFocus { border:1px solid #ccc;  margin-bottom:15px;}
	.issueFocus ul.menu { width:100%; list-style:none; padding:0; margin:0; color:#666; letter-spacing:2px; background:url("./images/bg_dot.gif") repeat-x bottom #eee; height:35px;  } /* <?php echo $pluginURL;?> */
	.issueFocus ul.menu li { float:left; padding:8px 10px; border-right:1px solid #ddd; cursor:pointer; }
	.issueFocus ul.menu li.selected {font-weight:bold; color:#0f0f0f; background:#ffffff; border-right:1px solid #ccc;}
		
	.issueFocus ul.item { list-style:none; padding:10px; padding-bottom:0px; margin:0; display:none; overflow:hidden;  }
	.issueFocus ul.viewed { display:block; padding: 0 15px 15px;}
	.issueFocus ul.item li { padding:15px 0 0;}
	.issueFocus ul.item li.empty { color:#aaa; font-size:11px; padding-bottom:14px; }
				
	.issueFocus ul.item li .thumbnail { float:left; margin-right:10px; width:60px; }
	.issueFocus ul.item li .thumbnail img { width:50px; border:1px solid #ddd; padding:2px; }

	.issueFocus ul.item li .data { float:left; width:645px;} /* 썸네일 이미지 있을 경우 */
	.issueFocus ul.item li .data2 {width:715px; }
	
	.issueFocus ul.item li .data h3 { font-size:1.1em;  font-weight:bold; margin:0; margin-bottom:6px; }
	.issueFocus ul.item li .data h3 a {  }
	.issueFocus ul.item li .data h3 a:hover { text-decoration:underline; }

	.issueFocus ul.item li .data .desc { font-size:0.9em; }
		
	.issueFocus_shadow { height:0px; font-size:0; border-top:1px solid #f5f5f5; display:none;}



/* postlist */
.postlist_wrap {margin-top:20px;}
	.postlist_wrap ul { list-style:none;}
	.postlist_wrap ul li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ececec; }
	.postlist_wrap ul li.lastItem { margin-bottom:0;  }
	.postlist_wrap ul li.hidden .visibility { display:inline; }
	.postlist_wrap ul li.visible .visibility { display:none; }

		.postlist_wrap .postlist .thumbnail { float:left; margin-right:10px; }
		.postlist_wrap .postlist .thumbnail img { width:80px; border:1px solid #ddd; padding:2px; }
			
		.postlist_wrap .postlist .data { float:left; width:490px;}
		.postlist_wrap .postlist .post_thumbnail_nonexistence .data { width:590px; } /* 썸네일 이미지 없을 경우 */
		
		.postlist_wrap .postlist .data h3 { font-size:1em; }
		.postlist_wrap .postlist .data h3 a {color:#f60; }
		.postlist_wrap .postlist .data h3 .commentsCount {margin-left:5px; color:#999; font-size:0.9em; font-weight:normal;}
		
		.postlist_wrap .postlist .data .post_date {font:0.9em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ccc; padding:5px 0;}

		.postlist_wrap .postlist .data .desc { font-size:1em; }
		.postlist_wrap .postlist .data .desc .empty { color:#bbb;}
		.postlist_wrap .postlist .data .extra { font-size:0.9em; color:#999;  margin-top:10px; }
		.postlist_wrap .postlist .data .extra a { color:#666;  }
			
		.postlist_wrap .postlist .data .tag { padding-top:10px; font-size:0.9em; background:url(./images/post_tag.gif) 0 10px no-repeat; padding-left:20px;}
		.postlist_wrap .postlist .data .tag .tagText {display:none;}
		.postlist_wrap .postlist .data .tag a { color:#bbb;}
		.postlist_wrap .postlist .data .tag a:hover { background:#eee; }

		
		/* hidden post */
		.postlist_wrap ul li.hidden .data h3 { color:#aaa; }
		.postlist_wrap ul li.hidden .data h3 a { color:#ccc; }
		.postlist_wrap ul li.hidden .data .desc { color:#ccc; }
		.postlist_wrap ul li.hidden .data .extra { color:#ccc; }
		.postlist_wrap ul li.hidden .data .extra a { color:#ccc; }

		.postlist_wrap ul li.hidden .thumbnail { opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.40; }
		.postlist_wrap ul li.hidden .boom { display:none; }



/* postread */
#postread { }
	#postread h3 { font-size:1.4em;  line-height:1.2em; margin-bottom:5px;}
	#postread h3 a {color:#f60;}
	#postread .postInfo { font-size:0.9em; color:#888; border-bottom:1px dotted #ccc; padding-bottom:10px;}
	#postread .postInfo a.origin { color:#777;}
	
	#postread .desc { font-size:1em; color:#333; text-align:justify; padding:20px 0; overflow-x:hidden; border-bottom:1px dashed #ddd; }

	#postread .blogInfo { clear:both; padding:10px 0; border-bottom:1px dashed #ddd;}
	#postread .blogInfo .data h3 {font-size:1em; color:#666; margin:0;}
	#postread .blogInfo .data div { color:#999; padding-top:3px; font-size:0.9em;}
	#postread .blogInfo .data div a { color:#999;}
	
	#postread .blogInfo .thumbnail { float:left; width:100px; }
	#postread .blogInfo .thumbnail img { width:80px; }

	#postread .buttons { display:block; clear:both; margin-top:10px; text-align:right; }
	#postread .buttons .inner {float:right;}
	#postread .buttons .btn { float:left; margin-left:10px; }
	#postread .buttons .btn a { display:block;  cursor:pointer; margin-left:2px; overflow:hidden}
	#postread .buttons .btn a:hover {border-color:#ccc;}

		
/* comment */
#comments {clear:both; padding-top:10px;}
#comments input { border:1px solid #ccc; }
#comments textarea { border:1px solid #ccc; }

	.commentList ol 			{ list-style:none;}
	.commentList li 			{ list-style:none;	padding:0 10px 10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}	
	.commentList li ul li 		{ padding:15px 0 0 20px; border:none;}
	.commentList .box  			{ overflow:hidden; text-align:justify; word-break:break-all; }
	.commentList .name 			{ font-weight:bold; margin-right:8px;}
	.commentList .name a		{ color:#333;}
	.commentList .date a		{ color:#999;}
	.commentList .control a 	{ padding:0 5px;}
	
	.commentList .reply,
	.commentList .modify,
	.commentList .delete,
	.commentList .confirm 			{ background-color:transparent; font-size:0.9em; color:#999; border-left:1px solid #ddd;}
	.commentList .commentListItem p	{ color:#666; padding-top:5px;}	
	
	.writeComment 				{ background-color:#eee; border:1px solid #ddd; padding:15px; }
	.writeComment dl			{ padding-bottom:6px; border:none!important;}
	.writeComment dt			{ float:left; width:70px; padding-top:3px;}
	.writeComment .inputText 	{ width:200px; padding:3px;}
	.writeComment textarea		{ width:380px; height:120px; overflow:visible;}
	.writeComment .btnComment	{ width:250px; color:#666; padding:5px 3px; border:1px solid #666; background-color:#fff; font-weight:bold; font-family:dotum;}
	.writeComment .btn dt 		{ visibility:hidden;}



/* message_wrap */
.message_wrap { font-weight:bold; font-size:1.2em; color:#666; border-bottom:1px solid #eee; padding-bottom:6px;}
	.message_wrap .text {color:#f60; margin-right:4px; }
	.message_wrap .count { color:#f60; font-family:Georgia, "Times New Roman", Times, serif; }

	.message_wrap .search_blog { background:#fafafa; border:1px solid #eee; padding:10px; }

	.message_wrap .thumbnail { float:left; width:100px; }
		.message_wrap .thumbnail img { width:80px; }

	.message_wrap .data { float:left; }
		.message_wrap .search_blog h3 { font-size:1em; margin:0; padding:0; margin-bottom:4px; }
		.message_wrap .search_blog .address { font-size:0.9em; font-weight:normal; color:#aaa; }
			.message_wrap .search_blog .address a { color:#aaa; text-decoration:none; }
			.message_wrap .search_blog .address a:hover { text-decoration:underline; }

			.message_wrap .search_blog .desc { font-size:0.9em; margin-top:8px; font-weight:normal; color:#999;}

	.message_wrap .search_blog_stat { margin-top:20px;}
	.message_wrap .search_blog_stat .text { margin-left:5px; margin-right:5px; }

	.message_wrap .empty { font-weight:bold; color:#f30; text-align:center; padding:30px; }
		
		

#paging { text-align:center; margin-top:20px; margin-bottom:10px;  font-weight:bold; }
	#paging .num {color:#666; margin-left:2px; margin-right:2px;}
	#paging .num:hover { color:#f60;}
	#paging .selected { color:#f60;}


/* sidebar style */	

#sidebar                    { }
#sidebar ul                 { padding:0;  margin:0;  list-style:none;}
#sidebar li                 { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:7px;}
#sidebar h3                 { font-size:1em; color:#333;  font-weight:bold; margin-bottom:10px; background:url(images/tl_side.gif) left center no-repeat; padding-left:22px;}
#sidebar .cnt               { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .wbox 				{ clear:both; padding:20px 0;  border-bottom:1px solid #eee;}

#sidebar .sidebar_nomargin_item { margin-bottom:0; }


#sidebar .category ul li {background:url(images/tab_top.gif) 0 0 no-repeat; padding:0;}
#sidebar .category ul li ul {background:url(images/navi_back_noactive.gif) 0 0 repeat-y;}
#sidebar .category ul li ul li {background:url(images/tab_isleaf.gif) 0 0 no-repeat; padding: 0 0 0 35px;}
#sidebar .category a.total {margin-left:20px;}
#sidebar .category li.last {background-color:#fff;}

#sidebar .search { text-align:center;}
#sidebar .search .input { border:1px solid #bbb; background:url(./images/bg_input.gif) repeat-x; padding:4px; width:200px; vertical-align:middle;  }



#sidebar .network  {}
#sidebar .network li { display:inline; background:none; padding:0;}
#sidebar .network li a {display:block; float:left; width:130px; padding:5px;}

#sidebar .rss {text-align:center; border-bottom:0;}


.flickr { *height:1%;}
#flickr_www {display:none;}
#flickr_badge_wrapper ul {background:none; padding:0; margin:0;}
#flickr_badge_wrapper li {display:block; float:left; width:43px; height:43px; overflow:hidden; background:none; padding:1px; margin:0;}
#flickr_badge_wrapper li a img {width:45px; height:45px;}




/* footer */
#footer .inner {}
#footer .copyright {margin-bottom:5px;}
#footer .copyright span {font-weight:bold;}
#footer ul {list-style:none;}
#footer ul li {display:inline; padding:0 5px;}
#footer a {color:#666;}

#thanks { float:right; font-weight:bold; margin-right:25px;}
#memorial { float:right; margin-top: -3px; margin-right:-10px;}