@charset "euc-kr";
body {background-color:#CCCCCC}
a,input {selector-dummy :expression(this.hideFocus=true); text-decoration:none}
img {-ms-interpolation-mode:bicubic; border:none;}

/* layout */
#container {width:800px; margin:20px auto}
#header {height:200px; background-color:#555555; color:#ffffff}
#content {width:580px; background-color:#ffffff; float:left}
#sidebar {width:220px; background-color:#AAAAAA; float:right}

/* title */
.title {padding:20px 0px 0px 50px}
.title h1 a{font:25pt NanumGothic ; font-weight:boad; color:#ffffff}
.title h1 a:hover {color:#e1ebf9}

/* topmenu */
.topmenu {padding:45px 20px 0px 0px; text-align:right}
.topmenu ul li {list-style:none; display:inline; padding:5px}
.topmenu ul li a{font:8pt Trebuchet MS; color:#ffffff}
.topmenu ul li a:hover {color:#e1ebf9; text-decoration:underline}
#tt-body-search .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-archive .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-category .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-entry .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-notice .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-page .topmenu .menu_list a {color:#E1EBF9; text-decoration:underline}
#tt-body-media .topmenu .menu_media a {color:#E1EBF9; text-decoration:underline}
#tt-body-location .topmenu .menu_location a {color:#E1EBF9; text-decoration:underline}
#tt-body-tag .topmenu .menu_tag a {color:#E1EBF9; text-decoration:underline}
#tt-body-guestbook .topmenu .menu_guest a {color:#E1EBF9; text-decoration:underline}

/* sidebar */
#blogImage {padding:10px}
#blogImage img {width:200px}
#blogDesc {padding:0px 10px 10px 10px; font:8pt Gulim}
#blogDesc span {font-weight:bold; color:#FFFFFF}

#blogAdmin {padding:0px 10px 10px 10px; font:8pt Gulim; color:#E1EBF9}
#blogAdmin a {font:7pt verdana; color:#FFFFFF}
#blogAdmin a:hover {text-decoration:underline}

#blogNotice {padding:0px 10px 10px 10px}
#blogNotice ul {padding:0px; margin:0px}
#blogNotice ul li {list-style:none; height:18px}
#blogNotice ul li span {font:7pt verdana; color:#AAAAAA; background-color:#FFFFFF; padding:0px 3px}
#blogNotice ul li a {font:8pt Gulim; color:#FFFFFF; padding-left:5px}
#blogNotice ul li a:hover {text-decoration:none; color:#333333}

#blogSearch {padding:0px 10px 20px 10px}
#blogSearch .text, #blogSearch .submit {float:left}
#blogSearch .text input {width:128px; height:15px; font:8pt Gulim; color:#333333; background-color:#FFFFFF; border:0px}
#blogSearch .submit input {width:70px; height:17px; font:7pt Verdana; color:#333333; background-color:#E1EBF9; border:0px}

.sidename {padding:4px 10px 0px 10px; height:30px; background-color:#777777; font:12pt Trebuchet MS; font-weight:bold; color:#FFFFFF}

#blogCategory {padding:10px}
#blogCategory .c_cnt {font:7pt tahoma; color:#FFFFFF}
#blogCategory .ib {cursor:pointer}
#blogCategory .branch3 {font:8pt Gulim; cursor:pointer}

#blogTag {padding:10px}
#blogTag ul {padding:0px; margin:0px; text-align:justify; line-height:20px}
#blogTag ul li {list-style:none; display:inline}
#blogTag ul li .cloud1 {font:12pt Dotum; color:#E1EBF9; font-weight:bold}
#blogTag ul li .cloud2 {font:11pt Dotum; color:#FFFFFF}
#blogTag ul li .cloud3 {font:10pt Dotum; color:#333333}
#blogTag ul li .cloud4 {font:8pt Batang; color:#444444}
#blogTag ul li .cloud5 {font:8pt Gulim; color:#666666}
#blogTag ul li a:hover {border-bottom:#E1EBF9 1px dashed}

#blogPost,#blogComment,#blogTrackback,#blogArchive,#blogLink {padding:10px}
#blogPost ul,#blogComment ul,#blogTrackback ul,,#blogArchive ul,#blogLink ul {padding:0px; margin:0px}
#blogPost ul li,#blogComment ul li,#blogTrackback ul li,#blogArchive ul li,#blogLink ul li {list-style:none}
#blogPost ul li a,#blogComment ul li a,#blogTrackback ul li a,#blogArchive ul li a,#blogLink ul li a {font:8pt Gulim; color:#333333}
#blogPost ul li span {font:7pt tahoma; color:#E1EBF9}
#blogComment ul li span {font:8pt Dotum; color:#E1EBF9}
#blogPost ul li a:hover,#blogComment ul li a:hover,#blogTrackback ul li a:hover,,#blogArchive ul li a:hover,#blogLink ul li a:hover {color:#E1EBF9}


#blogCategory,#blogTag,#blogPost,#blogComment,#blogTrackback,#blogArchive,#blogLink {padding:10px}
#blogNotice ul,#blogPost ul,#blogComment ul,#blogTrackback ul,#blogArchive ul,#blogLink ul {padding:0px; margin:0px}

#blogCalendar {padding-bottom:10px; text-align:center}
#blogCalendar .cal_month {padding:4px 10px 0px 10px; height:30px; background-color:#777777}
#blogCalendar .cal_month a {font:10pt Trebuchet MS; color:#FFFFFF; font-weight:bold}
#blogCalendar .cal_week1 {padding:10px 10px 0px 10px; font:8pt Gulim; color:#555555; font-weight:normal}
#blogCalendar .cal_week2 {padding:10px 0px 0px 0px; font:8pt Gulim; color:#E1EBF9}
#blogCalendar .cal_week {padding:0px 10px !important}
#blogCalendar.cal_day {font:7pt verdana; color:#555555; text-align:center !important}
#blogCalendar .cal_day_sunday {font:7pt verdana; color:#E1EBF9 !important}
#blogCalendar .cal_day_sunday a {font:7pt verdana; color:#E1EBF9 !important}
#blogCalendar .cal_day3 {font:7pt verdana; color:#555555}
#blogCalendar .cal_day4 {font:7pt verdana; color:#000000; text-decoration:underline}
#blogCalendar a.cal_click {font:7pt verdana; color:#555555; font-weight:bold;}
#blogCalendar a.cal_click:hover {text-decoration:underline}

#count1 {padding:10px 10px 0px 10px; font:8pt verdana; color:#E1EBF9}
#count2 {padding:5px 10px; font:8pt verdana; color:#E1EBF9}
#count3 {padding:0px 10px 10px 10px; font:8pt verdana; color:#E1EBF9; font-weight:bold}
#count1 span, #count2 span, #count3 span {padding-right:3px; color:#333333}

#powered {padding:10px 10px 5px 10px; font:8pt verdana; color:#333333}
#copyright {padding:0px 10px 10px 10px; font:8pt verdana; text-align:justify; color:#333333}
#powered a, #copyright a {text-decoration:none; color:#333333; font-family:Gulim; font-weight:bold}
#powered a:hover, #copyright a:hover {text-decoration:underline}

#media {width:550px; margin-left:12px}
#mediaLogNest {height:850px !important}

#localog {margin:12px}
#localog .spot {font:9pt Dotum; color:#777777; height:20px}
#localog .spot span {color:#DDDDDD; padding-right:3px}
#localog .info {font:9pt Dotum; height:20px}
#localog .info a {color:#333333; text-decoration:none}
#localog .info a:hover {font-weight:bold}
#localog .info span {color:#999999; padding-right:3px}

#taglog {margin:12px}
#taglog ul {margin:0px; padding:0px; text-align:justify; line-height:25px}
#taglog ul li {list-style:none; display:inline; padding-right:3px}
#taglog ul li .cloud1 {font:14pt Dotum; background-color:#666666; color:#E1EBF9; padding:0px 2px 2px 2px; font-weight:bold}
#taglog ul li a:hover.cloud1 {background-color:#333333; color:#FFFFFF}
#taglog ul li .cloud2 {font:11pt Dotum; background-color:#E1EBF9; padding:0px 2px 2px 2px; color:#333333}
#taglog ul li a:hover.cloud2 {background-color:#DDDDDD}
#taglog ul li .cloud3 {font:10pt Dotum; font-weight:bold; color:#333333}
#taglog ul li a:hover.cloud3 {border-bottom:1px dashed #333333}
#taglog ul li .cloud4 {font:8pt Batang; color:#666666}
#taglog ul li a:hover.cloud4 {text-decoration:underline}
#taglog ul li .cloud5 {font:8pt Gulim; color:#999999}
#taglog ul li a:hover.cloud5 {text-decoration:underline}