@charset "utf-8";
@font-face {font-family: snoot.org pixel10; src:url(./images/SNOOTOR0.eot);}
@font-face {font-family:xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot);}

/* 본문 공통 */
body{
		font-family:Dotum, 돋움;
		font-size:11px;
		color:#333;
		padding:0px;
		margin:0px;
                  line-height:16px;
		background:url(./images/h27.gif);
      
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#a071b1;  text-decoration:none;}
a:active        { color:#333;     text-decoration:none;}
h3 {font:11px Dotum; margin-bottom:3px;}


/* 레이아웃 */


#container { 
position: absolute;
top:50%;
left:50%;
width:830px;
height:480px;
margin-left:-380px; /*** width  1/2 ***/
margin-top:-230px; /*** height  1/2 ***/
}

#diarybox { 
position: relative;
width:830px;
height:480px;
background: url('./images/diary.gif') no-repeat; 
float:left;}

#banner{position: absolute;
width:199px; height:172px; left:630px; top:5px; }

#sidebar {
position: absolute;
background: url('./images/sidebar.gif') no-repeat;
width:199px; height:172px; left:630px; top:266px;
padding-top:43px;
}


#content {
overflow-x: hidden;
overflow-y:scroll;
display:block;
position: absolute;
top:52px;
left:214px;
width:370px;
height:320px;

scrollbar-base-color:#fff;
scrollbar-face-color:#ffefef;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#7f5b4b;
scrollbar-3dlight-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;}

#noticeButton {position: absolute;top:380px;left:212px;width:63px;height:29px;}
#noticeButton a { display:block; width:63px; height:29px;}
#noticeButton a:hover { ddisplay:block; width:63px; height:29px;}
#noticeButton a:active, 
#noticeButton a:focus{ outline:none;}

#tagButton {position: absolute;top:380px;left:281px;width:63px;height:29px;}
#tagButton a { display:block; width:63px; height:29px;}
#tagButton a:hover { display:block; width:63px; height:29px;}
#tagButton a:active, 
#tagButton a:focus{ outline:none;}

#entryButton {position: absolute;top:380px;left:508px;width:63px;height:29px;}
#entryButton a { display:block; width:63px; height:29px;}
#entryButton a:hover { ddisplay:block; width:63px; height:29px;}
#entryButton a:active, 
#entryButton a:focus{ outline:none;}

.searchList{ margin-bottom:10px; }
.searchList ul {margin:0; background-color:#FFF5EE; border-top:1px dashed #FFC0CB; border-bottom:1px dashed #FFC0CB;padding:5px;}
.searchList li {list-style:none; background:url(./images/star.gif) no-repeat; padding-left:16px;}

.searchResult {color:#DB7093;}
.cnt {margin-right:5px;}

.titleWrap h2  { border-bottom:1px dashed #ccc; padding-left:25px; margin-bottom:20px; color:#222; 
font-size:13px; height:22px;}

.date {text-align:right; margin-right:10px;
font-family:xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot); color:#DB7093;
font-size:6px;
}

.blogTitle{
position: absolute;
top:26px;
left:16px;
width:167px;
height:85px;
text-indent: -999em;}

.blogTitle a { display:block; width:167px; height:85px; background:url("./images/title.gif") top no-repeat; margin:0 auto;}
.blogTitle a:hover { display:block; width:167px; height:85px; background:url("./images/title.gif") top no-repeat; margin:0 auto;}
.blogTitle a:active, 
.blogTitle a:focus{ outline:none;}

.admin{background-color:#DCDCDC; padding-left:6px; padding-top:2px;}

.article{margin-bottom:20px; padding-left:10px;}



.tagTrail{
border-top:1px dashed #FFC0CB; border-bottom:1px dashed #FFC0CB;
background:url("./images/tag.gif") 4px 2px no-repeat; padding-top:4px; padding-left:54px; color:#222; margin-bottom:10px; 
width:295px; height:20px; background-color:#FFF5EE; vertical-align:center;
}

.paging{ 
font-family:xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot);
font-size:6px;
height:14px;
margin-bottom:20px;
text-align:center;
}

.numbox{
font-family:xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot); color:#DB7093;
font-size:6px;
}
.num{
font-family:xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot); color:#DB7093;
font-size:6px;
}

