/* ------------------------------------------------------------------------------------------------
MAINMENU Navigation
------------------------------------------------------------------------------------------------ */
#mainNav ul {
	margin: 0 auto;
	padding: 19px 10px 0;
	width: 954px;
	list-style: none;
}
#mainNav ul li { float: left; }
#mainNav ul li a {
	display: block;
	height: 41px;
	width: 126px;
	text-indent: -9999px;
}
#navMeta a      { background: transparent url(btn_mainNav.gif) no-repeat scroll 0 0 }
#navTaglog a    { background: transparent url(btn_mainNav.gif) no-repeat scroll -126px 0; }
#navLocalog a   { background: transparent url(btn_mainNav.gif) no-repeat scroll -252px 0; }
#navMedia a   { background: transparent url(btn_mainNav.gif) no-repeat scroll -378px 0; }
#navGuestbook a { background: transparent url(btn_mainNav.gif) no-repeat scroll -504px 0; }
#navMeta a:hover      { border: none; background-position: 0 -40px; }
#navTaglog a:hover    { border: none; background-position: -126px -40px; }
#navLocalog a:hover   { border: none; background-position: -252px -40px; }
#navMedia a:hover   { border: none; background-position: -378px -40px; }
#navGuestbook a:hover { border: none; background-position: -504px -40px; }
/* ####### body ID 를 이용한 현재 페이지 표시 ####### */
body#tt-body-page #navMeta a           { background-position: 0 -40px; }
body#tt-body-tag #navTaglog a          { background-position: -126px -40px; }
body#tt-body-location #navLocalog a    { background-position: -252px -40px; }
body#tt-body-media #navMedia a      { background-position: -378px -40px; }
body#tt-body-guestbook #navGuestbook a { background-position: -504px -40px; }

/* ####### Search Form ####### */
/* ####### Search Form ####### */
#searchForm { 
	position: absolute;
	top: 4px;
	right: 10px;
	width: 200px;
	height: 59px;
	background: transparent url(../images/bg_searchForm.gif) no-repeat 0 0;
}
#searchForm p label { display: none; }
#searchForm p input { 
	float: left;
	padding: 4px;
	display: inline;
	border: medium none;
}
#searchForm p input:hover,
#searchForm p input:focus {
	padding: 2px;
	border: 2px solid #fd6;
}
#searchForm p input.submit:hover {
	padding: 4px;
	border: none;
}
#searchText {
	margin: 21px 6px 0;
	width: 140px;
	background: transparent;
}
#searchSubmit {
	padding:2px;
	margin: 18px 0 0;
}






/* ------------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------ */

/* ####### 블로그 큰 제목 ####### */
#header h1 a,
#header h1 a:visited {
	position: absolute;
	top: 55px;
	left: 210px;
	font: 800 30px "Malgun Gothic bold", "맑은 고딕 bold", Arial, Sans-serif;
	letter-spacing: -4px;
}
#header h1 a:hover { color: #666; background: transparent; }

/* ####### 블로그 설명 ####### */
#header span {
	position: absolute;
	top: 110px;
	left: 290px;
	font-size: 14px;
	font-style: italic;
	letter-spacing: -1px;
}
/* ####### RSS 구독 버튼 ####### */
a#rssBtn {
	display: block;
	position: absolute;
	height: 50px;
	width: 100px;
	top: 10px;
	left: 1034px;
	text-indent: -9999px;
	background: transparent url(btn_rss.gif) no-repeat 0 0;
}
a#rssBtn:hover {
	background-position: 0 -50px;
}






/* ------------------------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------------------ */

