@charset "utf-8";

/* main style */
	*{margin:0;padding:0;}
	html, body {margin: 0; padding: 0; width:100%;}

	p			{ margin:0; padding:0; }
	hr			{ display:none; }
	img		{ border:0; }
	h1,
	h2,
	h3,
	h4			{ margin:0; padding:0;}
	h1			{ display:none; }
	input		{ border:1px solid #999; }
	textarea{ border:1px solid #999; }

	body{
			font-family:"맑은 고딕",Dotum, Verdana, Helvetica, AppleGothic, Sans-serif;
			font-size:small;
	}
	a:link { color:#000000; text-decoration:none;}
	a:visited { color:#6A5ACD; text-decoration:none;}
	a:hover { color:#2828CD; text-decoration:none;}
	a:active { color:#2828CD; text-decoration:none;}


/* layout */
	#bodyWrap	{margin: 0; padding: 0; width:100%}

	#infoWrap	{
		margin: 0; padding: 0;
		width: 100%;
	}
			#infoBar	{
				margin:0 auto; padding:0;
				width: 620px;
				overflow:hidden;
			}
			#infoBar img	{ vertical-align:middle;}
				#emailNRss	{
					margin:0; padding:0;
					float:left;
				}
				#counterNAdmin {
					position:relative;
					margin:0; padding:0;
					float:right;
				}

	#realBody {
		margin: 0 auto; padding:0;
		width:950px;
	}
	#realBody:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
	#realBody {*zoom:1; } /* <- IE hack */


	#top				{
		margin: 0; padding: 0;
		position:relative;
		width: 700px;
		height:137px;
	}
		#blogTitle	{
			position:absolute;
			bottom:10px;
			left:330px;
		}

	#contentBox	{
		margin:0; padding: 0;
		margin-right:20px;
		width:700px;
		float:left;
	}
		#mainArticle	{margin:0; padding:0; width:700px;}
	#rightSide {
		float:right;
		margin:0; padding:0;
		margin-top:123px;
		width: 230px;
	}
		#blogSearch {
			margin:0; padding:0;
		}
		#menuWrap	{
			margin:0; padding:0;
			margin-bottom:10px;
		}
			#menuBar	 {
				margin:5px 5px; padding:0;
			}
			#menuBar a {
				margin:0; padding:0;
				border:0;
			}
		#recentPosts		{}

/* entire doc */
	html {}
	#bodyWrap {
		background:url("./images/mainBg.jpg") no-repeat;
		background-position:center 24px;
		background-color:#fff;
	}

/* infoBar */
	#infoWrap {
		background-color:#fff;
		background:url("./images/infoBg.png") 100% 100%;
		font-size:90%;
	}
		#adminMenu {
			position:absolute;
			right:16px;
			top:5px;

			background-color:#fff;
			visibility:hidden;
		}
		#adminMenu	li {
			list-style:none;
		}

/* top */
	#top {  }

