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

/* 본문 공통 */
body{
		font:12px/1.5 Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
		color:#9a9b9d;
		background: #fff url(images/snowbg_ori2.jpg); background-repeat:repeat;    background-attachment:fixed;

                margin:0;
                padding:0;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#333; text-decoration:line-through;  }
a:active        { color:#333;     text-decoration:none;}

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


/* 종류별 코멘트 [##_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 5px 0px;
        border:none;
	background:none;
	vertical-align:middle;
	}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:0px; 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:12px;  font-weight: normal; }
h4              { font-size:1em;}
input           { 
                     border-left-color: #aaa; border-top-color: #999; border:1px solid #fff; color:#aaa; }
textarea        {                          border-left-color: #aaa; border-top-color: #999;border:1px solid #ddd;color:#aaa;}

/* 블로그 레이아웃 */

#container {
		width:815px;
		margin:0px auto; 
		padding:0px;  
		background-color:#; border-right: px solid #333; 
}
#header {
		margin:0px;
                width:372px;
                height:100%;
                padding:10px 0px 0px 0px; border-left: 1px solid #333;   float:left;


}
#content {
		float:right;
		width:500px;
                padding:0px 40px 40px 9px; border-left: 1px solid #333; margin-top: 0px; 

		
overflow:hidden;

 
}
#sidebar {
		float:left;
		width:262px;
                padding:0px 0px 50px 0px; 
               overflow:hidden; 
}


#footer {
		clear:both;
		margin:0;
                padding:0;
                border-top: px solid #333; width : 150px;
}

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

#header .bloglogo a        { padding-left: 10px; margin:0px; float:left; width:200px; height:100%; background-color:#;   color:#333; font:24px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight:bold;  border-left: 1px solid #333;  margin-left: -1px;  }

#header .bloglogo a:hover       { color:#333; text-decoration:none;}



/* ***** content ***** */
#content .nonEntry {width:468px; 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:468px; padding:15px 40px 0px 0px; margin:0px; border-top:px solid #ccc;}


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



#guestbook                        { padding:10px 0px 40px 0px; margin-bottom:4px; 
                                           width:468px; overflow:hidden;} 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:11px/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:#aaa;}
#guestbook .name                 { color:#aaa; font-weight:bold;text-transform:uppercase;}
#guestbook .name a               { color:#919090; font-weight:bold;text-transform:uppercase;}
#guestbook li .name img {  float : right;  padding:3px; margin:3px;  }
#guestbook ol li                    { padding-bottom:10px; border:px solid #f9f9f9; margin-top:20px;
                                           background:#;}
#guestbook ol li.ad           { padding-bottom:10px; border:px solid #aaa; margin-top:20px;
                                           background:#; color:#333; }
#guestbook .control a            { color:#ccc; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#222;  text-decoration:none;}
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:20px;color:#aaa;}
#guestWrite input               { width:250px;padding:5px; color:#333; border:1px solid #ddd;}
#guestWrite textarea            { width:456px; padding:5px; position:relative; top:-16px;
                                              height:100px;overflow:auto;color:#333;
                                             font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;}
#guestWrite .homepage           { width:250px;padding:5px;}
#guestWrite .submit             { width:100px;  height:25px;  
                                                font:11px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; position:relative; top:-15px;     padding:2px 0px 5px 0px; text-align:center;color:#333;  
                                                border:none; background: #fff;   float: right; font-weight: bold;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; 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:12px;  line-height:1.3em;}
