@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px/1.5 Arial;
		color:#333;
		background-color: #;
                margin:0;
                padding:0;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#333;  background:  yellow; }
a:active        { color:#333;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
  .selected               { font-weight:normal;  color:#333;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               {  padding:0px; }
    .rp_secret              { color:#9a9b9d;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { padding:0px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { padding:0px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
 /* 그림 */
    .imageblock {
	border:none;
	margin:0;
	padding:0;
	}

.imageblock img {
	padding:0px 0px 10px 0px;
        border:none;
	background:none;
	vertical-align:middle;
	}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img {-ms-interpolation-mode:bicubic; border:0;} 
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { background: #fff url(images/bg-input-gradient.png) repeat-x 0 0; 
                     border-left-color: #aaa; border-top-color: #999;border:1px solid #ccc;color:#aaa;}
textarea        {  background: #fff url(images/bg-input-gradient.png) repeat-x 0 0; 
                        border-left-color: #aaa; border-top-color: #999;border:1px solid #ccc;color:#aaa;}

/* 블로그 레이아웃 */

#container {
		width:800px;
		margin:0px auto; 
		padding:0px;  
		background-color:#fff;
}
#header {
		margin:0px;
                width:800px;
                height:50px; background-color: #;
                padding:40px 0px 10px 0px; border-bottom: 1px solid #ccc;
}
#content {
		float:left;
		width:565px;
                padding:0px 27px 50px 0px; 
		overflow:hidden;

}
#sidebar { 
		float:right;
		width:200px; 
                padding:10px 0px 20px 8px; margin-bottom: 30px;
                overflow:hidden; background: #ccc; margin-top: 20px; 
                -webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 0px #e9e9e9;
	-moz-box-shadow: 2px 2px 0px #eee;
}


#footer {
		clear:both;
		margin:0;
                padding-top:0px;
                border-top: 1px solid #ccc;
}

/* ***** Header ***** */        


#header .bloglogo         { padding: 0; margin:0px; float:left; width:350px; height:20px; background-color: #; font: 20px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold;  }
#header .bloglogo p{font: 9px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  color:#8fbcc6; margin-top: 3px; }
#header .blogMenu      { text-align:right; 
                                     padding: 0px 0px 0px 0px; margin:0px; float:right; width:400px; 
                                      height:80px; }
#header .blogMenu ul   { margin:0;  padding:0px;  list-style:none;}
#header .blogMenu li   { display:inline;  margin:0px;  padding:0px 0px 0px 20px;}
#header .blogMenu li a{ color:#333;font:1.0em Arial, Georgia, Dotum, AppleGothic, Sans-serif;font-weight:bold;
                              text-decoration:underline;     }
#header .blogMenu li a:hover  { background:  yellow; }


/* ***** content ***** */
#content .nonEntry {width:565px; padding:15px 0px 0px 0px; margin:0px;border-top:px solid #ccc;}
#content .nonEntry h3   { padding-bottom:10px;  margin-bottom:5px;   }

#content .entryNotice, 
#content .entryProtected, 
#content .entry             { width:565px; padding:20px 40px 0px 0px; margin:0px; border-top:px solid #ccc;  }
#content .entry h3            { font-size: 12px;}


#searchList ol, 
#searchRplist ol            { list-style:none;  padding:10px 0px 10px 0px;  margin:0;}
#searchList li, 
#searchRplist li            { border-bottom:1px solid #fff;  padding-bottom:5px;  margin-bottom:4px;}
#searchList .date, 
#searchRplist .date         { font:1.0em Arial, Verdana, Helvetica, Gulim, sans-serif;  margin-right:5px;  color:#ccc; }
#searchList .cnt            { font:0.8em Arial, Verdana, Gulim, sans-serif;  color:#ccc; padding:0px 0px 0px 0px;} 
#searchRplist .name         { font:0.95em Arial, Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}



#guestbook                        { padding:10px 0px 10px 0px; margin-bottom:4px; 
                                           width:565px; overflow:hidden;} 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:12px/1.6 Arial, Gulim, sans-serif;}

#guestbook h3                       { display:none;}
#guestbook ol,
#guestbook ul                       { margin:0;  padding:0;  list-style:none;}

