@charset "utf-8";

* {	margin: 0px; padding: 0px;	border:0px; }
html { height:100%; }
body { font-size:12px; font-family:"Malgun Gothic"; color:#6d6d6d; background:url("./images/bg.gif") repeat-x left top; height:100%; }
.clear { clear:both; }
.strong { font-weight:bold; }

/* error */
.error_wrap { padding-bottom:10px; }
	.error_wrap h3 { margin:0; padding:0; margin-bottom:5px; }

/* notice_message */
.notice_message { display:none;position:relative; margin:0 auto; margin-bottom:8px; width:924px; height:146px; background:url("./images/notice_message_bg.png") no-repeat center bottom #000000; }
	.notice_message .twitter_message { text-indent:-10000px; background:url("./images/twitter_message_text.png") no-repeat center center; width:100%; height:100%; }
	.notice_message .close { position:absolute; right:10px; top:10px; }
	.notice_message .close a { display:block; width:20px; height:20px; background:url("./images/bt_close.gif") no-repeat center center; }
		.notice_message .close a span { display:none; }
	.notice_message .update { position:absolute; left:10px; top:10px; background:url("./images/icon_update.gif") no-repeat center center; width:58px; height:21px; }
	.notice_message .update span { display:none; }

	.notice_message .beta { position:absolute; left:10px; top:10px; background:url("./images/icon_beta.gif") no-repeat center center; width:43px; height:21px; }
	.notice_message .beta span { display:none; }
	
/* humanmsg */
.humanMsg {
	font-size:13px;
	position: fixed;
	top: 130px;
	left: 25%;
	width: 50%;
	padding:6px;
	color: white;
	background-color: black;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
	-moz-border-radius:4px; border-radius:4px;
}

.humanMsg p {
	padding: .3em;
	display: inline; 
	}

.humanMsg a {
	display: none;
	}

/* layout */
#message_header { width:100%; position:fixed; top:0; text-align:center; font-size:14px; font-weight:bold; padding-top:20px; padding-bottom:20px; background:#fff; z-index:10000; 
	  opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=80); /* IE lt 8 */
      -ms-filter: "alpha(opacity=80)"; /* IE 8 */
      -khtml-opacity: .8; /* Safari 1.x */
      -moz-opacity: .8; /* FF lt 1.5, Netscape */
 }
#wrap { width:946px; margin:0 auto; padding-top:10px;  }
#container { width:100%; height:100%; /*background:url("./images/bg1.gif") no-repeat  left top;*/ }

#logo { position:relative; height:15px; margin-left:12px; margin-top:28px; margin-bottom:22px; padding-bottom:18px;}
	#logo h1 { margin:0; padding:0; }
	#logo h1 a { position:absolute; display:block; background:url("./images/logo.gif") no-repeat center; width:114px; height:29px; padding:5px; left:-4px;}
	#logo h1 span { display:none; }

#menu { margin-left:12px; margin-bottom:12px;  height:29px; position:relative; }
	#menu ul { list-style:none; margin:0; padding:0;  }
	#menu ul li { float:left;  background:url("./images/bg_menu.gif") repeat-x left top #f4f4f4; text-align:center; padding:0px; padding-top:2px; padding-bottom:0; font-size:11px; border:1px solid #ccc; }
	#menu ul li a { color:#666; text-decoration:none; padding:4px; padding-left:18px; padding-right:18px; display:inline-block; }
	#menu ul li span { display:none; }

	#menu ul li.select { background:url("./images/bg_menu_select.gif") repeat-x left bottom #ffffff; border:1px solid #737373;  }
	#menu ul li.select a { color:#000; font-weight:bold; }

	#menu ul li .blog { background:url("./images/menu_blog.gif") no-repeat center; width:32px; height:13px; }
	#menu ul li .twitter { background:url("./images/menu_twitter.gif") no-repeat center; width:31px; height:13px;  }
	#menu ul li.select .blog { background:url("./images/menu_blog_select.gif") no-repeat center; }
	#menu ul li.select .twitter { background:url("./images/menu_twitter_select.gif") no-repeat center; }

	#menu ul.sub_menu { position:absolute; right:0; top:0; }	
	
	#menu ul li.recent a { background:url("./images/menu_recent.gif") no-repeat center; width:21px; height:13px; }
	#menu ul li.popular a { background:url("./images/menu_popular.gif") no-repeat center; width:21px; height:13px;  }
	#menu ul li.random a { background:url("./images/menu_random.gif") no-repeat center; width:21px; height:13px;  }
	
	#menu ul.recent_menu li.recent { background:url("./images/bg_menu_select.gif") repeat-x left bottom #ffffff; border:1px solid #737373; }
	#menu ul.recent_menu li.recent a { color:#000; font-weight:bold; }

	#menu ul.recent_menu li.recent a { background:url("./images/menu_recent_select.gif") no-repeat center; }