.titleWrap               { padding-bottom:10px;  margin-bottom:5px;}
.titleWrap h2 a          {color:#333; font-weight: bold;  }
.titleWrap h2 a:hover          { color:#333; }
.titleWrap .category a   { font:1em Dotum, Arial, sans-serif;  color:#888;  margin-right:6px;}
.titleWrap .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}

.titleWrap .commentCount {float:none; margin-right:5px;  font-size:0.8em; width:24px; text-align:center; padding:0px; margin-top:0px;  background:url(images/re_count.gif) no-repeat; height:17px;}
.titleWrap .commentCount a { font-size:0.9em;   text-decoration:none; padding:0px 0px 0px 0px;}



.entryProtected p.text   { padding-left:0px; font-color : #333;}
.entryProtected input    { width:140px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#fff;}


.article                 { width:500px; margin:0px; overflow:hidden;color:#333;  font:12px/1.6 "Gulim",Dotum, Arial, sans-serif;  }

.article a:link          { color:#666;  text-decoration:none; font-weight: bold; }
.article a:visited       { color:#666;  text-decoration:none; font-weight: bold;}
.article a:hover         { color:#333;  text-decoration:line-through; }
.article a:active        { color:#666;  text-decoration:none;}







.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:px solid #eee;  padding:px;  clear:both;
                                font:11px/1.5 Arial,Verdana; color:#333; background:#; text-align:left; height:35px;  }
.actionTrail a           { color:#999;}
.actionTrail a:hover     { color:#333;}

.trackback               { background-color:#; padding:0px; margin-bottom:4px;  width:448px;  overflow:hidden;}
.trackback h3            { font:11px Verdana; color:#aaa;    margin:5px 5px 10px 0px; text-align:left;}
.trackback h4            { font:11px Verdana; color:#aaa;   text-align:left;}
.trackback p                        { margin:3px 0 0 0; padding:0; font:11px/1.6 Arial, Gulim, sans-serif;}
.trackback ol                       { margin:3px 0 0 0; padding:0; font:11px/1.6 Arial, Gulim, sans-serif;}

.commentCount {  font:17px/1.6  Arial, Gulim, sans-serif;}

.comment                          { padding:10px 0px 10px 0px; margin-bottom:4px; 
                                           width:468px; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0; font:11px/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:#aaa;}
.comment .name                 { color:#aaa; font-weight:bold; }
.comment  li .name img { float : right;  padding:3px; margin:3px; border: px solid #eee; }


.comment .name a               { color:#919090; font-weight:bold;  }
.comment .name a:hover     { color:#575a5d;     }
.comment ol li                    {padding-bottom:10px; border:px solid #f9f9f9; margin:10px 0px 0px 0px;
                                           background:#;  }
.comment ol li.ad           { padding-bottom:10px; border:px solid #aaa; margin:10px 0px 0px 0px;
                                           background:#; color: #333;  }



.comment .control a            { color:#666; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
.comment .control a:hover  { color:#aaa; text-decoration:none;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite                     { padding:25px 0px 5px 0px ; margin:0px;color:#aaa;}
.commentWrite input               { width:250px;padding:5px; color:#333; border:1px solid #ddd;}
.commentWrite textarea            { width:456px; padding:5px; position:relative; top:-16px;
                                                  height:100px;overflow:auto;color:#333;
                                                 font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;}
.commentWrite .homepage           { width:250px;padding:5px;}
.commentWrite .submit             { width:100px;  height:25px;  
                                                font:11px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; position:relative; top:-15px;   padding:2px 0px 5px 0px; text-align:center;color:#333;  
                                                border:none; background: #fff;   float: right;  font-weight: bold; }
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox          {border:none; padding:0;	margin:0; width:25px; background:none;}




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




#paging            { border-left: px solid #333;  text-align:left;  width:252px; padding-bottom:0px; margin:0px; }
#paging .sidebar-nextprev { overflow: hidden; width: 252px;  }
#paging .sidebar-nextprev li { border-left: px solid #ccc; float: left; height: 40px; list-style: none; width: 102px; }
#paging .sidebar-nextprev li.previous { border-right: px solid #ccc;    }
#paging .sidebar-nextprev li.next { border-left: px solid #ccc; float: left;  margin-left: -1px;  }
#paging .sidebar-nextprev li a { border-left: px solid #ccc; border: 0; color: #aaa; display: block; font-size: 0.9em; font-weight: bold; height: 40px; margin-left: -1px; padding:15px 10px 0px 10px;   }
#paging .sidebar-nextprev li a:hover { color: #333;  text-decoration:none; }
#paging. sidebar-nextprev li a span { cursor: pointer; display: block; padding: 15px 0px 0px 10px; }





#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 20px 0px;  background: #; }
#searchBox input         { width:180px;  height:13px;  padding:5px;
                                   font:12px Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif; background: #fff; border-left: 1px solid #333;      }

#sidebar h3 a:hover			{ cursor:pointer;    }
#sidebar h3 span:hover		{   color:#333;   }
#sidebar h3 			{ padding-left:10px; padding-bottom:px; margin-bottom: px;  margin-top: 3px; font-size:1.2em;   background: #fff; width: 80px;  color:#333; border-left: 1px solid #333; font-weight: bold ;  }
#sidebar ul					{ padding-left:10px; margin:0; list-style:none; color:#333; }
#sidebar li					{ padding-bottom:2px; list-style:none; color:#333;  }


#sidebar .cnt						{ font-size:11px; color:#ccc; font-weight:normal;}
#sidebar .name					{ color:#aaa;}
#sidebar .date					{ font-size:9px; color:#aaa; font-weight:normal;}





#category h3 {border-top:1px solid #333; }
#recentPost, 
#recentComment,
#recentTrackback,
#calendar				{ padding-bottom:10px;}
#archive				{ font:9px verdana, dotum; padding-bottom:10px;}


#link						{ font:11px verdana, dotum; padding-bottom:10px;}












/* ***** footer ***** */
#footer .copyright          { text-align:left;  padding:5px 0px 0px 10px;  font:11px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;color:#666;  repeat-x 0 0; width: 240px; border-left: 1px solid #333;}
#footer .copyright  a        { color:#333;   }
#footer .copyright  a:hover  { color:#999;}