/* ####### 검색 결과 ####### */
.searchList { margin: 5px 0 50px; }
.searchList h3 { color: #666; font-size: 29px; font-weight: normal; letter-spacing: -1px; }
.searchList li { list-style: none; padding: 3px 0; font-size: 18px; }
.searchList li a { display: block; color: #555;}
.searchList li a:hover { 
	border:none;
	padding-left: 35px;
	background: #f5f5f5 url(bul_listArrow.gif) no-repeat 0 center;
}
.searchList li a .date {
	padding-right: 5px;
	font-size: 18px;
	font-style: italic;
	letter-spacing: -2px;
}
.searchList li a .searchedText {
	display: block;
	margin: 5px;
	font-size: 12px;
	border-bottom: 1px dotted #ddd;
}

/* ####### 공통 소제목 ####### */
.localLog h3,
.tagLog h3,
.keywordsLog h3,
.guestbook h3 {
	height: 103px;
	margin-bottom: 20px;
	color: #333;
	font-size: 39px;
	font-weight: normal;
	letter-spacing: -3px;
	background: transparent url(bg_h3.gif) no-repeat bottom right;
}
/* ####### 위치로그 ####### */
.localLog .info { 
	padding-left: 10px;
	background: url(bul_arrow.gif) no-repeat 0 center;
}

/* ####### 태그구름 ####### */
.tagLog ul { padding: 10px; text-align: justify; }
.tagLog li { list-style: none; display: inline; }
.tagLog li .cloud1 { font-weight: bold; font-size: 35px; }
.tagLog li .cloud2 { font-weight: bold; font-size: 28px; color: #996;}
.tagLog li .cloud3 { font-weight: bold; font-size: 22px; color: #963;}
.tagLog li .cloud4 { font-size: 18px; color: #404040;}
.tagLog li .cloud5 { font-size: 13px; color: #999;}
.tagLog li a {
	padding: 0 2px;
	letter-spacing: -1px;
}
.tagLog li a:hover{
	padding: 0;
	border: 2px solid #fd9;
	background-color:#eee;
}

/* ####### 키워드로그 ####### */
.keywordsLog ul { padding: 10px; text-align: justify; }
.keywordsLog li { list-style: none; display: inline; }
.keywordsLog li a {
	margin: 0 10px;
	font-size: 20px;
	padding: 0 2px;
}
.keywordsLog li a:hover {
	padding: 0;
	border: 2px solid #fd9;
	background-color:#eee;
}

/* ####### 공지사항 ####### */
.entryNotice { margin: 0 0 100px; }
.noticeTitleBox { 
	position: relative;
	padding: 5px;
	border: 5px solid #eee;
	text-align: center;
	z-index: 5;
}
.noticeTitleBox .date {
	font: 800 18px Malgun Gothic, 맑은 고딕, Arial, Sans-serif;
	letter-spacing: -2px;
}
.noticeTitleBox h2 {
	font: 400 39px "Malgun Gothic bold", "맑은 고딕 bold", Arial, Sans-serif;
	letter-spacing: -3px;
}
.noticeTitleBox h2 a,
.noticeTitleBox h2 a:visited { color: #666; }

/* ####### 보호된글 ####### */
.entryProtected { margin: 0 0 100px; }
.protectedTitleBox { 
	position: relative;
	padding: 5px 0;
	border: 5px solid #eee;
	z-index: 5;
}
.protectedTitleBox h2 {
	margin-top: 20px;
	font: 400 39px "Malgun Gothic bold", "맑은 고딕 bold", Arial, Sans-serif;
	letter-spacing: -3px;
}
.protectedTitleBox h2 a,
.protectedTitleBox a:visited { color: #666; }
.entryProtected p { margin: 10px; }
.entryProtected p input {
	width: 150px;
	height: 16px;
	padding: 7px;
	font-size: 13px;
	border-color: #ddd #e5e5e5 #e5e5e5 #ddd;
	border-style: solid;
	border-width: 1px;
}
.entryProtected p input:hover,
.entryProtected p input:focus {
	padding: 6px;
	border: 2px solid #fd6;
	background-color: #f4f4f4;
}
.entryProtected p input.submit {
	cursor: pointer;
	width: 50px;
	height: 35px;
	border: 2px solid #eee;
	color: #fff;
	font-size: 12px;
}
.entryProtected p input.submit:hover {
	border: 2px solid #fd9; 
}

/* ####### 공지사항 보호된글 아이콘 ####### */
.boxInfo { 
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 64px;
	width:64px;
	text-indent: -9999px;
	z-index: -5;
}
.noticeTitleBox .boxInfo { background: transparent url(icon_notice.gif) no-repeat 0 0; }
.protectedTitleBox .boxInfo { background: transparent url(icon_lock.gif) no-repeat 0 0; }

/* ####### 방명록 ####### */
.guestbook { }

/* ####### 본문 ####### */
.entry {
	margin: 0 0 100px;
	width: 620px;
	overflow: hidden;
}
.titleBox {
	border-bottom: 3px solid #eee;
	position: relative;
	padding: 5px 0 0;
}
.titleBox h2 {
	margin-top: 18px;
	color: #666;
	font: 400 30px "Malgun Gothic bold", "맑은 고딕 bold", Arial, Sans-serif;
	letter-spacing: -3px;
}
.titleBox h2 a,
.titleBox h2 a:visited	{ color: #666; }
.titleBox h2 a:hover	{ color: #963; }
.articleRepDate {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -2px;
}
.articleInfo { color: #999; }
.adminPanel {
	color: #999;
	padding: 10px 10px;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	border-right: 3px solid #eee;
}

/* ####### 본문 아래 꼬리 태그 ####### */
.tagRel { color: #666; }
.tagText {
	color: #fff;
	padding: 2px 3px;
	font: 800 11px Arial, Sans-serif;
	letter-spacing: -1px;
	background-color: #963;
}

/* ####### 댓글 트랙백 컨트롤 상자 ####### */
.inResponseTo {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #ebebeb;
	background-color: #f8f8f8;
	text-align: right;
}

/* ####### 트랙백 ####### */
.trackback {
	margin: 10px 0;
	padding: 5px;
	border: 3px solid #eee;
}
.trackback:hover {
	border: 3px solid #fd9;
}
.trackback h3 {
	margin-left: 10px;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -2.5px;
}
.trackback .tbAddress {
	margin: -15px 20px 10px;
	font-size: 16px;
	letter-spacing: -1px;
}
.trackback h4 {
	padding: 0 5px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
}
.trackback li {
	list-style: none;
	margin-left: 10px;
}
.trackback li p {
	padding: 10px;
	color: #333;
	font: 400 12px/1.6 "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
}
.trackback li .control {
	display: block;
	float: right;
	margin: -22px 5px 0 0;
	z-index: 5;
}
.trackback li .control a {
	padding: 0 5px;
	color: #aaa;
	font-size: 11px;
	border: 1px solid transparent;
}
.trackback li .control a:hover {
	color: #963;
	border: 1px dotted #963;
	background-color: #eee;
}

/* ####### 댓글 ####### */
.comment {
	position: relative;
	padding: 10px 15px;
	border: 1px solid #EBEBEB;
	background-color: #F8F8F8;
}
.comment h3 {
	font-size:28px;
	font-weight:normal;
	letter-spacing:-2.5px;
}
.commentList {
	margin: 10px 0 40px;
}
.commentList li {
	margin: 20px 0;
	padding: 10px;
	list-style: none;
	border: 1px solid #ddd;
	color: #666;
	overflow: hidden;
}
.commentList li:hover {
	padding: 9px;
	border: 2px solid #fd6;
	background-color: #fff;
}
.commentList ol li ul li {
	border: 3px solid #DDDDDD;
	margin: 5px 0 0;
}
.commentList ol li ul li:hover {
	padding: 10px;
	background-color: #f8f8f8;
}
.commentList li p {
	margin: 5px 0;
	clear: both;
	color: #333;
	font: 400 13px/1.6 "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
}
.commentList .name {
	display: block;
	float: left;
	font-family:  "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
	height: 49px;
}
.commentList .date {
	display: block;
	float: right;
	font-size: 16px;
	font-style: italic;
	height: 21px;
}
.commentList .control {
	margin: 5px;
	text-align: right;
	font-style: normal;
}
.commentList .control a {
	padding: 0 5px;
	color: #aaa;
	font-size: 11px;
	border: 1px solid transparent;
}
.commentList .control a:hover {
	color: #963;
	border: 1px dotted #963;
	background-color: #eee;
}

/* ####### 종류별 코멘트 #######  */
.rp_admin { background:url(icon_admin.gif) no-repeat left bottom; }
.rp_secret { background:url(icon_secret.gif) no-repeat left bottom; }
.guest_admin { background:url(icon_admin.gif) no-repeat left bottom; }
.hiddenComment {  background:url(icon_secret.gif) no-repeat left bottom; }

/* ####### 본문 댓글 및 방명록 입력 폼 ####### */
fieldset.commentWrite {
	position: relative;
	margin: 10px 0;
	padding: 5px 0;
	border: none;
	background: transparent;
}
.commentWrite legend {
	display: none;
}
.commentWrite p {
	margin: 15px 0;
}
.commentWrite label {
	display: block;
	width: 180px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}
.commentWrite input {
	width: 300px;
	height: 16px;
	padding: 7px;
	font-size: 13px;
	border-color: #ddd #e5e5e5 #e5e5e5 #ddd;
	border-style: solid;
	border-width: 1px;
}
.commentWrite input.checkbox {
	float: left;
	width: auto;
	margin: 5px 10px 0 0;
	border: none;
	background: none;
}
.commentWrite textarea {
	width: 500px;
	height: 150px;
	padding: 7px;
	border-color: #ccc #e5e5e5 #e5e5e5 #ccc;
	border-style: solid;
	border-width: 1px;
}
.commentWrite input:hover,
.commentWrite input:focus,
.commentWrite textarea:hover,
.commentWrite textarea:focus {
	padding: 6px;
	border: 2px solid #fd6;
	background-color: #f4f4f4;
}
.commentWrite input.button {
	cursor:pointer;
	width: 200px;
	height: 50px;
	border: 5px solid #eee;
	color: #fff;
	font-size: 18px;
}
.commentWrite input.button:hover {
	border: 5px solid #fd9;
}

/* ####### 페이징 ####### */
.paging .selected { font-size: 20px; font-weight: bold; }
.no-more-prev a.prev,
.no-more-next a.next { color:#333; }
.paging{
	clear: both;
	padding: 30px;
	color: #444;
	font-size: 25px;
	text-align: center;
	letter-spacing: -1px;
}
.prevPage { float: left;}
.nextPage { float: right; }
.prevPage a,
.nextPage a { display: block; width: 90px; height: 70px; text-indent: -9999px; }
.prevPage a { background: transparent url(btn_prevNext.gif) no-repeat 0 0; }
.nextPage a { background: transparent url(btn_prevNext.gif) no-repeat -90px 0; }
.prevPage a:hover { border: none; background-position: 0 -70px; }
.nextPage a:hover { border: none; background-position: -90px -70px; }
.numbox { font-size: 13px; padding-top: 25px; }
.num { padding: 5px; }





/* ------------------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------------------ */
#siteInfo { 
	padding: 5px 0;
	border-top: 1px solid #eee;
}
#siteCopyright { margin-top: 10px; }
#footerAdmin { 
	margin-top: 10px;
	text-align: right;
	color: #ccc;
}
.sRssBtn,
.validCheck { padding-left: 14px; }
.sRssBtn { background: transparent url(btn_sRss.gif) no-repeat 0 center; }
.validCheck { background: transparent url(icon_check.gif) no-repeat 0 center; }
.sRssBtn:hover,
.validCheck:hover { background-position: 0 0; }

/* ####### 배너상자 ####### */
#bannerBox { 
	position: absolute;
	bottom: 34px;
	left: 200px;
}
#bannerBox a.bannerTs,
#bannerBox a.bannerWb {
	float: left;
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
}
#bannerBox a.bannerTs {	background: transparent url(banner_ts.gif) no-repeat 0 0; }
#bannerBox a.bannerWb {	background: transparent url(banner_wb.gif) no-repeat 0 0; }
#bannerBox a:hover { border:none; background-position: 0 -2px; }


/*본문 상단 광고 */
#AdTop {height:250px; width:640px; overflow:hidden; margin-bottom: 20px; }
#AdTop .adsense {
    float:left;
    width:300px;
}
#AdTop .ViewAD {
    float:right;
    width:273px;
}

.ad250_outter { display:none; }