#guestbook .date                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
#guestbook .name                 { color:#333; }
#guestbook .name a               { color:#333;  }
#guestbook .name a:hover               {  text-decoration:underline;}

#guestbook ol li                    { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px;
                                           background:#fff;}
#guestbook ol li.ad           { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px;
                                           background:#e9e9e9;}
#guestbook .control a            { color:#999; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#999;}
#guestWrite label                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:0px;color:#aaa;}
#guestWrite input               { width:250px;padding:5px; color:#aaa;}
#guestWrite textarea            { width:540px; padding:5px; position:relative; top:0px;
                                              height:100px;overflow:auto;color:#aaa;
                                             font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;}
#guestWrite .homepage           { width:250px;padding:5px;}
#guestWrite .submit             { width:110px;  height:25px;  margin-top: 15px;
                                                font:11px Arial, sans-serif; position:relative; 
                                               padding:2px 10px 2px 10px; text-align:center; color:#fff;  
                                                border:none; background:red;    
             -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #ccc; -moz-box-shadow: 2px 2px 0px #ccc;}

#guestWrite .submit:hover { -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #aaa; -moz-box-shadow: 2px 2px 0px #aaa; } 

.commentWrite .secretWrap         { float:right; position:relative; top:-13px; left:-10px;}
#guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                {   font-size:1.3em;  line-height:1.2em; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;  letter-spacing: 0px; }
.titleWrap               { padding-bottom:7px; padding-top:7px;   margin-bottom:0px; }