#message { padding-top:10px; }
	#message .search_title_wrap { padding:0; margin:0; margin-left:10px; padding-bottom:25px; }
	#message .search_title_wrap h2 { font-size:16px; color:#000; margin-bottom:2px; }
		#message .search_title_wrap h2 .count { font-size:11px; font-weight:normal; color:#b5b5b5; margin-left:8px; letter-spacing:0; }

		#message .search_title_wrap cite { font-style:normal; font-size:11px; }
			#message .search_title_wrap cite a { color:#aaa; text-decoration:none; }
			#message .search_title_wrap cite a:hover { text-decoration:underline; }
		
		#message .for_title { float:left; margin-right:10px; background:url("./images/bg_list_title_left.gif") repeat-x; }
			#message .for_title .bg_right { width:100%; height:40px; background:url("./images/bg_list_title_right.gif") no-repeat right top; color:#fff; }
			#message .for_title .bg_right span { display:block; padding:11px; padding-left:20px; padding-right:20px; font-size:12px; line-height:12px; }
			#message .for_title .bg_right span strong { margin-left:4px; }

		#message .data_title { float:left; }
			#message .category_title { padding-top:8px; }
			
		#message .photo_count { float:left; width:50px; height:38px; color:#fff; background:#1d1d1d; }

	#main {}
		#main #content { margin-left:10px; }
		
	#main .list { list-style:none; margin:0; padding:0; width:306px; float:left; margin-right:6px; }
		#main .list li {  margin-bottom:6px;}
	
	#main .foto_list { margin:0; padding:0; float:left; width:312px; }
		#main .foto_list .foto { margin-bottom:10px; float:left;  }

		#main .foto_list .foto.post_thumbnail_existence { }			
		#main .foto_list .foto.post_thumbnail_nonexistence { display:none; }

		#main .foto_list .foto .foto_data  { position:relative; overflow:hidden; /*-moz-border-radius:4px;*/ }
			#main .foto_list .foto .foto_data .twitter { position:absolute; left:12px; top:14px; }
			#main .foto_list .foto .foto_data .thumbnail_nav { 
																display:none;
																position:absolute; left:10px; top:12px;
																cursor:pointer; background:url("./images/bg_circle.png") no-repeat; width:30px; height:30px;
							    							 }
							    							 
				#main .foto_list .foto .foto_data .thumbnail_nav a span { display:none; }	    							 
				#main .foto_list .foto .foto_data .thumbnail_nav a { display:block; background:url("./images/bt_layer_off.png") no-repeat center; width:30px; height:30px; }
				#main .foto_list .foto .foto_data .thumbnail_nav a:hover { background:url("./images/bt_layer_on.png") no-repeat center; }
						
			#main .foto_list .foto .foto_data .float_window { position:absolute; right:10px; top:8px; }
				#main .foto_list .foto .foto_data .float_window div.boomCount0 { display:none; }

				#main .foto_list .foto .foto_data .float_window .boom { cursor:pointer; margin-top:4px; background:url("./images/bg_circle.png") no-repeat; width:30px; height:22px; padding-top:8px; }

				#main .foto_list .foto .foto_data .float_window .boom .boomCount { display:block; color:#fff; font-family:Tahoma; text-align:center; width:30px; }

				#main .foto_list .foto .foto_data .float_window .boom a span { display:none; }
				#main .foto_list .foto .foto_data .float_window .boom a { display:none; margin-left:8px; margin-top:1px; background:url("./images/bt_like_off.png") no-repeat; width:15px; height:13px; }
				
				#main .foto_list .foto .foto_data .float_window .boom:hover a { background:url("./images/bt_like_on.png") no-repeat; }

				/* boom up */
				#main .foto_list .foto .foto_data .float_window .isBoomedUp a { background:url("./images/bt_like_on.png") no-repeat; }				
				#main .foto_list .foto .foto_data .float_window .isBoomedUp:hover a { background:url("./images/bt_like_off2.png") no-repeat; }

			#main .foto_list .foto .foto_data .thumbnail_wrap { width:300px; border:2px solid #fff; margin:0; padding:0;   }
					#main .foto_list .foto .foto_data .thumbnail { line-height:0; overflow: hidden; position: relative; }
						#main .foto_list .foto .foto_data .thumbnail a { display:inline-block; }
						#main .foto_list .foto .foto_data .thumbnail .thumbnail_data { position:absolute; }
				
				#main .foto_list .foto .foto_data .sub_thumbnails { line-height: 0; border-top:1px solid #666; }
				#main .foto_list .foto .foto_data .sub_thumbnail { height:4px; margin-top:0px; border-bottom:1px solid #333; }
				#main .foto_list .foto .foto_data .sub_thumbnail { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
				
				#main .foto_list .foto .foto_data .sub_thumbnail_1 { height:1px; margin-left:1px; margin-right:1px; }
				#main .foto_list .foto .foto_data .sub_thumbnail_2 { height:1px; margin-left:2px; margin-right:2px; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); }
				#main .foto_list .foto .foto_data .sub_thumbnail_3 { height:1px; margin-left:3px; margin-right:3px; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
				#main .foto_list .foto .foto_data .sub_thumbnail_4 { height:1px; margin-left:4px; margin-right:4px; -moz-opacity: 0.1; opacity: 0.1; filter: alpha(opacity=10); }

			#main .foto_list .foto .foto_data .title { display:none; position:absolute; bottom:0; background:url("./images/bg_photo_title.png") repeat-x; width:302px; padding-top:25px; padding-bottom:12px; height:12px; overflow:hidden; line-height:20px; }
				#main .foto_list .foto .foto_data h3 { display:inline; font-size:12px; padding-left:5px; padding-right:5px; }
					#main .foto_list .foto .foto_data h3 a { color:#fff; text-decoration:none; }
					#main .foto_list .foto .foto_data h3 a:hover { text-decoration:underline; }
				#main .foto_list .foto .foto_data .author { font-size:11px; color:#999; text-decoration:none; }
				#main .foto_list .foto .foto_data .author:hover { text-decoration:underline; }

				#main .foto_list .foto .foto_data .author .twitter { padding-left:16px; background:url("./images/icon_twitter.png") no-repeat 2px 2px;}

		    #main .foto_list .foto .foto_data:hover .thumbnail_wrap { border:2px solid #000; }
		    
			#main .foto_list .foto .foto_data:hover .title { display:block; }
			#main .foto_list .foto .foto_data:hover .bg_right { display:none; }
			#main .foto_list .foto .foto_data:hover .thumbnail_nav { display:block; }

			#main .foto_list .foto .foto_data:hover .float_window .boom a { display:block; }
			#main .foto_list .foto .foto_data:hover .float_window .boom .boomCount { display:none; }
			#main .foto_list .foto .foto_data:hover .float_window div.boomCount0 { display:block; }

	#main .category_list { position:relative; width:312px; float:left; }
		#main .category_list .category_item { width:300px; margin-bottom:12px; position:relative; line-height:0; }
		#main .category_list .category_item .category_link { position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:101; }
			#main .category_list .category_item .category_link:hover { border:2px solid #000; left:-2px; top:-2px; }
			
		#main .category_list .category_item .category_data { position: absolute; width:100%; height:100%; left:0; top:0; z-index:100; background-color:rgba(0,0,0,0.5);  text-align:center; }
		#main .category_list .category_item .category_data { -moz-box-shadow:inset 0 0 100px rgba(0,0,0,0.7); -webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.7); box-shadow:inset 0 0 100px rgba(0,0,0,0.7); }
			#main .category_list .category_item .category_data .category_title { position:absolute; top:50%; height:40px; width:100%; margin-top:-20px; }
			
			#main .category_list .category_item .category_data h3 { line-height:18px; font-size:18px; color:#fff; font-weight:bold; margin-bottom:8px; }
			#main .category_list .category_item .category_data span { line-height:11px; font-size:11px; color: #b3b3b3; }
			
		#main .category_list .category_item .category_thumbnail { z-index:99; }
		
