@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{
font: 0.75em/1.5 dotum; color:#999; background-color:#111; margin-top:20px; align: center;
}
/* 2. 기본 링크 */
	a:link {text-decoration: none;	color:#444;	}
	a:visited {text-decoration: none;	color:#333;       }
	a:hover {text-decoration: none;	color:#777;	}
	a:active {text-decoration: none;	color:#999;	}
/* 3. 이미지 */
	img {border-width: 0px; }
/* 4. 이미지 버튼 */
	.ib {	cursor: pointer;	}
/* 5. 입력 텍스트 */
	.text {	border:1px solid #999;	background-color:#222;	height:18px;	}
/* 6. 트리 테이블 */
	.branch2 {	}
/* 7. 트리 셀 */
	.branch3 {cursor: pointer;  height: 10px; }
/* 8. 달력 월 표시 */
	.cal_month {font-size : 11px;	height: 18px;	}
/* 9. 달력 요일 표시 */
	.cal_week1 {font-size : 11px;	height:18px;	}
/* 10. 달력 일요일 표시 */
	.cal_week2 {color:#ccc; font-size:12px; text-align: center;}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {	color:#000; font-size:12px;	text-align:center;	}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color:#000;	font-size : 11px;	text-align: center;	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	font-size : 11px;	text-align: center; }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {	text-align: center;	font-size : 11px;	background-color:#111;	font-weight:bold; }
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link {font-weight: bold;	color:#ccc; }
	a.cal_click:visited {	font-weight: bold;	color:#ccc; }
	a.cal_click:hover {	font-weight: bold; color:#f60;	}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {	color:#876;	text-align: center;	}
/* 16. 키워드 스타일 */
	.key1 {	cursor: pointer;	border-bottom: 1px dotted #ccc;	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt {font:90% Tahoma;	color:#ccc;	}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {	font:10px Tahoma;	color:#999;	}

/* 18. 롤오버 */
	#rollover{background: url(./images/photo_b1.jpg); position:absolute; top:100px; left:10%; width: 300px;  height: 120px; display: block;  font-weight:bold; color:#aaa; z-index :0;}
	#rollover:hover{ background: url(./images/photo_2.jpg);  font-weight:bold;color:#333;}

	#rollover2{ background: url(./images/story_b.jpg);position:absolute; top:230px; left:35%; width: 300px; height: 120px; display: block; font-weight:bold;color:#aaa; z-index :1;}
	#rollover2:hover{ background: url(./images/story.jpg); font-weight:bold; color:#333;}

	#rollover3{ background: url(./images/guest_b.jpg);position:absolute; top:360px; left:60%; width: 300px; height: 120px; display: block; font-weight:bold;color:#333; z-index :3;}
	#rollover3:hover{ background: url(./images/guest_1.jpg); font-weight:bold;color:#aaa; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {display:none;}	
h1, h2, h3, h4 {margin:0; color:#777;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}

ul, ol{
list-style:none;
margin:0;
padding:0;
}
input{ height:18px; border:1px solid #222; background-color:#1c1c1c; color:#999; margin:1px 0;}
textarea{ height:100px;  border:1px solid #222; background-color:#1c1c1c; color:#222; margin:1px 0; overflow:visible;}

/* 블로그의 레이아웃 */
.container{width:850px; margin:0 auto; }

.header{ margin:0 0px; }

.footer{ clear:both; position:absolute; top:500px; left:35%; text-align:center}
.footer .d_day{ font-size: 14px; font-weight:bold}

/* header */
.header .image{position:absolute; top:20px; left:3%; z-index :5;}
.header .post{position:absolute; top:30px; right:2%;}
.header .menu { margin-top:-20px; margin-left:30px; color:#999;}
.header .menu .adminmenu a{color:#333;}
.header .menu .moreless .content { margin:10px 0; width:750px; padding-left:20px; padding-right:20px; padding-bottom:20px;}