/* left */
	#contentBox {
	}
	.cnt { color:#ff7f50; font-size:90%;}

	.box700	{
		margin:0;
		width:660px;
		margin-bottom:10px;
		padding:10px 18px;
		border:2px solid #000;
		background-color:#fff;
	}

	/* article */
		.titleWrap {
			margin:0; padding:0;
			position:relative;
			background:url("./images/articleBg.jpg") 0% 0% no-repeat;
			background-color:#fff;
			width:700px;
			height:95px;
			}
			.titleWrap h2 {
				margin:0; padding:0;
				position:absolute;
				top:20px;
				left:35px;
				font-size:150%;
				}
			.titleWrap h2 a { color:#000; text-decoration:none;}
			.titleWrap h2 a:hover { text-decoration:underline;}
			.articleInfo {
				position:absolute;
				top:67px;
				left:10px;
				font-size:100%;
				}
			.articleInfo:after { content:" "; display:block; clear:both; height:0; visibility:hidden;}
			.articleInfo {*zoom:1; } /* <- IE hack */
			.articleDate {
				margin-left:20px;
				padding-left:25px;
				height:20px;
				display:inline;
				background:url("./images/date.png") no-repeat;
				}
			.articleCategory{
				margin-left:45px;
				padding:2px 0 2px 25px;
				display:inline;
				background:url("./images/category.png") no-repeat;
				}

		.entryTop {
			width:660px;
			margin-bottom:10px;
			padding:6px 18px 10px 18px;
			border:2px solid #000;
			border-top:none;
			background-color:#fff;
			}
		.searchList	ol {
			list-style-type:none;
		}
		.article {
			line-height:1.6em;
			color:#353535;
			}
		.article p {
			margin:0; padding:0;
			margin-bottom:0.9em;
		}
		.article em {
			color: rgb(0, 51, 102);
			}
		.article strong {
			color:#902;
			}
		.imageblock {
			margin-bottom:10px;
			}
		.article h3	{
			font-size:140%;
			color:#6A5ACD;
			padding:3px 0;
			padding-bottom:5px;
			border-bottom:solid 2px #bbb;
			margin-bottom:5px;
			}
		.article h4	{
			margin-bottom:3px;
			padding:2px;
			padding-left:20px;
			font-size:110%;
			color:#000;
			border-bottom:dashed 1px #ddd;
			}
			.article h4:first-letter {
				font-size:115%;
				color:#725;
				}
		.article hr {display:block;}
		.article ul,
		.article ol {margin:10px 30px;	}
		.article ol li,
		.article ul li { margin-top:3px;}
		.article	a:link { color:#2828CD; text-decoration:none;}
		.article	a:visited { color:#6A5ACD; text-decoration:none;}
		.article	a:hover { color:#2828CD; text-decoration:underline;}
		.article	a:active { color:#2828CD; text-decoration:none;}
		.article q { color:rgb(0, 153, 102); }
		blockquote {
			color: rgb(0, 102, 153);
			margin: 14px 17px;
			padding: 10px 10px 7px 50px;
			background-color:#fffacd;
			background-image:url("./images/blockquote.gif");
			background-position:0 0;
			background-repeat:no-repeat;
			border:1px solid #ff7355;
		}
		.cap1	 {
			font-size:90%;
			color:#555;
			}
		.tag {
			margin-top:10px;
		}
		.copyright{
			overflow:hidden;
			color: #898989;
			font-size: 90%;
			font-family:Gulim,Verdana,Arial, sans-serif;
			margin: 5px 0;
			padding: 3px;
			border: 1px solid #ABABAB;
		}
		.copyright img{
			position:relative;
			float:right;
		}

		/*comment and trackback*/
			.actionTrail {
				font:100% Gulim, Verdana, Helvetica, Arial, sans-serif;
				padding-left:53px;
				background:url("./images/trail.gif") no-repeat 0 1px;
			}
			.rp_admin {
				color:#006699;
			}
			.comment {
				margin: 10px 0 5px 0;
				font-size:100%;
			}
			.comment .name	{ font-weight:bold;}
			.comment .date		{ font:0.9em Gulim, Verdana, Arial, sans-serif;  color:#333;}
			.comment .address		{ font:0.9em Gulim, Verdana, Arial, sans-serif;  color:#333;}
			.comment .modify		{ font:0.9em Gulim, Verdana, Arial, sans-serif;  color:#333;}
			.comment .write		{ font:0.9em Gulim, Verdana, Arial, sans-serif;  color:#333;}
			.comment ul {
				margin:0; padding:0;
				list-style-type:none;
			}
			.comment li	{
				border-top:3px solid #aaccdd;
				padding:5px 0;
			}
			.comment li ul li	{
				padding-left:25px;
				border:none;
				background:url("http://ruinsane.net/style/admin/whitedream/image/icon_reply.gif") no-repeat;
			}

			.commentWrite label { display:none; }
			.pleaseComment {
				border-top:3px solid #ccc;
				border-bottom:3px solid #ccc;
				margin:5px 0;
				padding:5px;
				color:#000099;
				font-family:Gulim,Verdana,Arial, sans-serif;
				font-size:90%;
				text-align:center;
			}
			.commentWrite .secretWrap label { display:inline; }
			.commentWrite input {
				width:200px;
				margin:3px 0;
				padding:3px;
				padding-left:80px;
				border:2px solid #ddd;
				background-color:#fff;
				color:#333;
			}
				.commentWrite input.name	 {
					background:url("./images/cmtname.gif") top left no-repeat;
					}
				.commentWrite input.password {
					background:url("./images/cmtpwd.gif") top left no-repeat;
					}
				.commentWrite input.homepage	 {
					background:url("./images/cmthp.gif") top left no-repeat;
					}
				.commentWrite input.checkbox	{
					width:30px;
					padding:0;
					border:none;
					}
				.commentWrite .button	{
					padding:0;
					width:98px;
					height:30px;
					}
			.commentWrite	textarea	{
				width:400px;
				height:80px;
				padding-left:3px;
				padding-top:20px;
				border:2px solid #ddd;
				background:url("./images/cmtcontent.gif") top left no-repeat;
				background-color:#fff;
				font-size:90%;
				}




	/* guestbook */
		.guestbook p                { padding:2px 0; margin:0;}
		.guestWrite                 { padding:10px; }
		.guestWrite input           { width:150px;}
		.guestWrite textarea        { width:400px;  padding:5px;}
		.guestWrite .homepage       { width:300px;}
		.guestWrite .submit         {
				width:412px;  height:22px;
				background-color:#ccc;
				font:1em Dotum, Arial, sans-serif;
				padding-top:3px;
		}
		.guestList                  { padding:10px 0 0 0;}
		.guestList ol,
		.guestList ul               { margin:0; padding:0;  list-style:none;}
		.guestList li p             { border-top:1px solid #ccc; margin-top:5px; padding-top:5px;}
		.guestList ol li            { padding:10px;  margin-bottom:10px;  width:550px; overflow:hidden;}
		.guestList li ul li         {
				margin-left:100px;
				background-color:#f5f5f5;
				padding-left:25px;
				width:390px;
				overflow:hidden;
		}
		.guestList li .name         { color:#666;  font-weight:bold;}
		.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

	/* tag cloud */
		.taglog ul{
			margin:8px;
			padding:0;
		}
		.taglog li{display:inline;}

		.cloud1 {
			font-size : 150% !important;
			color : #ff6600 !important;
		}

		.cloud2 {
			font-size : 130% !important;
			color : #ff9900 !important;
		}

		.cloud3 {
			font-size : 100% !important;
			color : #669900 !important;
		}

		.cloud4 {
			font-size : 100% !important;
			color : #0099CC !important;
		}

		.cloud5 {
			font-size : 95% !important;
			color : #999999 !important;
		}

	#page-error { text-align:center; }

	/* paging */
		.paging {
			margin-top:10px;
			font: 0.9em 'Trebuchet MS', Helvetica, sans-serif;
			text-align: center;
			color: #aaa;
		}
		.paging a:link, .paging a:visited {
			color: #000;
		}
		.paging a:hover, .paging a:active {
			font-weight: bold;
			color: #1350CC;
		}
		.paging .selected {
			font-weight: bold;
			font-size:1.3em;
			color: #000;
			border-bottom: 2px solid #c22;
		}

/* rightSide */
	#menuBar { display:none; }

	#blogSearch {
		margin:0 auto;
		padding:0;
		border:2px solid #66f;
		width:198px; height:23px;
		background:url("./images/bgSearch.jpg");
	}
		#blogSearch .submit {
			margin:0;
			padding:0;
			border:0;
			vertical-align:middle;
		}
		#blogSearch .inputText {
			width:140px;
			border:0;
			color:#000;
			margin:0 7px 0 20px;
			background:none;
		} /*자바 스크립트로 선택하면 색깔 바뀌기 구현하자 */

	#rightSide {
		color:#ffffff;
		}
		#rightSide .sidebar {
			margin:0;
			padding:18px 10px 10px 10px;
			background:url("./images/sidebarBg1.gif") no-repeat 0% 0%;
			}
		#rightSide h4 {
			font-size:100%;
			color:#ff8f00;
			padding:0 0 3px 5px;
			margin-bottom:5px;
			border-bottom:1px solid #555;
			}
		#rightSide .sidebarBg {
			margin:0;
			margin-bottom:10px;
			height:10px;
			background:url("./images/sidebarBg2.gif") top left no-repeat;
			}
		#rightSide ul,#rightSide ol {
			list-style:none;
			}
		#rightSide #treeComponent {
			cursor:pointer;
			}
		#rightSide #recentPosts a {
			color:#fff;
			}
			#rightSide #recentPosts a:visited {
				color:#069;
				}
		#rightSide #copyrightBox p {
			margin-bottom:5px;
			}


/*
최근 글 목록 색깔.
IE와 파폭의 link 글자색 다른 문제 해결
기본 제공 스킨들 css 독파하자
촌스러운 사이드바 재제작
촌스러운 top 변경
문제가 만약 더 있을 경우 box700 안에 빈 div 넣는 방안 고려.(수정 자체는 쉬움)
촌스러운 방명록 해결

웹표준.. 중간에 태그가 어긋나는 듯..-_-?;
*/