#paging {  margin-left:10px; padding-top:20px; margin-bottom:20px; color:#fff; font-size:12px; position:relative; }
	#paging .tool { position:absolute; right:10px; top:20px; }

	#paging a { display:inline-block; color:#555; text-decoration:none; background:#eee; padding:5px; padding-left:8px; padding-right:8px; -moz-border-radius:4px; border-radius:4px; }
	/*#paging a:visited { color:#555; }*/


	#paging a.num { text-decoration:none; color:#555; margin-left:2px; margin-right:2px; }
	#paging a.selected { color:#fff; background:#333; }

	#paging a.prev,
	#paging a.next { font-weight:normal;  }

	#paging a.prev { margin-right:2px; /*background:url("./images/icon_prev.gif") no-repeat #eee 10px center; padding-left:20px;*/ }
	#paging a.next { /*background:url("./images/icon_next.gif") no-repeat #eee 10px center; padding-left:20px;*/ }

	#paging a:hover { color:#555; background-color:#ddd; }

	#paging a.no_more { color:#ccc; background:#fafafa; padding-left:8px; }

	.column1 #paging .nums_wrap { width: 186px; overflow: hidden; /*line-height: 100px; margin-top: -44px;*/ }
		.column1 #paging .nums_wrap .nums { width:1000px; }
		
	#paging .nums a.prev,
	#paging .nums a.next { margin-left:2px; margin-right:2px; }

	#paging .interword { color:#999; padding:5px; padding-left:8px;  }
	
	#paging a.top { background:url("./images/icon_top.gif") no-repeat 10px center; padding-left:20px; }
	#paging a.top:hover { background-color:#eee; }