.titleWrap h2 a          {color:#333; padding-bottom:7px; padding-top:7px;   margin-bottom:0px; }
.titleWrap h2 a:hover          { color:#333;  background:  yellow;  text-decoration:underline;}
.titleWrap .category a   { font:1em Dotum, Arial, sans-serif;  color:#888;  margin-right:6px; }





.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;}


.article                 { width:565px; margin:0px; overflow:hidden;color:#333;  padding-top: 10px; padding-bottom: 15px;  }

.article a:link          { color:#333;  text-decoration:underline;  }
.article a:visited       { color:#333;   text-decoration:underline;}
.article a:hover         { color:#333;  text-decoration:underline;}
.article a:active        { color:#333;   text-decoration:underline;}
         .article img {    }
         .article img:hover {     }






.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}


.actionTrail             { border-top:1px solid #eee; border-bottom:1px solid #eee;  padding:7px;  clear:both;
                                font:11px/1.7  Dotum, Verdana, AppleGothic; color:#8fbcc6;  text-align:left; height:100%;}
.actionTrail a           { color:#333;}
.actionTrail a:hover     { color:#333; text-decoration:underline;}
.actionTrail .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif; margin-bottom:15px;  }

.reply             { padding:7px;  clear:both;
                                font:11px/1.7  "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  color:#333;  text-align:left; height:100%;}
.reply a           { color:#8fbcc6;}
.reply a:hover     { color:#333;}





.comment                          { padding:0px 0px 10px 0px; margin-bottom:4px; 
                                           width:565px; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0; font:12px/1.6 Arial, Gulim, sans-serif;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em Arial, Gulim, sans-serif;  color:#999; }
.comment .name                 { color:#333;  }



.comment .name a               { color:#333;    }
.comment .name a:hover     { color:#333;   text-decoration:underline;  }
.comment ol li             { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;  margin:10px 0px 0px 0px;           background:#fff;   }
.comment ol li.ad           { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;  margin:10px 0px 0px 0px;                                           background:#e9e9e9;    }

.comment .control a            { color:#999; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 0px;}
.comment .control a:hover  { color:#999;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite label                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
.commentWrite                     { padding:20px 0px 5px 0px ; margin:0px;color:#666;}
.commentWrite input               { width:250px;padding:5px; color:#666;}
.commentWrite textarea            { width:552px; padding:5px; position:relative; top:0px;
                                                  height:100px;overflow:auto;color:#666;
                                                 font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;}
.commentWrite .homepage           { width:250px;padding:5px;}
.commentWrite .submit             { width:110px;  height:25px;  margin-top: 10px;
                                                font:11px Arial, sans-serif; position:relative; 
                                               padding:2px 10px 2px 10px; text-align:center; color:#fff;  
                                                border:none; background:red;    
             -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #ccc; -moz-box-shadow: 2px 2px 0px #ccc; }

.commentWrite .submit:hover { -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #aaa; -moz-box-shadow: 2px 2px 0px #aaa; color: yellow; } 
.commentWrite .secretWrap         { float:right; position:relative; top:-13px; left:-10px;}
.commentWrite .checkbox          {border:none; padding:0;	margin:0; width:25px; background:none;}




/* ***** sidebar ***** */


		/* paging */
#paging            { padding:50px 0px 20px 0px;  text-align:left;  font-size:0.9em; letter-spacing:-1px; color:#333; }
#paging .numbox    { margin:0px;  font:0.8em;  color:#333;}  
#paging .num { margin:0px 2px 0px 2px;color:#ccc;border:1px solid #f1f1f1; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#333;}

#paging .num:hover { margin:0px 2px 0px 2px;border:px solid #B9B19D; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#333; background-color:yellow; color:#333; }



#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { padding:0;  margin:0;  color:#333; }
#sidebar h3                    { font-size:1.2em;  font-weight:bold; color:#fff; padding-top:7px; border-top:px solid #ccc; margin-bottom:5px;   }

#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu li         { display:inline; background:none; }

#searchBox               { text-align:left; padding:0px 0px 0px 0px; }
#searchBox input         { width:178px;  height:13px; border:1px solid #ccc; padding:5px;
                                   font:12px Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  background-color:#f2f2f2;
  -webkit-border-radius: 6px;
	-webkit-box-shadow: 2px 2px 0px #bbb;
	-moz-box-shadow: 2px 2px 0px #bbb;}








/* *****  side tab menu ***** */

#about li {font: 10px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding: 0px 0px 5px 2px; }
#about li a {text-decoration:underline;}
#category { margin:5px 0;padding:0px 3px 0px 3px;border-top:px solid #eee;width:294px;}
#category UL { padding: 0px 0px 0px 0px;margin: 0; list-style-type: none;}
#category li a {color:#333; text-decoration:none; font:11px/1.7  Arial,"Gulim",Dotum, Verdana;   }
#category li a:hover { color:#333; text-decoration:underline;}

#recent { margin:5px 0;padding:0px 3px 0px 3px;border-top:px solid #eee;width:296px; }
#recent UL { padding: 0px 0px 0px 0px;margin: 0; list-style-type: none; }
#recent li { padding: 0px 0px 2px 0px;margin: 0; list-style: none; font:11px/1.7  Arial,"Gulim",Dotum, Verdana;  }
#recent li a { color:#333; text-decoration:none; font:11px/1.7  ,Dotum, Verdana, AppleGothic; }
#recent li a:hover {color:#333;text-decoration:underline; }


#comments  { margin:5px 0;padding:0px 3px 0px 3px;border-top:px solid #eee;width:294px;}
#comments  UL { padding: 0px 0px 0px 0px;margin: 0; list-style-type: none;}
#comments li { padding: 0px 0px 2px 0px;margin: 0; list-style: none; font:11px/1.5  Arial,"Gulim",Dotum, Verdana;  }
#comments li a { color:#333; text-decoration:none; font:11px/1.7  Dotum, Verdana, AppleGothic; }
#comments li a:hover { color:#333; text-decoration:underline; }



#archive { margin:5px 0;padding:0px 3px 0px 3px;border-top:px solid #eee;width:296px; }
#archive UL { padding: 0px 0px 0px 0px;margin: 0; list-style-type: none; }
#archive li { padding: 0px 0px 2px 0px;margin: 0; list-style: none; font:11px/1.7  Dotum, Verdana, AppleGothic;  }
#archive li a { color:#333; text-decoration:none; font:11px/1.7  Dotum, Verdana, AppleGothic; }
#archive li a:hover {color:#333;text-decoration:underline; }










/

/* ***** footer ***** */
#footer .copyright         {  padding:20px 0px 10px 0px;   }
#footer .copyright p       { text-align:right;  padding:20px 0px 0px 0px;  font:12px/1.5 'Trebuchet MS', Trebuchet, Verdana, sans-serif; color:#333; }
#footer .copyright  a        { color:#8fbcc6;}
#footer .copyright  a:hover  { color:#333;}