.calender{
position: absolute;
top:135px;
left:30px;
width:137px;
height:112px;
}

.cal_month 
{font-family: snoot.org pixel10; src:url(./images/SNOOTOR0.eot);
font-size:12px; height: 12px;} 
.cal_week1
{ font-famaily:dotum; font-size:11px; font-weight:normal;}
.cal_week2
{ color:#ff939e; font-weight:normal;}
.cal_day
{ font:6px xpaider pixel explosion 01;src:url(./images/XPAIDER0.eot);
color:#663333; text-align:center; height:15px;}
.cal_day4
{ color:#000; background-color:#ffefef;}
.cal_day_sunday 
{ color:#ff939e !important;}
.cal_day_sunday a
{ color:#ff939e !important;} 
a.cal_click:link 
{ color:#333; text-decoration:underline;}
a.cal_click:visited 
{ color:#333; text-decoration:underline;}
a.cal_click:hover
{ color:#614b41; text-decoration:underline;}

.taglog {
height:1px; background-color:#FFF5EE; 
border-top:1px dashed #FFC0CB; border-bottom:1px dashed #FFC0CB;
margin-bottom:10px;
padding:5px;}
.taglog ul {margin:0px;}
.taglog li {margin-left:0px; display:inline;}
.taglog li .cloud1{
    background-color:#e0f0ff;    
    font-weight:bold;  
    color : #2486e1; }
.taglog li .cloud2{
    background-color:#d9b6ed;    
    font-weight:bold;      
    color : #333366;}
.taglog li .cloud3{    
    background-color:#ffffcc;    
    font-weight:bold;      
    color : #873e78;}
.taglog li .cloud4{    
   color : #333;    }

/* tag cloud*/
.tagbox{
position: absolute;
top:296px;
left:31px;
width:131px;
height:95px;
overflow-x: hidden;
overflow-y:scroll;
padding:3px;
}
.tagbox ul { padding:0; text-align: justify; margin:0;}
.tagbox a {    letter-spacing:-1px;    }    
.tagbox li  { display:inline;}
.tagbox li .cloud1 {       /* 사이드바의 태그 클라우드 스타일을 바꿔보세요 */
    background-color:#e0f0ff;    
    font-weight:bold;  
    color : #2486e1;  }
.tagbox li .cloud2 {
    background-color:#d9b6ed;    
    font-weight:bold;      
    color : #333366;  }
.tagbox li .cloud3 {
    background-color:#ffffcc;    
    font-weight:bold;      
    color : #873e78;  }
.tagbox li .cloud4 {
    background-color:#eee;  
    color : #14166c;  }
.tagbox li .cloud5 { 
    color : #333;  }    
.tagbox a:hover{
    background-color:#e0f0ff;  color:#a170bf;  }    


.skinby{
position: absolute;
top:400px;
left:18px;
width:160px;
height:35px;
text-align:center;
line-height:9px;
color:#56392c;
font-family: snoot.org pixel10; src:url(./images/SNOOTOR0.eot);
font-size:9px; 
}

.nihongo{font-family:'MS UI Gothic';font-size:8pt;}

.footer{
position: relative;
float:left;
width:610px;
top:445px;
text-align:center;
line-height:10px;
color:#56392c;
font-size 9px;
font-family: snoot.org pixel10; src:url(./images/SNOOTOR0.eot), tahoma, gulim, verdana, sans-serif;
}

/** moreless **/
.moreless_fold {background: url(./images/more.gif) no-repeat; padding-left:30px; top left no-repeat; color: #B4B4B4;}
.moreless_top {background: url(./images/less.gif) no-repeat; padding-left:30px; top left no-repeat; color: #B4B4B4;}
.moreless_body {padding: 5px; margin: 5px; border: 1px dotted #006; background: #EFFFAF;}
.moreless_bottom {background: url(./images/less.gif) no-repeat right; padding-right:30px; top right no-repeat; color: #B4B4B4; text-align:right;}