﻿﻿﻿﻿﻿@charset "utf-8"; 
/*----------------------------------------------- 
01.본문 공통
02.라이트박스(lytebox)
03.페이징 - 현재 페이지
04.카테고리 - 이미지 버튼
05.카테고리 - 트리 셀
06.카테고리 - 카테고리 옆 개수 스타일
07.달력 월 표시
08.달력 요일 표시(th 영역)
09.달력 일요일 표시(th 영역)
10.달력 Week(tr 영역)
11.달력 Day(td 영역)
12.달력 Day, 일요일 (td 영역)
13.달력 지난 달 날짜 표시(td) 
14.달력 다음 달 날짜 표시(td) 
15.달력 이번 달 날짜 표시(td) 
-----------------------------------------------*/




/*----------------------------------------------- 01. 본문 공통 시작-----------------------------------------------*/

body

{ 
font:0.75em/1.5 verdana,verdana,AppleGothic,sans-serif; 
color:#928880; 
background-image:url(images/bg.png); 
background-color: white; 
}

a:link 

{
color: #a0a0a0; 
text-decoration: none;
}

a:visited 
{
color: #a0a0a0; 
text-decoration: none; 
}


a:hover 
{
color: #a0a0a0; 
text-decoration: none; 
border-bottom-width:1px; 
border-bottom-style:dotted; 
border-bottom-color: #a0c0ff; 
}

a 
{ 
selector-dummy : expression(this.hideFocus=true); 
}

/*----------------------------------------------- 01.본문 공통 끝-----------------------------------------------*/
















/*----------------------------------------------- 02.라이트박스(lytebox) 시작 -----------------------------------------------*/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #0076f1; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #00a5f1; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	

overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #00a5f1; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url

(images/lytebox_loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/lytebox_blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/lytebox_prev.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/lytebox_blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/lytebox_next.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #004eb1; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #67c5f1; }

#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #004eb1; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/lytebox_close.gif) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/lytebox_play.gif) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/lytebox_pause.gif) no-repeat; }

/*----------------------------------------------- 02.라이트박스(lytebox) 끝 -----------------------------------------------*/
















/*----------------------------------------------- 03.페이징 - 현재 페이지 시작 -----------------------------------------------*/

.selected
{ 
font:8pt "AppleGothic";
font-weight:bold;
color:#ffffff;
background-color:#0095fe; 
padding:0px 3px 0px 3px; 
}

.paging .no-more-prev,
.paging .no-more-next       
{ 
color:#FCF4FF; 
font:8pt "AppleGothic"; 
}

.paging                     
{
color: #FCF4FF; 
font-weight:bold; 
padding-top:0px;  
text-align:center; 
font:8pt "AppleGothic"; 
}

.paging .numbox             
{ 
border-left:1px solid #FCF4FF; 
padding-left:6px; 
margin-left:6px; 
}

.paging .num                
{ 
color: #FCF4FF; 
border-right:1px solid; 
padding-right:6px; 
margin-right:3px; 
}

.paging .prev               
{ 
color: #FCF4FF; 
font-weight:bold; 
font:9px; 
}

.paging .next               
{ 
color: #FCF4FF; 
font-weight:bold; 
font:9px; 
}

.paging a:link              
{ 
color: #FCF4FF; 
font-weight:bold; 
text-decoration: none; 
}

.paging a:visited           
{ 
color: #FCF4FF; 
font-weight:bold; 
text-decoration: none; 
}

.paging a:hover             
{ 
color: #FCF4FF; 
text-decoration:none; 
border-bottom:none; 
}

.paging .view         	    
{ 
color: #B8E1FC; 
margin-left:450px; 
text-align:right; 
font-family:"Verdana"; 
font-size:8pt; 
}


/*----------------------------------------------- 03.페이징 - 현재 페이지 끝-----------------------------------------------*/















/*----------------------------------------------- 04.카테고리 - 이미지 버튼 시작-----------------------------------------------*/

.ib                     
{ 
cursor:pointer; 
}

/*----------------------------------------------- 04.카테고리 - 이미지 버튼 끝-----------------------------------------------*/















/*----------------------------------------------- 05.카테고리 - 트리 셀 시작 -----------------------------------------------*/

.branch3  
{ 
cursor:pointer;
font:9px "AppleGothic"; 
}


/*----------------------------------------------- 05.카테고리 - 트리 셀 끝 -----------------------------------------------*/
















/*----------------------------------------------- 06.카테고리 - 카테고리 옆 개수 스타일 시작 -----------------------------------------------*/

.c_cnt
{
font-size:7pt; 
font-family:'Franklin Gothic Medium';  
color:#B8E1FC; 
}

/*----------------------------------------------- 06.카테고리 - 카테고리 옆 개수 스타일 끝 -----------------------------------------------*/















/*----------------------------------------------- 07.달력 월 표시 시작-----------------------------------------------*/

.cal_month              
{ 
color:#B8E1FC; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_month a:link 
{
color:#FFE8E8;
font:11px "Franklin Gothic Medium";  
height:12px; 
font-weight:normal; 
}

.cal_month a:visited 
{
color:#FFE8E8; 
font:11px "Franklin Gothic Medium";  
height:12px; 
font-weight:normal; 
}

.cal_month a:hover 
{
color: #FFE8E8; 
text-decoration:none; 
border-bottom-width:1px; 
border-bottom-style:dotted; 
border-bottom-color:#a0c0ff; }


/*----------------------------------------------- 07.달력 월 표시 끝-----------------------------------------------*/















/*----------------------------------------------- 08.달력 요일 표시(th 영역) 시작 -----------------------------------------------*/

.cal_week1              
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}



/*----------------------------------------------- 08.달력 요일 표시(th 영역) 끝 -----------------------------------------------*/















/*----------------------------------------------- 09.달력 일요일 표시(th 영역) 시작 -----------------------------------------------*/

.cal_week2              
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}


/*----------------------------------------------- 09.달력 일요일 표시(th 영역) 끝 -----------------------------------------------*/














/*----------------------------------------------- 10.달력 Week(tr 영역) 시작 -----------------------------------------------*/

.cal_week               
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_current_week       
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}




