@charset "utf-8";
/* Common */
* {
margin:0;
padding:0;
}
html {
height:100%;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
body {
margin:0;
padding:0;
width:100%;
height:100%;
background:url(images/bg_all.jpg) center no-repeat #fff;
color:#8b0;
font:12px/1.8 "Malgun Gothic", "맑은 고딕", sans-serif;
}
body section {
border-top:1px solid #260;
height:100%;
overflow-y:scroll;
position:absolute;
width:100%;
}
body .inner {
overflow:hidden;
margin:0 auto;
padding:0 0 0 20%;
width:600px;
}
hr,.commentWrite label,.comment h3,.sidebarCenter .category,.sidebarCenter .name,.sidebarCenter h3,.sidebarCenter .calendar,.sidebar .categoryList,.sidebarCenterBottom .search .submit,.subtitle,.photoBox {
display:none;
}
input,textarea {
border:1px solid #aaa;
font:12px/1.8 "Malgun Gothic", "맑은 고딕", sans-serif;
}
td {
padding:5px;
}
img {
border:0;
}
ol,ul,li {
list-style:none;
}
a:active,.selected {
color:#260;
text-decoration:none;
font-weight:700;
text-align:center;
}
/* Part */
.whiteBg {
bottom:0;
height:95px;
overflow:hidden;
position:absolute;
width:100%;
background:url(images/bg_bottom.png) no-repeat bottom center;
}
div.inner {
width:600px;
background:url(images/bg_contents.png) top right repeat-y;
}
div.wrap {
overflow:hidden;
width:500px;
height:100%;
padding:0 50px 50px;
margin:0 auto;
}
h1 a{
color:#8b0;
font-weight:700;
position:absolute;
}
h1 a:hover {
color:#260;
text-decoration:none;
}
div h2 {
color:#fff;
display:block;
font-weight:700;
overflow:hidden;
position:relative;
width:500px;
margin:0px auto 0;
}
div h2 a:hover {
color:#260;
}
div h3 {
border-bottom:1px solid #ccc;
color:#8b0;
font-weight:700;
margin:35px 0 3px;
padding:0 0 1px;
}
div h3 span {
margin:0;
width:auto;
}
div .titleWrap {
margin:35px 0 0;
}
div .titleWrap .date {
color:#8b0;
letter-spacing:normal;
margin:0 0 05px;
}
div .titleWrap .admin {
border-top:1px solid #8b0;
color:#260;
margin:2px 0;
padding:5px 0;
text-align:right;
}
div .entryNotice h2 {
position:static;
}
div .article {
border-top:1px solid #8b0;
letter-spacing:normal;
margin:0 auto 20px;
padding:20px 0 0;
width:500px;
color:#333;
font-size:12px;
}
div .article h1,div .article h2,div .article h3,div .article h4,div .article h5,div .article h6 {
border:none;
color:#8b0;
display:block;
width:500px;
margin:10px auto 0;
position:static;
}
div .entry .tagTrail {
clear:both;
letter-spacing:normal;
}
div .entry .tagTrail a {
color:#260;
}
div .entry .tagTrail .tagText {
background:url(images/entryTag.gif) top left no-repeat;
display:block;
float:left;
height:0;
margin:4px 4px 0 0;
overflow:hidden;
padding:13px 0 0;
width:27px;
}
div .entry .actionTrail {
overflow:hidden;
border-bottom:1px solid #260;
border-top:1px solid #260;
clear:both;
color:#260;
margin:15px 0 0;
padding:6px 0 0;
}
div .entry .actionTrail a {
color:#260;
}
div .article ol,div .article ul {
margin:0;
padding:20px;
}
div .article ol li {
list-style:decimal outside;
margin:0;
padding:0;
}
div .article ul li {
list-style:circle outside;
margin:0;
padding:0;
}
div .article blockquote {
border-left:3px solid #8b0;
margin:10px 0 10px 20px;
padding:0 0 0 6px;
}
.author {
margin:0 7px 0 0;
text-align:right;
}
.commentWrite {
padding:8px 0;
}
.commentWrite input,.commentWrite textarea {
border:3px solid #680;
color:#260;
height:22px;
margin:1px 0;
padding:3px 0 0 60px;
width:500px;
}
.commentWrite textarea {
background:url(images/bgComment.gif) 0 0 no-repeat #fff;
height:70px;
padding:22px 9px 9px;
width:477px;
}
.commentWrite input.name {
width:435px;
padding:0 0 0 60px;
background:url(images/bgName.gif) 0 0 no-repeat #fff;
}
.commentWrite input.home {
width:435px;
padding:0 0 0 60px;
background:url(images/bgHome.gif) 0 0 no-repeat #fff;
}
.commentWrite input.pass {
width:435px;
padding:0 0 0 60px;
background:url(images/bgPass.gif) 0 0 no-repeat #fff;
}
.commentWrite .submit {
border:0;
height:22px;
margin:4px 0 0;
padding:0;
width:150px;
}
.comment .secretWrap .checkbox {
border:0;
height:20px;
margin:113px 0 0 410px;
padding:0;
position:absolute;
width:20px;
font-size:10px;
}
.comment .secretWrap label {
cursor:pointer;
display:block;
margin:112px 0 0 430px;
position:absolute;
}
.comment {
position:relative;
}
.commentList li {
border-bottom:1px solid #260;
margin:6px 0 0;
padding:10px 0 8px;
width:500px;
}
.commentList li .name {
color:#8b0;
float:left;
font-weight:700;
margin:0 7px 0 0;
}
.commentList li ul {
margin:0;
padding:0;
}
.trackback h3 {
background:none;
display:block;
margin:6px 0 0;
padding:8px 10px;
}
.trackback li {
border:1px solid #555;
margin:5px 0;
padding:10px;
}
.trackback li h4 {
font-weight:700;
letter-spacing:normal;
overflow:hidden;
width:450px;
}
.trackback li p {
border-top:1px dashed #260;
clear:left;
margin:4px 0 0;
overflow:hidden;
padding:7px 0 3px;
}
.trackback li .delete {
background:url(images/iconDelete.gif);
display:block;
float:right;
height:0;
margin:-33px 0 0;
overflow:hidden;
padding:9px 0 0;
width:22px;
}
.entryNotice {
margin:0 0 40px;
}
.entryProtected {
color:#260;
margin:0 0 50px;
}
.entryProtected p.text {
background:url(images/imgProtected.gif) no-repeat;
margin:20px 0 10px;
padding:0 0 0 50px;
}
.entryProtected input {
height:18px;
vertical-align:middle;
width:200px;
}
.entryProtected .submit {
background-color:#260;
height:20px;
padding-top:2px;
width:50px;
}
.guestbook li {
border-bottom:1px solid #260;
margin:6px 0 0;
padding:10px 0 8px;
}
.guestbook li .date {
color:#260;
}
.guestbook li .name {
color:#8b0;
float:left;
font-weight:700;
margin:0 7px 0 0;
}
.guestbook .commentWrite {
border-bottom:1px dashed #260;
}
.taglog .tagbox {
padding:10px 0 30px;
}
.taglog .tagbox li {
display:inline;
margin:0 5px 0 0;
}
.localog {
padding:0 0 40px;
}
.localog h3 {
margin:0 0 20px;
}
.localog .spot {
background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;
color:#260;
margin:5px 0 0;
padding:0 0 0 20px;
}
.localog .info {
background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;
margin:2px 0 0;
padding:0 0 0 15px;
}
.searchList ol,.searchRplist ol {
list-style:none;
margin:0 0 30px;
padding:5px;
}
.searchList li,.searchRplist li {
border-bottom:1px solid #680;
margin: 0 0 4px;
padding: 0 0 2px;
color:#260;
}
.searchList .date,.searchRplist .date {
margin:0 10px 0 0;
}
.searchList .cnt {
color:#f60;
}
.searchRplist .name {
color:#260;
padding:0 0 0 8px;
}
#paging {
font-weight:700;
padding:0 0 30px;
text-align:center;
}
.number {
font-weight:700;
margin:0;
padding:0 3px;
}
a.number:link,a.number:visited {
color:#8b0;
overflow:hidden;
}
a.number:hover {
color:#260;
text-decoration:none;
}
.sidebarCenter {
font-size:0.9em;
padding:2px 0 0;
}
.sidebarCenter div {
border-bottom:1px solid #555;
clear:both;
padding:0;
margin:0 0 -1px;
width:500px;
}
.sidebarCenter div ul {
clear:both;
padding:0 0 0 109px;
}
.sidebarCenter ol,.sidebarCenter ul {
list-style:none;
margin:0;
padding:0;
}
.sidebarCenter li {
display:inline;
margin:0 10px 0 0;
}
.sidebarCenter .recentTrackback ul li {
display:inline;
}
.sidebarCenter .notice li {
background:url(images/iconNotice2.gif) 7px 0px no-repeat;
text-indent:120px;
padding:0 0 0 25px;
}
.sidebarCenter .categoryList ul,.sidebarCenter .categoryList li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
.sidebarCenter .categoryList li {
background:url(images/btn_category0.gif) 7px 0px no-repeat;
padding:0 0 0 20px;
}
.sidebarCenter .categoryList li ul li {
background:url(images/btn_category2.gif) 7px 0px no-repeat;
padding:0 0 0 20px;
}
.sidebarCenter .categoryList li ul li ul li {
background:url(images/btn_category.gif) 7px 0px no-repeat;
padding:0 0 0 20px;
}
.sidebarCenter .categoryList {
background:url(images/bg_bar01.png);
}
.sidebarCenter .recentComment {
background:url(images/bg_bar02.png) top center repeat-y;
}
.sidebarCenter .tagbox {
background:url(images/bg_bar03.png) top center repeat-y;
}
.sidebarCenter .recentPost {
background:url(images/bg_bar04.png) top center repeat-y;
}
.sidebarCenter .recentTrackback {
background:url(images/bg_bar05.png) top center repeat-y;
}
.sidebarCenter .archive {
background:url(images/bg_bar06.png) top center repeat-y;
}
.sidebarCenter .tagbox li {
margin:0 3px -1px 0;
}
.sidebarCenter .notice ul {
background:url(images/barNotice1.gif) center left no-repeat;
}
.sidebarCenter .recentPost ul {
background:url(images/barRecentPost1.gif) center left no-repeat;
}
.sidebarCenter .recentComment ul {
background:url(images/barRecentComments1.gif) center left no-repeat;
}
.sidebarCenter .recentTrackback ul {
background:url(images/barRecentTrackback1.gif) center left no-repeat;
}
.sidebarCenter .tagbox ul {
background:url(images/barTagcloud1.gif) center left no-repeat;
}
.sidebarCenter .archive ul {
background:url(images/barArchive1.gif) center left no-repeat;
}
.sidebarCenter .categoryInner {
background:url(images/barCategory1.gif) center left no-repeat;
padding:0 0 0 110px;
width:380px;
}
.sidebarCenter .link ul {
background:url(images/barLink1.gif) center left no-repeat;
}
.sidebarCenterBottom {
margin:5px 0 0;
}
.sidebarCenterBottom input {
background:url(images/bgSearch.gif);
border:3px solid #680;
color:#8b0;
float:right;
height:16px;
line-height:14px;
margin:8px 0 0 -3px;
padding:3px 0 0 40px;
width:100px;
}
footer {
overflow:hidden;
position:relative;
float:left;
height:50px;
}
a:link,a:visited {
text-decoration:none;
}
a:hover,.localog a:hover {
color:red;
text-decoration:underline;
}
div h2 a,.commentList li .name a:link,.commentList li .name a:visited,.trackback li a,.guestbook li .name a:link,.guestbook li .name a:visited,.localog a:link,.localog a:visited,.sidebarCenter a:hover,#footer a:hover {
color:#8b0;
}
div .titleWrap .category a,#footer a {
color:#260;
}
div .titleWrap .admin a,.searchList a:link,.searchList a:visited,.searchRplist a:link,.searchRplist a:visited {
color:#8b0;
}
div .entry,div .guestList {
color:#666;
margin:10px 0 40px;
}
div .guestList a {
color:#260;
}
div .entry a {
color:#260;
}
div .article h5,div .article h6 {
font-size:1em;
}
.commentList li .date,.trackback li .date {
color:#260;
letter-spacing:normal;
}
.commentList li .name a:hover,.guestbook li .name a:hover {
color:#260;
}
.commentList li .name img,.guestbook li .name img {
vertical-align:middle;
}
.commentList li p,.guestbook li p {
clear:left;
overflow:hidden;
padding:4px 0 3px;
width:510px;
}
.commentList li ul li,.guestbook li ul li {
background:url(images/iconIndentArrow_local.gif) 25px 1px no-repeat;
border-bottom:none;
padding:0 0 7px 40px;
width:500px;
}
.commentList li ul li p,.guestbook li ul li p {
width:480px;
}
.commentList li .control,.guestbook li .control {
float:right;
margin:-5px -5px 0 0;

}
.commentList li .control a,.guestbook li .control a {
display:block;
float:left;
height:0;
margin:4px 0 0 3px;
overflow:hidden;
padding:9px 0 0;
}
.commentList li .control .address,.guestbook li .control .address {
background:url(images/iconAdd.gif);
width:23px;
}
.commentList li .control .modify,.guestbook li .control .modify {
background:url(images/iconModify.gif);
width:24px;
}
.commentList li .control .write,.guestbook li .control .write {
background:url(images/iconReply.gif);
width:28px;
}
.commentList .reply li .control,.guestbook .reply li .control {
margin:-22px 0 0;
}
.taglog .tagbox .cloud1,.sidebarCenter .tagbox a.cloud1:visited,.sidebarCenter .tagbox .cloud1,.sidebarCenter .tagbox a.cloud1:visited {
color:#260;
font-size:14px;
font-weight:700;
}
.taglog .tagbox .cloud2,.sidebarCenter .tagbox a.cloud2:visited,.sidebarCenter .tagbox .cloud2,.sidebarCenter .tagbox a.cloud2:visited {
color:#f40;
font-size:14px;
}
.taglog .tagbox .cloud3,.sidebarCenter .tagbox a.cloud3:visited,.sidebarCenter .tagbox .cloud3,.sidebarCenter .tagbox a.cloud3:visited {
color:#f00;
font-size:13px;
}
.taglog .tagbox .cloud4,.sidebarCenter .tagbox a.cloud4:visited,.sidebarCenter .tagbox .cloud4,.sidebarCenter .tagbox a.cloud4:visited {
color:#e0f;
font-size:12px;
}
.taglog .tagbox .cloud5,.sidebarCenter .tagbox a.cloud5:visited,.sidebarCenter .tagbox .cloud5,.sidebarCenter .tagbox a.cloud5:visited {
color:#508;
font-size:11px;
}
.taglog .tagbox a:hover,.sidebarCenter .tagbox a:hover {
text-decoration:underline;
}
.sidebarCenter a,.sidebarCenter a:visited {
color:#666;
}
.sidebarCenter .categoryList li ul,.sidebarCenter .categoryList li ul li ul {
margin:0;
padding:0;
}
.dock {
position:relative;
height:50px;
padding:0;
text-align:center;
z-index:100;
}
.dock-container {
position:absolute;
height:50px;
padding:0;
}
a.dock-item {
display:block;
width:40px;
color:#000;
position:absolute;
text-align:center;
text-decoration:none;
}
.dock-item img {
border:none;
margin:5px 10px 0;
width:100%;
}
.dock-item span {
display:none;
padding:0 0 0 20px;
}
#dock {
width:100%;
bottom:0;
position:absolute;
left:0;
}
.dock-container {
position:absolute;
height:50px;
padding:0 0 0 20px;
}
a.dock-item {
display:block;
width:40px;
color:#000;
bottom:5px;
position:absolute;
text-align:center;
text-decoration:none;
}
.dock-item span {
display:none;
padding:0 0 0 20px;
font-weight:700;
}
.dock-item img {
border:none;
margin:5px 10px 0;
width:100%;
}