#footer { border-top:1px solid #ddd; margin-bottom:20px; color:#bbb; padding-left:10px; padding-right:10px; }
	#footer .shadow { padding-top:15px; border-top:1px solid #fafafa; }

	#footer a { color:#666; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	#footer .sep { color:#ddd; margin-left:6px; margin-right:6px; }	

	#footer .left { float:left; }
	#footer .right { float:right; font-size:11px; font-family:tahoma; }
	#footer .right strong { color:#000; }	


/* custom */

#introduce {  margin-top:5px; width:930px; }
	#introduce h2 {  margin:0; padding:0; margin-bottom:14px; }
	#introduce h3 { font-size:15px; font-weight:bold; margin:0; padding:0; margin-bottom:14px; color:#000; padding-top:10px; }
		#introduce h3 .hint { font-size:12px; font-weight:normal; color:#777; }

	#introduce p { line-height:22px; margin-bottom:10px; color:#000; }
	#introduce strong { color:#000; }
	#introduce .comment { color:#666; font-size:11px; }
	#introduce .not { text-decoration:line-through; }
	#introduce a { color:#333; text-decoration:underline; }
	#introduce a:hover { text-decoration:none; }

	#introduce a.button { padding:10px; padding-left:15px; padding-right:15px; font-weight:bold; text-decoration:none; background:#000; color:#fff; -moz-border-radius:10px;-webkit-border-radius:10px; }
	#introduce a.button:hover { background:#666; }
	#introduce a.button:active { background:#333; }

	#introduce p .help_image { margin-top:20px; margin-bottom:20px; }
	
	#introduce p.stats { padding-left:10px; margin-top:10px; padding-top:10px; padding-bottom:10px; margin-bottom:0; border-top:1px solid #eee; background:#fafafa; }
		#introduce p.stats .count { font-weight:bold; color:#000; }
	#introduce p.contact { padding-left:14px; padding-top:10px; padding-bottom:10px; margin-bottom:0; background:#efefef; }
	
	#introduce div.setting { float:left; width:450px; }

	#introduce div.setting_data {  background:#eee; border-top:1px solid #bbb; padding:10px; padding-bottom:0; }
		#introduce div.setting .button_wrap { text-align:center; height:40px; padding-top:25px; border-top:1px solid #ccc; }

		#introduce div.setting dl { clear:both; height:40px; }
			#introduce div.setting dl.line { border-top:1px solid #ccc; padding-top:10px; }

		#introduce div.setting dl dt { float:left; width:100px; color:#333; padding-top:5px; }
		#introduce div.setting dl dd { float:left; }
			#introduce div.setting dl dd.padding { padding-top:6px; }

			#introduce div.setting dl dd select { min-width:100px; max-width:300px; padding:4px; border:1px solid #bbb; }
			#introduce div.setting dl dd label { cursor:pointer; }


	#introduce div.vert_preview { display:none; float:right; width:450px; text-align:right; }

	#introduce ol { margin:0; padding:0; padding-left:20px; margin-bottom:30px; margin-top:20px; }
	#introduce ol li { margin-top:4px; line-height:20px; color:#000; }

	#introduce ul { margin:0; padding:0; padding-left:20px; margin-bottom:30px; margin-top:20px; }
	#introduce ul li { margin-top:4px; line-height:20px; color:#000; }

	#introduce .created { margin-top:20px; font-size:11px; margin-bottom:20px; color:#333; font-style:italic;}
	#introduce .with { margin-top:35px; margin-bottom:30px; padding-top:30px; padding-bottom:26px; text-align:center;  border-top:1px solid #ddd;  border-bottom:1px solid #ddd; }


	/* �ڵ�� */
	#widgetCodeModal { width:450px; }
		#widgetCodeModal .modalTitle { color:#000; background:#fff; font-size:16px; font-family:"Malgun Gothic"; border:1px solid #999; border-right:1px solid #555; border-bottom:0; padding-top:10px; }
		#widgetCodeModal .modalWrap { padding:10px; border:1px solid #555; border-left:1px solid #999; border-top:0; }
		#widgetCodeModal .code { margin-bottom:10px; }
			#widgetCodeModal .code h4 { font-weight:bold; margin:0; margin-bottom:5px; padding:0; font-size:12px; color:#555; }
			#widgetCodeModal .code textarea { border:1px solid #ccc; width:416px; height:100px; font-size:11px; padding:5px; }

		#widgetCodeModal .buttons { position:relative; padding-top:10px; padding-bottom:10px; text-align:right; }
			#widgetCodeModal .buttons p { position:absolute; left:0px; top:10px; }

		#widgetCodeModal a.button { padding:10px; padding-left:15px; padding-right:15px; font-weight:bold; text-decoration:none; background:#333; color:#fff; -moz-border-radius:10px;-webkit-border-radius:10px; }
		#widgetCodeModal a.button:hover { background:#666; }
		#widgetCodeModal a.button:active { background:#333; }