/*----------------------------------------------- 10.달력 Week(tr 영역) 끝 -----------------------------------------------*/
















/*----------------------------------------------- 11.달력 Day(td 영역) 시작 -----------------------------------------------*/

.cal_day                
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}




/*----------------------------------------------- 11.달력 Day(td 영역) 끝 -----------------------------------------------*/











/*----------------------------------------------- 12.달력 Day, 일요일 (td 영역) 시작 -----------------------------------------------*/

.cal_day_sunday         
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_day_sunday a       
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}


/*----------------------------------------------- 12.달력 Day, 일요일 (td 영역) 끝 -----------------------------------------------*/
















/*----------------------------------------------- 13.달력 지난 달 날짜 표시(td) 시작 -----------------------------------------------*/

.cal_day1               
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

/*----------------------------------------------- 13.달력 지난 달 날짜 표시(td) 끝 -----------------------------------------------*/














/*----------------------------------------------- 14.달력 다음 달 날짜 표시(td) 시작 -----------------------------------------------*/

.cal_day2               
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

/*----------------------------------------------- 14.달력 다음 달 날짜 표시(td) 끝 -----------------------------------------------*/














/*----------------------------------------------- 15.달력 이번 달 날짜 표시(td) 시작 -----------------------------------------------*/

.cal_day3               
{ 
color:#FFE8E8; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}


/*----------------------------------------------- 15.달력 이번 달 날짜 표시(td) 끝 -----------------------------------------------*/










/*----------------------------------------------- 16.달력 오늘 날짜 표시(td) 시작 -----------------------------------------------*/



.cal_day4               
{ 
color:#B8E1FC; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_day4 a:link,   
{ 
color:#B8E1FC; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_day4 a:visited 
{ 
color:#B8E1FC; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

.cal_day4 a:hover   
{ 
color:#B8E1FC; 
text-decoration: none; 
border-bottom-width:1px; 
border-bottom-style:dotted; 
border-bottom-color:#a3fcf5; 
}
















/*----------------------------------------------- 달력 글쓴 날 링크 스타일 시작 -----------------------------------------------*/

a.cal_click:link      
{ 
color:#FB9BBA; 
font:11px "Franklin Gothic Medium"; 
height:12px; font-weight:normal; 
}

a.cal_click:visited    
{ 
color:#FB9BBA; 
font:11px "Franklin Gothic Medium"; 
height:12px; 
font-weight:normal; 
}

a.cal_click:hover       
{ 
color:#FB9BBA; 
text-decoration:none; 
border-bottom-width:1px; 
border-bottom-style:dotted; 
border-bottom-color:#a3fcf5; 
}
















/*----------------------------------------------- 종류별 코멘트 [##_rp_rep_class_##] 시작 -----------------------------------------------*/
.rp_general             
{  
}

.rp_admin               
{ 
background:url(images/iconAdmin.png) no-repeat; 
padding-left:20px; 
}

.rp_secret             
{ 
background:url(images/iconSecret.png) no-repeat; 
padding-left:20px; 
}
    













/*----------------------------------------------- 종류별 방명록 [##_guest_rep_class_##] 시작 -----------------------------------------------*/

.guest_general          
{
}

.guest_admin
{
background:url(images/iconAdmin.png) no-repeat; 
padding-left:20px; 
}
  












  
/*----------------------------------------------- 비밀 댓글 (로그아웃시 비밀글 표현) 시작 -----------------------------------------------*/

.hiddenComment 
{ 
background:url(images/iconSecret.png) no-repeat;  
padding-left:20px;  
font-weight:normal; 
}















/*----------------------------------------------- 이미지 아래 캡션 스타일 시작 -----------------------------------------------*/

.cap1                   
{ 
margin-top:5px; 
color:#FFFFE8; 
text-align:center; 
}
    
/*----------------------------------------------- 그림 시작 -----------------------------------------------*/
    .imageblock   img   { border:0px; }
/*----------------------------------------------- 왼쪽 시작 -----------------------------------------------*/
    .left                   { }
/*----------------------------------------------- 가운데 시작 -----------------------------------------------*/
    .center                 { }
/*----------------------------------------------- 오른쪽 시작 -----------------------------------------------*/
    .right                  { }
/*----------------------------------------------- 그림 2개 배치 시작 -----------------------------------------------*/
    .dual                   { margin-bottom:5px; }
/*----------------------------------------------- 그림 3개 배치 시작 -----------------------------------------------*/
    .triple                 { margin-bottom:5px; }





/*----------------------------------------------- 본문 - more / less 시작 -----------------------------------------------*/

.moreless_fold          
{
background:url(images/iconMore.gif) left no-repeat; 
padding-left:10px; 
color:#0095FE; 
margin-bottom:5px; 
}

.moreless_top           
{
 background:url(images/iconLess.gif) left no-repeat; 
padding-left:10px; 
color:#0095FE; 
margin-bottom:5px; 
}

.moreless_content       
{
 width:530; 
border:1px dotted #AFAFAF; 
padding:5px; 
}

.moreless_body          
{
background-color:#FFFFFF; 
border:5px solid #AFAFAF; 
}

.moreless_bottom        
{
background:url(images/iconLess.gif) right no-repeat; 
padding-right:10px; 
color:#0095FE; 
text-align:right; 
margin-top:5px; 
}














/*----------------------------------------------- 키워드 시작 -----------------------------------------------*/ 

.key1 
{ 
cursor: pointer; 
border-bottom: 1px dotted #808080; 
}














/*----------------------------------------------- 줄 달력 시작 -----------------------------------------------*/
#calender 
{ 
width:700px; 
text-align:center; 
margin:0 auto; 
}














/*----------------------------------------------- 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 시작 -----------------------------------------------*/


body 
{ 
background:url(images/bg.png) center top repeat fixed #59534E; 
margin-bottom:20px; 
}

#container 
{	
        padding-bottom:0px;
        margin:0 auto;
	width:940px;
}

#header 
{
        padding-top:0px;
	width:940px;
	height:250px;
}

#content {
	padding-top:0px;
        float:left;
	width:690px;
        margin-right:10px;
	overflow:hidden;
}

#sidebar {
/*	background-color:#888888; -----------------------------------------------*/
	width:240px;
        margin-left:10px;
	overflow:hidden;
}

#footer {
	margin-top:20px;
	margin-bottom:10px;
	clear:both;
	text-align:center;
	font-family:"Franklin Gothic Medium";
	font-size:8pt;
	overflow:hidden;
}




/*----------------------------------------------- 헤더 시작 -----------------------------------------------*/
#header .blogtitle	{margin-left:100px;padding:0px 0px 0px 0px;font-family:"Franklin Gothic Medium";font-size:25pt;color:#FFE8E8;font-weight:bold;}
#header .blogtitle a { color:#2c2c2c;text-decoration:none;}
#header .blogtitle a:link { color:#2c2c2c;text-decoration:none;}
#header .blogtitle a:visited { color:#2c2c2c;text-decoration:none;}
#header .blogtitle a:hover {color:#FFE8E8; text-decoration:none;}

#header .blogMenu	{margin-right:50px;padding:5px 0px 0px 0px; text-align:right;}
#header .blogMenu ul   { margin:0;  padding:0px;  list-style:none;}
#header .blogMenu li   { font-family:"Verdana";font-size:7pt;color:#8BD6ED;display:inline;  background:url(images/i1.gif) 0 center no-repeat;  margin-left:1px;  padding-left:10px;}
#header .blogMenu li a:link {color:#424242;}
#header .blogMenu li a:visited {color:#424242;}
#header .blogMenu li a:hover {color: #FFE8E8; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}
#header li.tab_home { background:none;}

/*----------------------------------------------- 컨텐트 시작 -----------------------------------------------*/
#content .search, 
#content .calendar, 
#content .title,
#content .others, 
#content .localog, 
#content .taglog, 
#content .archive,
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .medialog {width:648px;padding:0px;margin:0px 0px 20px 0px;border:1px solid #c5c5c5;background-image:url(./images/content_top.png);background-repeat:no-repeat;padding:20px;background-color:#fff;}


#content .searchList, 
#content .searchRplist {width:648px;padding:0px;margin:0px 0px 20px 0px;border:1px solid #c5c5c5;background-image:url(./images/content_top.png);background-repeat:no-repeat;padding:20px;background-color:#fff;}

#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .medialog h3,
#content .searchRplist h3 {font-size:16px;font-family:"Gulim", "굴림";font-weight:bold;color:#505050;margin:0px 0px 15px 0px;background:url(images/titlebar.png) 0 center no-repeat;padding-left:7px;}
#content .media_content {width:648px;overflow:hidden;margin:0px;}

#content .searchList ol, 
#content .searchRplist ol            { list-style:none;  padding:5px;  margin:0px;}
#content .searchList li, 
#content .searchRplist li            { border-bottom:1px dotted #afafaf;  padding-bottom:2px;  margin-bottom:4px;}
#content .searchList .date, 
#content .searchRplist .date         { font:8pt "Dotum", "돋움";  margin-right:10px; color:#505050;}
#content .searchList .cnt            { font-size:7pt; font-family:'Franklin Gothic Medium';  color:#0095FE;} 
#content .searchRplist .name         { font:8pt "Dotum", "돋움";    color:#505050;  padding-left:8px;}
#content .searchList a:link,
#content .searchRplist a:link {color:#505050;text-decoration:none}
#content .searchList a:visited,
#content .searchRplist a:visited {color:#505050;text-decoration:none;}
#content .searchList a:hover,
#content .searchRplist a:hover {color: #a1a1a1; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}

#content .localog {padding-bottom:15px;}
#content .localog .spot              { background:url(images/iconIndentArrow_local.png) 5px 0 no-repeat;  padding-left:20px;  margin:0px;color:#505050;}
#content .localog .info              { background:url(images/iconIndentArrow_localinfo.png) 5px 3px no-repeat;  padding-left:15px;  margin-top:3px;color:#505050;}
#content .localog a:link             { color:#505050;text-decoration:none;}
#content .localog a:visited          { color:#505050;text-decoration:none;}
#content .localog a:hover            {color: #a1a1a1; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}

#content .taglog {padding-bottom:10px;}
#content .taglog ul                  { padding:5px; margin:0; text-align:justify;}
#content .taglog li                  { display:inline;}
#content .taglog a:hover       { background-color:#0095FE;  color:#FFFFFF;text-decoration:none; }
#content .taglog li .cloud1    { color:#C551E2;  font-size:11px; margin-right:10px; }
#content .taglog li .cloud2    { color:#FFDA08;  font-size:11px;  margin-right:10px;font-weight:bold;}
#content .taglog li .cloud3    { color:#ff93a9;   font-size:12px; margin-right:10px;font-weight:bold;}
#content .taglog li .cloud4    { color:#FFFCC8;  font-size:11px; margin-right:10px;font-weight:bold;}
#content .taglog li .cloud5    { font-size:11px; color:#6ad2e3; margin-right:10px;}

#content .guestWrite {padding:3px;overflow:hidden;margin:0px}
#content .guestWrite p {margin:0px;}
#content .guestWrite .guestname {padding-left:40px;padding-top:2px;font:9pt "Dotum", "돋움";width:100px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_name_n.png) no-repeat;}
#content .guestWrite .homepage {padding-left:60px;padding-top:2px;font:9pt "Dotum", "돋움";width:200px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_homepage_n.png) no-repeat;}
#content .guestWrite .password {padding-left:65px;padding-top:2px;font:9pt "Dotum", "돋움";width:85px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_password_n.png) no-repeat;}
#content .guestWrite textarea {margin-top:5px;overflow:auto;padding:15px 5px 5px 5px;font:9pt "Dotum", "돋움";width:625px;color:#505050;background-color:#FFFFFF;border:2px solid #d1d1d1;background:url(./images/formbg_comment_n.png) no-repeat;overflow:visible;height:80px;}
#content .guestWrite .submit {margin-top:5px;margin-bottom:5px;font-size:9pt;width:70px;color:#CD7575;background-color:#FFFFFF;height:25px;border:0px;background:url(./images/form_confirm.png) no-repeat;}

#content .guestList a:link {text-decoration:none;}
#content .guestList a:visited {text-decoration:none;}
#content .guestList a:hover {color: #a1a1a1; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}

#content .guestList ol li a {color:#0095FE;}
#content .guestList ol li .name {color:#0095FE;font-weight:bold;}
#content .guestList .date {font:8pt "verdana";color:#505050;}
#content .guestList .modify {color:#505050;font:8pt "verdana";}
#content .guestList .write {color:#505050;font:8pt "verdana";}

#content .guestList p {font:9pt "verdana";color:#5A5A5A;margin:0px;line-height:130%;}
#content .guestList ol {margin:0px;padding:0px;list-style:none;}
#content .guestList li {margin:0px;border-top:1px solid #eaeaea;padding:15px 5px 15px 5px;margin:0px 0px 0px 0px;list-style:none;}
#content .guestList li ul li {border:1px dotted #afafaf;background-color:#f8f8f8;margin-top:10px;}
#content .guestList li ul li p {margin:0px;color:#505050;line-height:130%;}



/*----------------------------------------------- 본문 시작 -----------------------------------------------*/

/*----------------------------------------------- 등록글 시작 -----------------------------------------------*/
.entryNotice h2 {font:10pt "verdana";}
.entryProtected h2 {font:10pt "verdana";}
.entry h2 {font-size:14px;font-family:"verdana";font-weight:bold;color:#505050; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #d9d8d6;}

.titleWrap               {line-height:130%;}
.titleWrap .category,
.titleWrap .category a   {text-align:right; font:8pt "verdana", Arial, sans-serif; color:fba7ad; padding-bottom:10px; overflow:hidden; margin-bottom:10px; border-bottom:1px dashed #d9d8d6;}
.titleWrap .date         {text-align:right; float:left;}

.titleWrap .category a:link {font:8pt "verdana", Arial, sans-serif; color:#fba7ad;}
.titleWrap .category a:visited {font:8pt "verdana", Arial, sans-serif; color:#fba7ad;}
.titleWrap .category a:hover {font:8pt "verdana", Arial, sans-serif; color: #B8E1FC; text-decoration: none; cursor:pointer;}
.titleWrap .category a:active {font:8pt "verdana", Arial, sans-serif; color:#fba7ad;}

.titleWrap a:link,
.titleWrap a:visited,
.titleWrap a:active {color:#505050;text-decoration:none;}
.titleWrap a:hover {color: #fba7ad; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}
.titleWrap .admin {text-align:right;font-size:8pt;font-family:"verdana";color:#505050;}


.entryProtected p   { margin:0px;text-align:center;padding:10px 0px 10px 0px}
.entryProtected input    {font-size:9pt;width:160px;color:#505050;background-color:#FFFFFF;height:15px;border:2px solid #afafaf;}
.entryProtected .submit  {display:none;}




.article                 {font:9pt "verdana";width:640px; margin:20px 4px 0px 4px; padding:0px 0px 30px 0px;overflow:hidden;line-height:160%;}
.article a:link          { color:#0095FE;  text-decoration:none;}
.article a:visited       { color:#0095FE;  text-decoration:none;}
.article a:hover         {color: #a1a1a1; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}
.article a:active        { color:#0095FE;  text-decoration:none;}
.article dt              { text-decoration:none;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { border:1px dotted #afafaf;padding:10px;  margin:10px 20px;line-height:160%;}


/*----------------------------------------------- 갤러리 시작 -----------------------------------------------*/

#Gallery .gal             {margin:0px;overflow:hidden;font-family:"Franklin Gothic Medium";font-size:9pt;color:#ffffff; padding:0 0 0 0px;}
#Gallery .gal  a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#Gallery .gal  a:visited {color: #ffffff; text-decoration: none;}
#Gallery .gal  a:active {color: #ffffff; text-decoration: none;}
#Gallery .gal  a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 본문 북마크 시작 -----------------------------------------------*/
.share                { font:8pt "Franklin Gothic Medium";color:#afafaf; border-bottom-style:none;}
.share .sharethis               { font:8pt "Franklin Gothic Medium";color:#b0dcff; letter-spacing:normal; border:0px;}
.share .sharethis  a:link          {color:#b0dcff; text-decoration: none; border:0px;}
.share .sharethis  a:visited       {color:#b0dcff; text-decoration: none; border:0px;}
.share .sharethis  a:hover         {color:#b0dcff; text-decoration: none; border:0px;}
.share .sharethis  a:active        {color:#b0dcff; text-decoration: none; border:0px;}
.share .social               { font:1pt "Franklin Gothic Medium";color:#b0dcff; letter-spacing:normal; border:0px;}
.share .social  a:link          {color:#b0dcff; text-decoration: none; border:0px;}
.share .social  a:visited       {color:#b0dcff; text-decoration: none; border:0px;}
.share .social  a:hover         {color:#b0dcff; text-decoration: none; border:0px;}
.share .social  a:active        {color:#b0dcff; text-decoration: none; border:0px;}



/*----------------------------------------------- 본문 네임 시작 -----------------------------------------------*/
.author                { font:8pt "Verdana"; color:#b0dcff; border-bottom-style:none; }
.author .nameby            { font:8pt "Verdana"; color:#d9d8d6; letter-spacing:normal; border:0px;}
.author .name               { font:8pt "굴림", "gulim"; color:#b0dcff; letter-spacing:-1px; border:0px;}
.author .name a:link          { color:#b0dcff; text-decoration: none; border:0px; }
.author .name a:visited       { color:#b0dcff; text-decoration: none; border:0px; }
.author .name a:hover         { color:#b0dcff; text-decoration: none; border:0px; }
.author .name a:active        { color:#b0dcff; text-decoration: none; border:0px; }



/*----------------------------------------------- 본문 테그 시작 -----------------------------------------------*/
.tagTrail                {background:url(images/tag_icon.gif) no-repeat;padding:3px 3px 3px 20px;margin-bottom:5px;font:9pt "verdana";}



/*----------------------------------------------- 본문 트랙백 카운트 시작 -----------------------------------------------*/

.actionTrail             { font:8pt "verdana";}
.actionTrail .cnt        { color:#000000;font-weight:bold}



/*----------------------------------------------- 트랙백 시작 -----------------------------------------------*/

.trackback               { padding-top:10px;overflow:hidden;margin-top:10px;border-top:1px solid #d9d8d6;}
.trackback a             { color:#505050;}
.trackback h3            { font-size:9pt;font-family: "verdana"; color:#fff; margin-bottom:10px;padding:5px 5px 5px 20px;;font-weight:normal;background-color:#ababab;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { background:url(images/trackback_arrow.gif) no-repeat;  padding:0px 5px 5px 30px;}
.trackback .subject		{ font:9pt "verdana", sans-serif;  color:#4b4c4b;font-weight:bold;}
.trackback .date         { font:8pt "verdana", sans-serif;  color:#8b8b8b;}
.trackback p             { font:9pt "verdana", sans-serif;  color:#b7b7b7;  margin:0; padding:0;}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}



/*----------------------------------------------- 코멘트 시작 -----------------------------------------------*/

.comment {font:9pt "verdana";padding:3px;overflow:hidden;margin-top:10px;}
.comment p                        { margin:3px 0 0 0; padding:0;}


.comment a:link {color:#0095FE;text-decoration:none;}
.comment a:visited {color:#0095FE;text-decoration:none;}
.comment a:hover {color: #a1a1a1; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color: #a0c0ff;}

.comment h3                       {font:8pt "verdana";color:#505050;margin:0px;text-align:center;border-bottom:1px dotted #afafaf;padding:3px 0px 3px 0px;}
.comment ol,
.comment ul                       {margin:0px;padding:0px;list-style:none;}
.comment .date                    {font:8pt "verdana";color:#505050;}
.comment .name                    {font:9pt "verdana";color:#0095FE;font-weight:bold;}
.comment ol li                    {margin:0px;border-bottom:1px solid #eaeaea;padding:15px 5px 15px 5px;margin:0px 0px 0px 0px;list-style:none;}
.comment li ul li                 {border:1px dotted #afafaf;background-color:#f8f8f8;margin-top:10px;margin-left:20px;}
.comment .control a.address       {color:#505050;font:8pt "verdana";}
.comment .control a.modify        {color:#505050;font:8pt "verdana";}
.comment .control a.write         {color:#505050;font:8pt "verdana";}

.commentWrite                     { padding:5px; margin-top:10px;}
.commentWrite p {margin:0px;}
.commentWrite textarea            {margin-top:5px;overflow:auto;padding:15px 5px 5px 5px;font:9pt "verdana";width:615px;color:#505050;background-color:#FFFFFF;border:2px solid #d1d1d1;background:url(./images/formbg_comment_n.png) no-repeat;overflow:visible;height:80px;}
.commentWrite .password {padding-left:65px;padding-top:2px;font:9pt "verdana";width:80px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_password_n.png) no-repeat;}
.commentWrite .name           {padding-left:40px;padding-top:2px;font:9pt "verdana";width:100px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_name_n.png) no-repeat;}
.commentWrite .homepage           {padding-left:60px;padding-top:2px;font:9pt "verdana";width:200px;color:#505050;background-color:#FFFFFF;height:16px;border:2px solid #d1d1d1;background:url(./images/formbg_homepage_n.png) no-repeat;}
.commentWrite .submit             {margin-top:5px;margin-bottom:5px;font-size:9pt;width:70px;color:#CD7575;background-color:#FFFFFF;height:25px;border:0px;background:url(./images/form_confirm.png) no-repeat;}



/*----------------------------------------------- 사이드 바 시작 -----------------------------------------------*/

#sidebar h3 {padding-left:15px; font-family:"Franklin Gothic Medium";font-size:8pt;margin:15px 0px 5px 0px;color:#ffffff; border-bottom-width:1px; border-bottom-height:1px; border-bottom-style:dashed; border-bottom-color: #a0c0ff; background:url(images/i1.gif) 0 center no-repeat;  margin-left:1px;height:20px;   }
#sidebar h3 a, 
#sidebar h3 a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar h3 a:visited {color: #ffffff; text-decoration: none;}
#sidebar h3 a:active {color: #ffffff; text-decoration: none;}
#sidebar h3 a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar h4 {padding-left:15px; font-family:"굴림";font-size:8pt;margin:15px 0px 5px 0px;color:#ffffff; border-bottom-width:1px; border-bottom-height:1px; border-bottom-style:dashed; border-bottom-color: #a0c0ff; background:url(images/i1.gif) 0 center no-repeat;  margin-left:1px;height:20px;   }
#sidebar h4 a, 
#sidebar h4 a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar h4 a:visited {color: #ffffff; text-decoration: none;}
#sidebar h4 a:active {color: #ffffff; text-decoration: none;}
#sidebar h4 a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}



#sidebar .bloginfo {}
#sidebar .blogImage img        { width:220px;border:0px;margin-bottom:5px;}
#sidebar .blogImage	{width:240px;text-align:center}
#sidebar .blogDesc             { text-align:left;color:#FFFFE8;  font-size:9pt;  line-height:130%; padding-left:10px;padding-right:10px}
#sidebar .userID               { padding-right:10px;text-align:right;color:#FFFFE8;letter-spacing:-1px;font-size:8pt;}

#sidebar .navigation {overflow:hidden}
#sidebar .navigation ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .navigation li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }

#sidebar .musicclip {overflow:hidden}
#sidebar .musicclip ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .musicclip li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }



#sidebar .search               { text-align:center}
#sidebar .search .searchinput  { background:url(images/bgSearch.gif); no-repeat; font-size:8pt;width:160px;color:#FFFFE8;background-color:#ffc0d0;height:16px;border:0px solid #afafaf;}
#sidebar .search .submit       { background:url(images/btn_search_n.png) no-repeat; width:23px;  height:23px; text-indent:-5000px; border:0; cursor:pointer;}

#sidebar .notice {overflow:hidden}
#sidebar .notice ul            { list-style:none;padding:0px;margin:0px 10px 0px 0px;}
#sidebar .notice li            { padding:0 0 0 25px;font-family:"Franklin Gothic Medium";color:#ffffff;font-size:9pt;margin-left:0px ; background:url(images/i3.gif) 10px 0 no-repeat;}
#sidebar .notice a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .notice a:visited {color: #ffffff; text-decoration: none;}
#sidebar .notice a:active {color: #ffffff; text-decoration: none;}
#sidebar .notice a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .cate {font-family:"Franklin Gothic Medium";font-size:9pt;color:#ffffff; width:130px;padding-left:15px;}
#sidebar .cate ul { list-style:none;padding:0; margin:0;} 
#sidebar .cate li { list-style:none;padding:0; margin:0;}
#sidebar .cate li {padding:0 0 0 20px; background:url(images/i2.gif) 0 0 no-repeat;}
#sidebar .cate li ul { padding:0; margin:0;}
#sidebar .cate li ul li { padding:0 0 0 15px; background:url(images/i4.gif) 0 0 no-repeat;}
#sidebar .cate li ul li ul {padding:0; margin:0;}
#sidebar .cate li ul li ul li {padding:0 0 0 15px; font-color:ffe6ec;background:url(images/i3.gif) 0 0 no-repeat;}
#sidebar .cate .c_cnt { font:0.8em Franklin Gothic Medium; font-weight:normal; letter-spacing:normal;}
#sidebar .cate a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .cate a:visited {color: #ffffff; text-decoration: none;}
#sidebar .cate a:active {color: #ffffff; text-decoration: none;}
#sidebar .cate a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .categoryList { display:none;}
#sidebar .category .c_cnt {  letter-spacing:normal;}

#sidebar .recentPost {overflow:hidden;}
#sidebar .recentPost ul            { list-style:none;padding:0px;margin:0px 10px 0px 0px;}
#sidebar .recentPost li { padding:0 0 0 25px;font-family:"Franklin Gothic Medium";color:#ffffff;font-size:9pt;margin-left:0px ; background:url(images/i3.gif) 10px 0 no-repeat;}
#sidebar .recentPost .cnt { font-size:7pt; font-family:'Franklin Gothic Medium';  color:#B8E1FC;}
#sidebar .recentPost a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .recentPost a:visited {color: #ffffff; text-decoration: none;}
#sidebar .recentPost a:active {color: #ffffff; text-decoration: none;}
#sidebar .recentPost a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .recentComment {overflow:hidden}
#sidebar .recentComment ul            { list-style:none;padding:0px;margin:0px 10px 0px 0px;}
#sidebar .recentComment li            { padding:0 0 0 25px;font-family:"Franklin Gothic Medium";color:#ffffff;font-size:9pt;margin-left:0px ; background:url(images/i3.gif) 10px 0 no-repeat;}
#sidebar .recentComment .date {font-size:8pt;font-family:"Franklin Gothic Medium";color:#ffffff;margin-bottom:5px}
#sidebar .recentComment a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer}
#sidebar .recentComment a:visited {color: #ffffff; text-decoration: none;}
#sidebar .recentComment a:active {color: #ffffff; text-decoration: none;}
#sidebar .recentComment a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .recentTrackback {overflow:hidden;}
#sidebar .recentTrackback ul           { list-style:none;padding:0px;margin:0px 10px 0px 0px;}
#sidebar .recentTrackback li           { padding:0 0 0 25px;font-family:"Franklin Gothic Medium";color:#ffffff;font-size:9pt;margin-left:0px ; background:url(images/i3.gif) 10px 0 no-repeat;}
#sidebar .recentTrackback .date {font-size:8pt;font-family:"Franklin Gothic Medium";color:#ffffff;margin-bottom:5px;}
#sidebar .recentTrackback a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .recentTrackback a:visited {color: #ffffff; text-decoration: none;}
#sidebar .recentTrackback a:active {color: #ffffff; text-decoration: none;}
#sidebar .recentTrackback a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .tagbox {font-family:"돋음", "dotum";margin-left:0px;width:240px;}
#sidebar .tagbox ul            { margin:0px;text-align:justify;}
#sidebar .tagbox li            { display:inline;}
#sidebar .tagbox a             { letter-spacing:normal;}	
#sidebar .tagbox li .cloud1    { color:#E0C8FF;  font-size:12px; }
#sidebar .tagbox li .cloud2    { color:#C8F1FF;  font-size:12px; }
#sidebar .tagbox li .cloud3    { color:#fffcc8;  font-size:12px; }
#sidebar .tagbox li .cloud4    { color:#F0FFC8;  font-size:12px; }
#sidebar .tagbox li .cloud5    { color:#ffC8E5;  font-size:12px; }
#sidebar .tagbox a:hover       { background-color:#36BEF7;  color:#FFFFFF;text-decoration:none; }

#sidebar .archive              { text-align:center;}
#sidebar .archive select       { background:url(images/bgSearch.gif); no-repeat; text-align:center;font-size:12px;font-family:"Franklin Gothic Medium";width:220px;border:0px solid #afafaf;color:#FFFFE8;}

/*----------------------------------------------- 버튼 모듈 시작 -----------------------------------------------*/

#sidebar .button {overflow:hidden}
#sidebar .button ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .button li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .button a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .button a:visited {color: #ffffff; text-decoration: none;}
#sidebar .button a:active {color: #ffffff; text-decoration: none;}
#sidebar .button a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 기타 시작 -----------------------------------------------*/
#sidebar .others {overflow:hidden}
#sidebar .others ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .others li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .others a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .others a:visited {color: #ffffff; text-decoration: none;}
#sidebar .others a:active {color: #ffffff; text-decoration: none;}
#sidebar .others a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 베너 시작 -----------------------------------------------*/
#sidebar .banner {overflow:hidden}
#sidebar .banner ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .banner li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .banner a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .banner a:visited {color: #ffffff; text-decoration: none;}
#sidebar .banner a:active {color: #ffffff; text-decoration: none;}
#sidebar .banner a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 프로파일 모듈 시작 -----------------------------------------------*/
#sidebar .profiles {overflow:hidden}
#sidebar .profiles ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .profiles li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .profiles a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .profiles a:visited {color: #ffffff; text-decoration: none;}
#sidebar .profiles a:active {color: #ffffff; text-decoration: none;}
#sidebar .profiles a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 피드 모듈 시작 -----------------------------------------------*/	
#sidebar .subscriptions {overflow:hidden}
#sidebar .subscriptions ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .subscriptions li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .subscriptions a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .subscriptions a:visited {color: #ffffff; text-decoration: none;}
#sidebar .subscriptions a:active {color: #ffffff; text-decoration: none;}
#sidebar .subscriptions a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

/*----------------------------------------------- 방문자 모듈 시작 -----------------------------------------------*/	
#sidebar .visitorinfo{overflow:hidden}
#sidebar .visitorinfo ul            { list-style:none;padding:0px;margin:0px 0px 0px 0px;}
#sidebar .visitorinfo li            { font-family:"Dotum", "돋움";font-size:9pt;margin:0px; }
#sidebar .visitorinfo a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .visitorinfo a:visited {color: #ffffff; text-decoration: none;}
#sidebar .visitorinfo a:active {color: #ffffff; text-decoration: none;}
#sidebar .visitorinfo a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .recentTrackback a:link {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#sidebar .recentTrackback a:visited {color: #ffffff; text-decoration: none;}
#sidebar .recentTrackback a:active {color: #ffffff; text-decoration: none;}
#sidebar .recentTrackback a:hover {color: #ffffff; text-decoration: none; border-bottom-style:none; cursor:pointer;}

#sidebar .counter              { font:12pt "Franklin Gothic Medium";text-align:center; letter-spacing:0;color:#656565;margin-top:10px;}

#sidebar .banners {text-align:center;padding:0px;margin:0px 0px 0px 0px;}


/*----------------------------------------------- 푸터 시작 -----------------------------------------------*/
#footer	a	{ margin-top:20px;}
#footer a:link {color: #FFE8E8; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#footer a:visited {color: #FFE8E8; text-decoration: none;}
#footer a:active {color: #FFE8E8; text-decoration: none;}
#footer a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#footer	.copyright {margin-top:5px;color:#FFE8E8;position:relative;}
#footer	.name      { font:8pt "Dotum", "돋움";font color:#FFE8E8; letter-spacing:-1px;}

#footer .footmenu	{ color:#FFE8E8; font-family:"Franklin Gothic Medium"; font-size:13pt;letter-spacing:1px; margin-top:5px; margin-bottom:5px; padding:10 10 10 10; }
#footer .footmenu .cc           { color:#FFE8E8;;margin-left:0px ; background:url(http://i.creativecommons.org/l/by-nc-nd/2.0/kr/80x15.png) 0 no-repeat;}
#footer .footmenu .menu            { padding:0 0 0 25;font-family:"Franklin Gothic Medium";color:#FFE8E8; margin-left:0px ; background:url(images/bullet_bar.gif) 0 no-repeat;}
#footer .footmenu .menu a:link {color: #FFE8E8; text-decoration: none; border-bottom-style:none; cursor:pointer;}
#footer .footmenu .menu a:visited {color: #FFE8E8; text-decoration: none;}
#footer .footmenu .menu a:active {color: #FFE8E8; text-decoration: none;}
#footer .footmenu .menu a:hover {color: #B8E1FC; text-decoration: none; border-bottom-style:none; cursor:pointer;}