/*
		Tistory ver 0.8
		by Jaewoo Choi
		http://www.jaewoochoi.net
*/

*	{ margin: 0; padding: 0; }

html, body	{ height:100%; width:100% padding:0px; margin:0px ;}

.cloud1 {color:#d0d0d0;font-size:1.3em;font-weight:bold;background:#e1e1e1;}
.cloud2 {color:#d0d0d0;font-size:1.3em;font-weight:bold;background:#e1e1e1;}
.cloud3 {color:#a9a8a0;background:#e1e1e1;}
.cloud4 {color:#848484;background:#e1e1e1;}
.cloud5 {color:#615f5f;}

body	{ 
				background:transparent url(./images/bg3.jpg) repeat top left;
				background-attachment: fixed;
				font-family: "NanumGothic","Malgun Gothic",dotum,gulim,verdana; font-size: 8pt;
		}
		
		h1, h2, a	{ text-decoration:none;color:#90B633; }
		ol, ul, li 	{ list-style:none; }
		a img		{ border:none; }
		a:link		{ color:#999999;}
		a:visited	{ color:#c9c9c9;}
		a:hover		{ color:#ff0179;}
		.moreless_fold
		{
		background:url(images/iconMore.gif) top left no-repeat;
		padding-left:440px;
		color:#c9ff23;
		margin-top:18px;
		}
		
.header	{
			margin:0px 0px 0px 225px;
			width:740px;
			height:136px;
			top:0;
			float:right;
			position:absolute;
		}
		.headMenu	{
						width:118px;
						height:110px;
						top:20px;
						right:5px;
						float:right;
						position:relative;
					}
		a.btn5	{
					display:block;
					width:118px;
					height:108px;
					background:url(./images/h-guest.png) 0 -104px no-repeat;
					text-align:center;
					font-size:12px;
					font-weight:700;
					line-height:35px;
				}
		a.btn5:hover {
						background:url(./images/h-guest.png) 0 0px no-repeat;
					}

		a.btn4	{
					display:block;
					width:118px;
					height:108px;
					background:url(./images/h-gallery.png) 0 -104px no-repeat;
					text-align:center;
					font-size:12px;
					font-weight:700;
					line-height:35px;
				}
		a.btn4:hover {
						background:url(./images/h-gallery.png) 0 0px no-repeat;
		}
		a.btn3	{
					display:block;
					width:118px;
					height:108px;
					background:url(./images/h-3rd.png) 0 -104px no-repeat;
					text-align:center;
					font-size:12px;
					font-weight:700;
					line-height:35px;
				}
		a.btn3:hover {
						background:url(./images/h-3rd.png) 0 0px no-repeat;
					}
			
		a.btn2	{
					display:block;
					width:118px;
					height:108px;
					background:url(./images/h-notice.png) 0 -104px no-repeat;
					text-align:center;
					font-size:12px;
					font-weight:700;
					line-height:35px;
				}
		a.btn2:hover {
						background:url(./images/h-notice.png) 0 0px no-repeat;
					}

		a.btn1	{
					display:block;
					width:118px;
					height:108px;
					background:url(./images/h-about.png) 0 -104px no-repeat;
					text-align:center;
					font-size:12px;
					font-weight:700;
					line-height:35px;
				}
		a.btn1:hover {
						background:url(./images/h-about.png) 0 0px no-repeat;
					}



.leftContentsWrap	{
						width: 225px;
						height: 100%;
						position:absolute;
						top:0px;
						left:0px;
					}
					
					.sideTitle {margin:20px 0px 6px 75px;width:91px;height:96px;}
						a.home {background:url(./images/j-logo-basic.png) no-repeat;display:block;width:91px;height:96px;}
						a.home:hover {background:url(./images/j-logo-hover.png) no-repeat;display:block;width:91px;height:96px;}
					
						#sidebar{ position:absolute;margin:28px 0 0 10px;}
						.categoryTop { background:url(./images/sidebar-top-c.png) no-repeat; width:218px; height:44px;}
						.categoryTopN { background:url(./images/sidebar-top-n.png) no-repeat; width:218px; height:44px;}
						.categoryTopT { background:url(./images/sidebar-top-t.png) no-repeat; width:218px; height:44px;}
						.categoryTopR { background:url(./images/sidebar-top-r.png) no-repeat; width:218px; height:44px;}
						.categoryTopA { background:url(./images/sidebar-top-a.png) no-repeat; width:218px; height:44px;}
						.categoryTopS { background:url(./images/sidebar-top-s.png) no-repeat; width:218px; height:44px;}
						.categoryMiddle { background:url(./images/sidebar-middle.png) repeat-y; width:218px; height:100%;}
							.notice {margin:0px 0px 0px 25px;}
							.sideCate {margin:0px 0px 0px 25px;width:150px;height:100%;}
								a.side1 {background:url(./images/life-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side1:hover {background:url(./images/life-w.png) no-repeat;display:block;}
								
								a.side2 {background:url(./images/somewhere-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side2:hover {background:url(./images/somewhere-w.png) no-repeat;display:block;}
								
								a.side3 {background:url(./images/apple-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side3:hover {background:url(./images/apple-w.png) no-repeat;display:block;}
								
								a.side4 {background:url(./images/media-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side4:hover {background:url(./images/media-w.png) no-repeat;display:block;}
								
								a.side5 {background:url(./images/gadget-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side5:hover {background:url(./images/gadget-w.png) no-repeat;display:block;}
								
								a.side6 {background:url(./images/iphone-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side6:hover {background:url(./images/iphone-w.png) no-repeat;display:block;}
								
								a.side7 {background:url(./images/etc-b.png) no-repeat;display:block;padding:8px 0px 0px 33px;height:17px;}
								a.side7:hover {background:url(./images/etc-w.png) no-repeat;display:block;}
								
							.tagCloud {margin:0px 20px 0px 20px;padding:0px 0px 4px 0px;}
							.recentPost {margin:0px 20px 0px 20px;padding:6px 0px 4px 0px;}
								.recentCnt {float:right;}
							.archive {margin:0px 20px 0px 20px;padding:6px 0px 4px 0px;}
							
							
							
							
						.categoryEnd { background:url(./images/sidebar-end.png) no-repeat; width:218px; height:21px;}
					
						.searchResult { margin:0px 0px 0px 20px;padding:5px 0px 0px 0px;}
						.searchList { margin:0px 0px 0px 20px;padding:10px 0px 0px 0px;}
					
#content	{ margin:136px 0 10px; width:960px;}

.rightContentsWrap	{
						margin:0px 0px 0px 225px;
					}
					
					.guestbook	{ float:left; width:740px; height:100%; position:relative; }
								.guestWriteTop	{ background:url(./images/g-leave-top.png) no-repeat; width:740px; height:64px;}
								.guestWriteWrap	{ background:url(./images/c-list-middle.png) repeat-y; width:740px; height:100%; }
												.guestWrite	{margin:0px 45px 0px 100px;}
								.guestWriteEnd	{ background:url(./images/c-list-end.png) no-repeat; width:740px; height:35px;}
								
								.guestListTop	{ background:url(./images/g-list-top.png) no-repeat; width:740px; height:64px;}
								.guestListWrap	{ background:url(./images/c-list-middle.png) repeat-y; width:740px; height:100%;float:left;position:relative;}
												.guestList	{ margin:0px 45px 0px 100px; }
								.guestListEnd	{background:url(./images/c-list-end.png) no-repeat; width:740px; height:35px;float:left;position:relative;}
					
					.entryNotice	{
										float:left;
										width:740px;
										position:relative;
									}
					
					.entryProtected {
										float:left;
										width:740px;
										position:relative;
									}
									.protectedContent	{
															padding-left:130px;
														}

					.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
					.entryProtected input    { width:200px;}
					.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}
					
					.entry	{ 
								width:740px; float:left; position:relative;
							}
							.titleWrap	{
											background: url(./images/top-contents.png) no-repeat;
											height:110px;
										}
										.category	{
														width: 70px;
														height: 80px;
														top:30px;
														position: relative;
													}
													.Protect{background: url(./images/protect.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Life	{background: url(./images/life.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Apple	{background: url(./images/apple.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Gadget	{background: url(./images/gadget.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Media	{background: url(./images/media.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Somewhere	{background: url(./images/somewhere.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.iPhone	{background: url(./images/iphone.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.Etc	{background: url(./images/etc.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													.NoticeR	{background: url(./images/noticer.png) no-repeat;width:70px;height:80px;top:10px;float:left;position:relative;}
													
										.date		{
														width:80px;
														height:72px;
														left:70px;
														position:relative;
														top:-50px;
													}
													.content_title_calender_month 	{
																						color:#abafb0;
																						font-size:32px;
																						text-align:center;
																						width:80px;
																						margin:10px 0 0;
																						height:40px;
																						
																					}

													.content_title_calender_day 	{
																						color:#90908f;
																						font-size:38px;
																						text-align:right;
																						padding:0px 7px 10px 0px;
																						width:73px;
																						height:30px;
																						top:-10px;
																						position:relative;
																					}
										.articleTitle 	{
															width:575px;
															height:80px;
															left:150px;
															top:-143px;
															position:relative;
														}
														h2 { padding:55px 0px 0px 5px; font-size:18px; }
														h2	a {}
										
							.contentWrap	{
												background: url(./images/middle-contents.png) repeat-y;
												float:left;
												width:740px;
												height:100%;
												position:relative;
											}
											.articleWrap	{
															margin:0px 0px 0px 105px;
															float:left;
															width:544px;
															position:relative;
														}
														.article-top	{
																			background: url(./images/article-top.png) no-repeat;
																			height:33px;
																		}
														.article-middle	{
																			background: url(./images/article-middle.png) repeat-y;
																			height:100%;
																			padding:10px 32px 0 32px;
																			font-size: 9pt;
																			color:white;
																		}
																		.article-middle a:link {color:#C9FF23;}
														.article-end	{
																			background: url(./images/article-end.png) no-repeat;
																			height:18px;
																			margin-top:0px;
																			position:relative;
																		}
																		
														.tagList {
																	background: url(./images/tag.png) no-repeat;
																	margin:10px 0px -30px 15px;
																	padding:0px 0px 0px 0px;
																	width:400px;
																	height:50px;
																	position:relative;
																	float:left;
														}
															.tagTrail {
																		margin:3px 0 0 20px;
															}
																		
											.contentInfo	{
																margin:20px 0px 0px 5px;
																width:70px;
																height:100%;
																position:relative;
																float:left;
															}
												/*	.infoTop	{ background:url(./images/info-top.png) no-repeat;width:114px; height:6px;}
													.infoMiddle	{ background:url(./images/info-middle.png) repeat-y; height:100%; margin:0; padding:0;} */
															.commentInfo	{
																				background: url(./images/comment.png) no-repeat;
																				height:22px;
																				padding-left:20px;
																			}
															.trackbackInfo	{
																				background: url(./images/trackback.png) no-repeat;
																				height:22px;
																				padding-left:20px;
																			}
															.tagInfo		{
																				background: url(./images/tag.png) no-repeat;
																				height:100%;
																				padding:0 20px;
																			}
												/*	.infoEnd	{ background:url(./images/info-end.png) no-repeat; width:114px; height:4px; position:relative;}*/
							.endWrap	{
											background: url(./images/end-contents.png) no-repeat;
											float:left;
											width:740px;
											height:35px;
											position:relative;
										}
										
							.cmtTab	{
										float:right;
										position:relative;
										width:78px;
										height:32px;
										top: -10px;
										right:30px;
									}
									
									a.cmtBottom	{
													background:url(./images/cmt-tab.png) -78px 0px no-repeat;
													width:78px;
													height:32px;
													display:block;
												}
									a.cmtBottom:hover { background:url(./images/cmt-tab.png) 0px 0 no-repeat;}
									
									.cntBottom	{
													
												}
										
							.comment	{
											width:740px;
											height:100%;
											position:relative;
											color:white;
											float:left;
										}
										
										.commentTop	{
														background:url(./images/c-list-top.png) no-repeat;
														width:740px;
														height:64px;
														position:relative;
														color:white;
														float:left;
										}
										.commentMiddle	{
															background:url(./images/c-list-middle.png) repeat-y;
															width:740px;
															height:100%;
															float:left;
															position:relative;
														}
														.commentList	{
																			margin:15px 45px 10px 100px;
																		}
																		.cname	{
																					color:#d9b304;
																				}
																		.cdate	{
																					color:#c9c9c9;
																				}
																		ol li {
																					float:left;
																					position:relative;
																					color:#ffffff;
																					width:540px;
																				}
																		.comment p	{
																							margin:3px 0px 3px 20px;
																					}
																					li ul li	{
																									padding:5px 10px 5px 25px;
																									margin:0 0 0 10px;
																									background:url(./images/r-plus.gif) no-repeat 12px 6px;
																								}
														
										.commentEnd	{
														background:url(./images/c-list-end.png) no-repeat;
														float:left;
														position:relative;
														width:740px;
														height:35px;
													}
													
								.commentWriteWrap	{
														float:left;
														position:relative;
														width:740px;
								}	
										.commentWriteTop	{
																background:url(./images/c-leave-top.png) no-repeat;
																float:left;
																position:relative;
																width:740px;
																height:64px;
															}
										.commentWrite		{
																background:url(./images/c-list-middle.png) repeat-y;
																float:left;
																position:relative;
																width:740px;
																height:100%;
																color:white;
															}
															#styled {
																		width:580px;
																		height:80px;
																		border:1px none #cccccc;
																		padding:5px;
																		background:url(./images/write-bg.png) repeat scroll 0 0;
																		color:white;
															}
															.commentWrite p {
																				margin:3px 0px 0px 100px;
																			}
																			#commentName { background:url(./images/write-bg.png) repeat;border:1px none #cccccc;height:20px; color:white; margin:10px 0px 3px 0px;}
																			#commentPass { background:url(./images/write-bg.png) repeat;border:1px none #cccccc;height:20px; color:white; margin:0px 0px 3px 0px;}
																			#commentHome { background:url(./images/write-bg.png) repeat;border:1px none #cccccc;height:20px; color:white; margin:0px 0px 3px 0px;}
															.commentBtn { float:right; margin-right:50px;}
										.commentWriteEnd	{
																background:url(./images/c-list-end.png) no-repeat;
																float:left;
																position:relative;
																width:740px;
																height:35px;
															}
										
										
							.paging	{
										background:url(./images/page.png) no-repeat;
										width:740px;
										height:130px;
										float:left;
										position:relative;
										font-size:14px;
									}
									
									.leftArrow	{ float:left;width:19px;margin:50px 0px 0px 250px; position:relative;}
									.rightArrow	{ float:left;width:19px;margin:50px 0px 0px 0px; position:relative;}
									
									.numbox	{ float:left;	text-align:center; width:240px; margin:60px 0px 0px 0px; position:relative;}
							
							
						
							

.endMsg	{
			margin:0px 0px 0px 60px;
			color:white;
			width:683px;
			text-align:center;
}

	.blogFooter {
					bottom: 10px;
					clear: both;
					left:12px;
					text-align: center;
					width:200px;
					position:fixed;
					color:white;
				}
				.trigger	{}
	
	
	
	
.bubbleInfo	{
				position:relative;
			}
			
			.popup	{
						position:absolute;
						display:none;
						width:208px;
						height:184px;
						background:url(./images/bubblepop.png) center center no-repeat;
						z-index:200;
						font-size:10px;
						color:white;
					}
					.popup p{
								padding:5px 0 0 13px;
					}