@charset "utf-8";
/*******************************************************************************
*  style.css : 2009-05-03 : Bluum:fx for Textcube
* ------------------------------------------------------------------------------
*  stylesheet for Bluum:fx Skin for Textcube
*  Created by kimatg: http://www.xenosium.com
*
*******************************************************************************/

/*----------- global -------------*/
body		{ padding: 0px; margin: 0px; letter-spacing:-1px; font-family: Times New Roman, Malgun Gothic, "맑은 고딕", Tahoma, arial, Helvetica, sans-serif; font-size: 80%; color: #999999; background-color: #000; }
a 			{ text-decoration: none; }
a:visited 	{ color: #accb53; }
a:link 		{ color: #accb53; }
a:active 	{ color: #c36; }
a:hover 	{ color: #c36; }
:lang(ko)	{ font-family: Malgun Gothic, "나눔 고딕", 굴림, sans-serif; }
:lang(en) 	{ font-family: Times New Roman, arial, Helvetica, sans-serif; }


img 		{ border: 0 none; }
br 			{ letter-spacing: 0; }
hr 			{ display: none; }
fieldset 	{ border: 1px solid #333333; display: block; padding: 5px; }
legend 		{ color: #999; padding: 0 3px; }
p 			{ margin-bottom: 1.7em; }
address 	{ font-style: normal; }
cite 		{ font-style: normal; }
em 			{ font-style: normal; }
dfn			{ font-style: normal; }
.spacer		{ clear:both; }

/*-------------------------------*/
/* Backgrounds					 */
/*-------------------------------*/
#bghorizontal 	{ width: 100%; height: 100%; padding: 0; margin: 0; background-image: url('images/bghorizontal.gif'); background-position: right top; background-repeat: repeat-x; display: block; float: right }
#bgvertical 	{ width: 921px; height: 100%; margin: 0; padding: 0; background-image: url('images/bgvertical.gif'); background-position: right top; background-repeat: repeat-y; display: block; float: right }
#container 		{ height: 100%; margin: 0 0 0 auto; padding: 0; background-image: url('images/contentbg.jpg'); background-position: right top; background-repeat: no-repeat; display: block; float: right }
#mBody 			{ height: auto; clear: both; padding-right: 20px; }
.spacerbottom 	{ clear: both; width: 100%; height: 0;}

/*-------------------------------*/
/* Header and blogtitle */
/*-------------------------------*/
#header 		{ width: 850px; height: 80px; padding: 80px 20px 0 0; margin: 0; text-align: right;}
.blogTitle		{ height: 45px; line-height: 45px; padding: 0 20px 0 0; margin: 0;  
					font-size: 2.1em; letter-spacing: -1px; font-weight: bold; }
.blogTitle a	{ color: #cccccc }
.blogTitle a:hover, .blogTitle a:active, .blogTitle a:focus
				{ color: #eeeeee }

/*-------------------------------*/
/* Navbar */
/*-------------------------------*/
#menu			{ width: 350px; height: 40px; padding: 0; margin: 0; list-style: none; position: relative; float: right; display: inline; text-align: left}
#menu li		{ display: block; position: absolute; text-indent: -90000px; }
#menu span	{ display: none; position: absolute; }
#menu a		{ height: 35px; display: block; position: absolute; }
#menu a:hover	{ display: block; background-image: url('images/navbarhover.jpg'); }
#menu #Home	{ width: 48px; left: 80px; top: 0; background-position: -80px 0px}
#menu #Notice	{ width: 55px; left: 128px; top: 0; background-position: -128px 0px}
#menu #Taglist	{ width: 55px; left: 183px; top: 0; background-position: -183px 0px}
#menu #Location	{ width: 65px; left: 238px; top: 0; background-position: -238px 0px}
#menu #Guestbook{ width: 85px; left: 303px; top: 0; background-position: -303px 0px}

/*-------------------------------*/
/* Sidebar */
/*-------------------------------*/
#sidebar { padding: 0; margin: 0px; width: 400px; float: right; display: inline; left: 0px; top: 0px; overflow: hidden; }
#sidebar .left ul { margin: 0; padding: 0px; }
#sidebar .left ol { margin: 0; padding: 0px; }
#sidebar .left #RSSfeed { color: #E6E6E6; }
#sidebar .left #counter { color: #E6E6E6; }
#sidebar .left #calendar { color: #E6E6E6; }
#sidebar .left .recent { color: #E6E6E6; }
#sidebar .left #tagbox { color: #E6E6E6; }
#sidebar .left #category { color: #E6E6E6; }

/*----------------------Twitter---------------------*/
#twitter_div ul { margin-top: 5px; }
#twitter_div ul li { padding-left: 13px; padding-right: 13px; padding-bottom: 7px; padding-top: 0px; margin-top: 0px; list-style-type: none; color: #aaa; }
#twitter_div a { color: #e6e6e6; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #767676; }
#twitter_div:hover a { color: #fff; border-bottom-color: #accb53; }
#twitter_div:hover a:hover { color: #c36; background-color: #fff; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #accb53; }
#twitter_div .more { text-align: right; padding-right: 13px; }
#twitter_div .more a:visited { color: #fff; }
#twitter_div .more a:link { color: #fff; }
#twitter_div .more a:active { color: #c36; }
#twitter_div .more a:hover { color: #c36; }

/*----------------------Sidebar Right/Top ---------------------*/
#sidebar .right { margin: 0px 0px auto 0px; float: right; display: inline; width: 200px; height: auto; }
#sidebar .right h3 { margin: 0; width: 177px; color: #E6E6E6; background-position: right; height: 15px; padding-top: 20px; padding-right: 0; padding-left: 13px; }
#sidebar .right ul { width: 200px; padding: 15px 0 0 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#sidebar .right ol { width: 200px; padding: 15px 0 0 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }

/* recent RIGHT */
#sidebar .right .recent { padding-bottom: 3px; color: #C0C0C0; }
#sidebar .right .recent:hover { padding-bottom: 3px; color: #e6e6e6; }
.recent ul { margin-top: .3em; list-style: none; }
#sidebar .right .recent ol { margin-top: .3em; list-style: none; }
#sidebar .right .recent li { font: 0.98em/1.5 Arial, "Malgun Gothic", "나눔 고딕", helvetica, sans-serif; letter-spacing: -1px; border-bottom: 1px solid #aaa; }
#sidebar .right .recent li a { display: block; padding: .3em 0 .3em 13px; border-bottom: none; }
#sidebar .right .recent li a:visited { color: #C0C0C0 !important; border-bottom: none; }
#sidebar .right .recent li a:link { color: #C0C0C0 !important; border-bottom: none; }
#sidebar .right .recent:hover li a:visited { color: #e6e6e6 !important; border-bottom: none; }
#sidebar .right .recent:hover li a:link { color: #e6e6e6 !important; border-bottom: none; }
#sidebar .right .recent:hover li a:active { background: #e6e6e6; color: #c36 !important; border-bottom: none; }
#sidebar .right .recent:hover li a:hover { background: #e6e6e6; color: #c36 !important; border-bottom: none; }
#sidebar .right .recent span { color: #f90; }
#sidebar .right .recent cite { display: block; color: #767676; }
#sidebar .right .recent a { color: #e6e6e6; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #767676; }
#sidebar .right .recent:hover a { color: #fff; border-bottom-color: #accb53; }
#sidebar .right .recent:hover a:hover { color: #c36; background-color: #fff; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #accb53; }
#sidebar .right .recent .more { text-align: right; padding-right: 13px; padding-top: 5px; }
#sidebar .right .recent .more a:visited { color: #fff; }
#sidebar .right .recent .more a:link { color: #fff; }
#sidebar .right .recent .more a:active { color: #c36; }
#sidebar .right .recent .more a:hover { color: #c36; }

/* notice RIGHT/LEFT */
#sidebar .left .notice { padding-bottom: 3px; color: #E6E6E6; }
#sidebar .right .notice { padding-bottom: 3px; color: #E6E6E6; }
.left .notice ul { margin-top: .3em; list-style: none; }
#sidebar .left .notice ol { list-style: none; }
.right .notice ul { margin-top: .3em; list-style: none; }
#sidebar .right .notice ol { margin-top: .3em; list-style: none; }
#sidebar .right .notice li { background-position: 12px center; font: 0.98em/1.5 Arial, "Malgun Gothic", "나눔 고딕", helvetica, sans-serif; letter-spacing: -1px; border-bottom: 1px solid #eee; background-image: url('images/exclamation.gif'); background-repeat: no-repeat; }
#sidebar .left .notice li { font: 0.98em/1.5 Arial, "Malgun Gothic", "나눔 고딕", helvetica, sans-serif; letter-spacing: -1px; border-bottom: 1px solid #eee; background: url('images/exclamationw.gif') no-repeat 12px center; }
#sidebar .right .notice li a { display: block; padding: .3em 0 .3em 30px; }
#sidebar .left .notice li a { display: block; padding: .3em 0 .3em 30px; color: #333; }
#sidebar .left .notice a:hover { background: #e6e6e6 url('images/exclamation_on.gif') no-repeat 12px center; color: #c36; }
#sidebar .right .notice a:hover { background: #e6e6e6 url('images/exclamation_on.gif') no-repeat 12px center; color: #c36; }

/* search form */
#searchBox { width: 170px; height: 23px; padding: 3px 5px 3px 5px; border-color: #191919 #333333 #333333 #191919; border-style: solid; border-width: 1px; margin: 10px; overflow: hidden; text-align: right;
				background-color: #000000; font: 1em Arial, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; vertical-align: middle; color: #fff;  }
#searchBox .sInput	{ width: 142px; border: none; background: none; color: #666666; text-align: left; float: left; display: inline; padding: 4px 0 4px 0; line-height: 1.3em}
#searchBox .sInput:focus { color: #eeeeee }
#searchBox .searchSubmit { border-style: none; border-color: inherit; border-width: 0; width: 23px; height: 23px; padding: 0; margin: 0; background: url('images/btn_search.gif'); vertical-align: middle; cursor: pointer; display: inline-block; }
#searchBox .searchSubmit:hover { border-style: none; border-color: inherit; border-width: 0; width: 23px; height: 23px; padding: 0; margin: 0; background: url('images/btn_search_hover.gif'); vertical-align: middle; cursor: pointer; }
#searchBox .searchSubmit:active { border-style: none; border-color: inherit; border-width: 0; width: 23px; height: 23px; padding: 0; margin: 0; background: url('images/btn_search_click.gif'); vertical-align: middle; cursor: pointer; }
/* admin */
.adminMenu { text-align: center; vertical-align: middle; margin-top: 5px; margin-bottom: 10px; }
/* banner */
#banner { text-align: center; vertical-align: middle; margin-top: 5px; }
#banner img { text-align: center; vertical-align: middle; margin-left: 2px; margin-right: 2px; }
#banner2 { text-align: center; vertical-align: middle; margin-top: 5px; width: 200px; }
#banner2 img { margin: 2px; text-align: center; vertical-align: middle; }
/* Copyright */
#copyright { padding: 5px; margin-top: 5px; text-align: right; margin-right: 5px; background-color: #000000; font-style: italic; letter-spacing: -1px; font-size: 1.1em; float: left; width: 780px; height: 80px; vertical-align: top; overflow: hidden; }
/* Thessign */
#thessign { padding: 5px; margin-top: 5px; text-align: right; background-color: #000000; font-style: italic; letter-spacing: -1px; font-size: 1.1em; float: right; height: 80px; width: 71px; vertical-align: top; }
/* Validation */
#validation { color: #C0C0C0; font-size: 0.9em; text-align: center; margin-top: 5px; margin-bottom: 20px; }
#validation a { color: #fff; padding-left: 13px; background: url('images/icon-validate.gif') no-repeat 0 40%; margin-left: 3px; text-decoration: none; }
#validation a:active { background-color: #fff; }
#validation a:hover { background-color: #fff; }
#validation abbr { color: #fff; border-bottom-color: #accb53; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #767676; }
#validation a:hover abbr:visited { color: #fff; }
#validation a:hover abbr:link { color: #fff; }
#validation a:hover abbr:active { color: #accb53; background-color: #fff; border-bottom-color: #accb53; }
#validation a:hover abbr:hover { color: #accb53; background-color: #fff; border-bottom-color: #accb53; }
#validation a { }
#validation a:hover { color: #fff; padding-left: 13px; background: url('images/icon-validate.gif') no-repeat 0 40%; margin-left: 3px; text-decoration: none; }
/* RSS */
#subscription { margin-top: 5px; text-align: center; }
#subscription .rss { background: url('images/btn_rss.png') no-repeat left 50%; margin-top: 10px; padding: .1em 0 .1em 20px; font: 0.9em/2 Tahoma, Helvetica, sans-serif; color: #E6E6E6; }
/* flickr img hover */
#flickrSidebar .flickr_badge_image img:hover { border: 2px solid #eee; }

/*--------------------Sidebar Left---------------------*/
#sidebar .left { width: 200px; float: left; height: auto; display: inline; }
#rightColumn { margin-bottom: 5em; }
#rightColumn div { margin-top: 2em; }
#sidebar h3 { margin: 3px 0px 0px 0px; font-weight: 100; color: #E6E6E6; font-size: 1.65em; text-transform: lowercase; letter-spacing: -1px; width: 180px; }
#sidebar .left h3 { color: #222; width: auto; padding-left: 13px; padding-top: 3px; margin: 10px 0 5px 0  }
#sidebar .left h3 a { color: #222; }
#sidebar .left h3 a:hover { color: #fff; }

/*-----------------------blogger introduction ----------------------------*/
#bloggerTag { margin: 10px; padding: 0 0 10px 0 }
#bloggerTag img { width: 160px; height: 120px; display: block; margin: 5px; border: 5px #333333 solid}
#bloggerTag p { padding-right: 13px; padding-left: 13px; }
#bloggerTag pre.description { font: 0.9em/1.2 Tahoma, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; margin: 10px 0 5px 0; }
#bloggerTag p.owner { margin: 0; text-align: right; }

/*-----------------------Categories ----------------------------*/
#category div { width: 180px; margin: 0 !important; overflow: hidden;}
#category h3 { width: 180px; margin-bottom: .3em; }
#category ul { list-style: none; }

#category li a { display: block; border-bottom: 1px solid #eee; color: #333; padding-left: 13px; width: 180px; line-height: 1.7em;}
#category li a:visited { color: #B71767;}
#category li a:link { color: #B71767; }
#category li a:active { color: #c36; background-color: #e6e6e6; }
#category li a:hover { color: #c36; background-color: #e6e6e6; }
/*-----------------------1 depth ----------------------------*/
#category ul li ul li a { padding-left: 35px; background: url('images/bullet_category.gif') no-repeat; border-bottom: 1px solid #eee; background-position: 13px center; width: auto !important; }
#category ul li ul li a:visited { color: #333; }
#category ul li ul li a:link { color: #333; }
#category ul li ul li a:active { background-color: #e6e6e6; color: #c36; width: auto !important; }
#category ul li ul li a:hover { background-color: #e6e6e6; color: #c36; width: auto !important; }
/*----------------------2 depth ----------------------------*/
#category ul li ul { margin: 0; }
#category ul li ul li ul li {  }
#category ul li ul li ul li {  }
#category ul li ul li ul li a { background: url('images/bullet_category-2.gif') no-repeat 15px; line-height: 1.7em; }
/* selected */
#category .selected { font-weight: bold; }
#category .selected ul li { font-weight: normal; }
/* count  */
.c_cnt { color: #CC3366; }

/*-----------------------tag cloud (sidebar only) ----------------------------*/
.sidebartag { padding-top: 3px; width: 180px; margin-left: 13px; padding-bottom: 3px; }
#tagbox ul { padding-top: 1em; width: 180px; }
#tagbox li { display: inline; line-height: 14pt; text-transform: lowercase; width: 180px; letter-spacing: -1px; }
#tagbox li a.cloud1 { font-weight: 100; font-size: 1.7em; color: #b71968; }
#tagbox li a.cloud2 { font-weight: 100; font-size: 1.5em; color: #af3974; }
#tagbox li a.cloud3 { font-weight: 100; font-size: 1.3em; color: #af3974; }
#tagbox li a.cloud4 { font-size: 1.15em; color: #a85981; }
#tagbox li a.cloud5 { font-size: 1em; color: #9f7d8e; }
#tagbox li a:hover { background-color: #f5f5f5; text-decoration: none; color: #333; }
#tagbox .more { text-align: right !important; margin-top: 5px; padding-right: 5px; }
#tagbox .sidebartag .more a { letter-spacing: -1px; color: #e6e6e6; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #767676; }
#tagbox .sidebartag:hover .more a { color: #fff; border-bottom-color: #c36; }
#tagbox .more:hover a:hover { color: #c36; background-color: #fff; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #c36; }
#tagbox .more a:visited { color: #fff; }
#tagbox .more a:link { color: #fff; }
#tagbox .more a:active { color: #c36; }
#tagbox .more a:hover { color: #c36; }
/* recently */
.recent ul { margin-top: .3em; list-style: none; }
.recent ol { margin-top: .3em; list-style: none; }
.recent li { font: 0.98em/1.5 Arial, "Malgun Gothic", "나눔 고딕", helvetica, sans-serif; letter-spacing: -1px; border-bottom: 1px solid #eee; }
.recent li a { display: block; padding: .3em 0 .3em 13px; }
.recent li a:visited { color: #333; }
.left .recent li a:link { color: #333; }
.recent li a:active { background: #e6e6e6; color: #c36 !important; }
.recent li a:hover { background: #e6e6e6; color: #c36 !important; }
.recent span { color: #FFCC00; }
.recent cite { display: block; color: #eeeeee; }
.recent a:hover cite { display: block; color: #333333; }
/* Calendar */
#calendar table { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#calendar td { text-align: center; }
#calendar caption { margin-top: .8em; text-align: left; font: .8em Arial, Helvetica, sans-serif; }
#calendar th { height: 1.2em; font: normal 0.92em Arial, Malgun Gothic, '나눔 고딕', helvetica, sans-serif !important; }
#calendar tr.cal_week { font: .8em/2 'Trebuchet MS', Helvetica, sans-serif !important; }
#calendar td.cal_day4 { background-color: #e6e6e6; font-weight: bold; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
#calendar td a { text-decoration: underline; display: block; width: 100%; }
#calendar td a:visited { color: #abc833; }
#calendar td a:link { color: #abc833; }
#calendar td a:active { color: #390; background-color: #eff2e3; }
#calendar td a:hover { color: #390; background-color: #eff2e3; }
/* stats */
#counter:hover { color: #cccccc; }
#counter dl { margin-top: 1em; font: 0.92em Arial, "Malgun Gothic", "나눔 고딕", helvetica, sans-serif; padding-left: 13px; }
#counter dt { float: left; margin-right: .3em; }
/*-------------------------------*/
/* top */
/*-------------------------------*/
#author li { display: inline; margin-left: 1em; font-family: 'Lucida Grande', 'Myriad Pro', Tahoma, sans-serif; }
#author li a:visited { color: #ccc; }
#author li a:link { color: #ccc; }
#author li a:active { color: #eee; }
#author li a:hover { color: #eee; }
/* selected */
#tt-body-guestbook #header .tab_guestbook a { color: #dd568c; text-decoration: underline; }
#tt-body-notice #header .tab_notice a { color: #dd568c; text-decoration: underline; }
#tt-body-keylog #header .tab_keyword a { color: #dd568c; text-decoration: underline; }
#tt-body-tag #header .tab_tag a { color: #dd568c; text-decoration: underline; }
#tt-body-location #header .tab_location a { color: #dd568c; text-decoration: underline; }
#tt-body-cover #header .tab_cover a { color: #dd568c; text-decoration: underline; }
#tt-body-entry #header .tab_home a { color: #dd568c; text-decoration: underline; }
#tt-body-category #header .tab_home a { color: #dd568c; text-decoration: underline; }
#tt-body-archive #header .tab_home a { color: #dd568c; text-decoration: underline; }
#tt-body-search #header .tab_home a { color: #dd568c; text-decoration: underline; }
#tt-body-page #header .tab_home a { color: #dd568c; text-decoration: underline; }

/*-------------------------------*/
/* content column */
/*-------------------------------*/
#contentColumn { padding: 0px 20px 0px 20px; float: left; width: 460px; margin: -25px 0 0 0}
#contentColumn h2 { color: #accb53; font-weight: 100; font-size: 23px; margin-bottom: 10px; letter-spacing: -0.5pt; }
#contentColumn h3 { font-weight: 100; color: #808080; }
#contentColumn h4 { font-weight: 100; color: #808080; font-size: 1.2em; margin-top: 3px; }
#contentColumn h5 { font-weight: bold; color: #c36; font-size: 1.1em; letter-spacing: 2px; margin-bottom: 3px; margin-top: 3px; }
#contentColumn h6 { font-weight: bold; color: #c36; font-size: 1.4em; letter-spacing: 2px; margin-bottom: 3px; }
#contentColumn .postcomment { }
#contentColumn .postinfo ol { margin: 0; padding: 0; }
#contentColumn .postinfo li { margin: 0; padding: 0; }
#contentColumn .postinfo ul { margin: 0; padding: 0; }
#contentColumn textarea { width: 310px; border: 1px solid #767676; margin: 2px 0 2px 0; padding-left: 80px; padding-top: 4px; color: #808080; height: 16px; background-color: #333333; }
#contentColumn input { width: 305px; border: 1px solid #767676; margin: 2px 0 2px 0; padding-left: 80px; padding-top: 4px; color: #808080; height: 16px; background-color: #333333; }
#contentColumn textarea:hover { border: 1px solid #999999; }
#contentColumn input:hover { border: 1px solid #999999; }
#contentColumn textarea:focus { border: 1px solid #999999; }
#contentColumn input:focus { border: 1px solid #999999; }
#contentColumn input.name { background-image: url('images/comment/name.gif'); background-repeat: no-repeat; }
#contentColumn input.password { background-image: url('images/comment/password.gif'); background-repeat: no-repeat; }
#contentColumn input.website { background-image: url('images/comment/website.gif'); background-repeat: no-repeat; }
#contentColumn input#secret.checkbox { border: 0; color: #E6E6E6; width: 22px; }
#contentColumn .submit input { padding: 3px; border: 1px solid #767676; background-color: #333333; color: #E6E6E6; height: 28px; width: 394px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: -1px; font-weight: 100; }
#contentColumn .submit input:hover { border: 1px solid #999999; background-color: #464646; color: #E6E6E6; }
#contentColumn .submit input:active { background-color: #666666; color: #E6E6E6; }
#contentColumn textarea { padding: 3px; margin: 0px; border: 1px solid #767676; background-color: #333333; color: #E6E6E6; overflow: auto; height: 100px; width: 385px; }
#contentColumn fieldset .rp_infoblock { width: 340px; height: 22px; }
#contentColumn fieldset .rp_infoblock label { padding: 0px; margin: 3px; width: 80px; color: #E6E6E6; font-size: 0.9em; display: inline-block; }
#author { position: relative; margin: 0 5px; background: #222 url('./images/bg_authorBar.gif') repeat-x 0 0; font-size: 0.92em; line-height: 3.3em; }
* html #author { display: inline-block; }
#author span { position: relative; left: -5px; float: left; font-family: AppleGothic, Dotum, '돋움', 'Lucida Grande', 'Myriad Pro', Helvetica, Tahoma, sans-serif; padding-left: 30px; background: url('./images/bg_authorBarLeft.gif') no-repeat 0 0; color: #ccc; line-height: 3.4em; }
#author ul { position: relative; right: -5px; display: block; padding-right: 30px; background: url('./images/bg_authorBarRight.gif') no-repeat 100% 0; list-style: none; text-align: right; }
* html #author ul { display: inline-block; }
*:first-child + html #author ul { display: inline-block; }

.entry { margin-bottom: 2.5em; position: relative;}
/* subject */
.subject { margin-bottom: 10px; }
.subject ul { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #767676; }
.subject li { font: 0.95em "Trebuchet MS", Helvetica, sans-serif; color: #999; line-height: 20px; }
.subject .postInfo li { padding: .3em .6em .3em 5px; text-transform: uppercase; list-style-type: none; display: inline; }
.subject li a { font-family: Times New Roman, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; }
.subject p { padding: .3em 10px .3em 25px; background: #1f1f1f url('images/bullet_info.gif') no-repeat 5px 50%; border-bottom: 1px solid #767676; font: 0.92em 'Trebuchet MS', Helvetica, sans-serif; color: #999; }
/* categoryfloat */
.categoryfloat { position: absolute; display: inline-block; right: 860px; overflow: hidden; width: 80px; height: 80px; float: none; top: 55px; background-image: url('images/categoryballoon.gif'); background-repeat: no-repeat; text-align: center; }
/* Protected */
.protectedBody { margin-bottom: 2em; padding: 2em 0 2.5em; }
.protectedBody p { margin: .5em; }
.protectedBody input.submitBtn { width: 5em; font-size: 0.92em; }
/* search list */
.searchList { margin-bottom: 4em; }
.searchList ol { list-style: none; margin-left: 0px; padding-left: 0px; }
.searchList li { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #767676; }
.searchList li * { vertical-align: middle; }
.searchList li a { display: block; line-height: 1.9em; }
.searchList li a:hover { background-color: #e6e6e6; }
.searchList .slDate { color: #666; font-size: 0.92em; margin-right: .4em; }
.searchList .slCnt { color: #f90; font-size: 0.92em; margin-left: .2em; }

/* admin */
.subject .postadminpanel { width: 110px; height: 110px; position: absolute; left: -140px; padding: 25px 10px 5px 10px;
							background-image: url('images/adminpanel/bg.gif'); background-position: left top; background-repeat: no-repeat; font-family: Malgun Gothic, '나눔 고딕', helvetica, sans-serif;}
/* post edit menu CSS */
.subject .postmenu { border: none; list-style: none; margin-top: 5px; padding-top: 3px; }
.subject .postmenu li { line-height: 12pt }
.subject .admin { border: none; list-style-type: none; display: inline; letter-spacing: -1px; padding: 0 0 10px 0 }
.subject .admin li { line-height: 12pt }
.postadminpanel ul li	{ font-family: Times New Roman, Malgun Gothic, , '나눔 고딕', helvetica, sans-serif; }


/* Tag Relation */
.tagrelationfield ul { margin-left: 10px; }
.tagrelationfield li { list-style-type: circle; }
/* article */
.article { margin: 1em 0 1.8em; text-align: left; color: #999999; }
.article a { color: #eee; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #767676; }
.article:hover a { color: #eee; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #accb53; }
.article a:visited { color: #eee; }
.article:hover a:link { color: #eee; }
.article a:active { background-color: #fff; border-bottom: 1px dotted #accb43; color: #c36; }
.article:hover a:hover { background-color: #fff; border-bottom: 1px dotted #accb43; color: #c36; }
.article blockquote { margin: 1.7em auto; padding: 0 10px; width: 87%; color: #A4C2C6; border-left: 2px solid #ddd; }
.article fieldset { clear: both; }
.article hr { display: block; margin-bottom: 1em; }
.article ol { margin: 1em 0 1em 25px; padding-left: 0px; }
.article ul { list-style: none; margin: 1em 0 1em 0px; padding-left: 0px; }
.article ul li { margin: 0px; padding: 0px 0px 0px 20px; background: url('images/bullet_articleUI.gif') no-repeat 0 .5em; }
.article .infoAuthor { line-height: 1.2em; margin-top: 20px; text-align: right; }
.article .infoAuthor dfn { background: url('images/bullet_author.gif') no-repeat 0 50%; padding: 2px 0 2px 18px; }
.article .infoAuthor span { color: #999; font: 0.92em/2 'Trebuchet MS', Helvetica, sans-serif; }
.tt-gallery-box { clear: both; }
.galleryControl a { border-bottom: none !important; }
.imageblock { margin: 0 0 1.5em 0; padding: 0; border: none; }
.imageblock.right { margin: 0 0 .5em 0 !important; }
.imageblock.left { margin: 0 0 .5em 0 !important; }
.imageblock.left { padding-right: 10px; }
.imageblock.right { padding-left: 7px; }
.imageblock * { border: 0 none !important; }
.imageblock img { background-color: #fff; border: 2px solid #191919 !important; vertical-align: middle; margin-top: 3px; margin-bottom: 3px; }
.imageblock img:hover { background-color: #fff; border: 2px solid #eee !important; vertical-align: middle; margin-top: 3px; margin-bottom: 3px; }
.imageblock .extensionIcon img { border: none !important; margin-right: 2px; }
.imageblock .cap1 { color: #999; font-family: Times New Roman, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; font-size: 0.9em; line-height: 1.3; padding: 3px; text-align: center; margin: 5px 0 0 0; }
.imageblock.left .cap1 {color: #999; font-family: Arial, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; font-size: 0.9em; line-height: 1.3; padding: 3px; text-align: center; margin: 2px 0 0 0;}
.moreless_fold { color: #accb53; }
.moreless_fold:hover { color: #c63; }
.moreless_top { }
.moreless_bottom { }
.moreless_bottom span { }
.moreless_top span { }
.moreless_fold span { }
.moreless_content { }
#contentColumn .adsense { border-color: #333333; text-align: center; border-top-style: solid; border-top-width: 1px; padding-top: 10px; }
#sidebar .adsense { margin: 35px 10px 10px 10px; text-align: center; vertical-align: middle; font-size: 0.8em; font-family: Times New Roman, Malgun Gothic, "나눔 고딕", arial, helvetica; }
#sidebar .xboxlive { text-align: center; margin-left: 2px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; }
/* tag, comments btn */
.miscInfo { clear: both; margin: 2em 0 1em; padding: 0 0 .3em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0.92em; line-height: 1.5em; border-top-color: #767676; border-bottom-color: #767676; }
.miscInfo dl { margin: 5px 0px 5px 0px; padding: .2em 0; }
.miscInfo dt { float: left; width: 6em; margin: .3em 0 0; padding-left: 20px; }
.miscInfo .postTag { background: url('images/bullet_tag.gif') no-repeat 0 45%; }
.miscInfo .response { background: url('images/bullet_comment.gif') no-repeat 0 50%; }
.miscInfo dd { margin: .3em 0 0 8em; padding-left: .5em; }

#contentColumn .article h3				{ font-weight: bold; color: #c36; font-size: 1.4em; letter-spacing: 2px; margin: 5px 0 5px 0; }
#contentColumn .article h4				{ font-weight: bold; color: #c36; font-size: 1.1em; letter-spacing: 2px; margin: 5px 0 5px 0;}
#contentColumn .article h5				{ font-size: 1.1em; margin: 5px 0 5px 0; color: #accb53; font-weight: bold}
#contentColumn .article h6				{ font-size: 1em; margin: 5px 0 5px 0; color: #accb53; font-weight: bold}

#contentColumn .postSecretPassword	input.password	{ margin:0; padding: 5px 5px 5px 80px ; width: 200px; height: 15px; display:inline;}
#contentColumn .postSecretPassword	input.submitBtn	{ margin:0; padding: 5px; width: 40px; height: 25px; display:inline;}


/*-------------------------------*/
/* trackback */
/*-------------------------------*/
.trackback .url { background: url('images/bullet_uri.gif') no-repeat 5px 50%; padding-left: 20px; font: 0.9em 'Trebuchet MS', Helvetica, sans-serif; }
/* Trackback list */
.trackback h3 { display: none; }
.trackback { padding-bottom: .5em; }
.trackback ol { margin: 10px 0 0 0; list-style: none; padding-left: 0px; }
.trackback ol li { margin-bottom: 1em; padding: .5em 1em; background-color: #333333; border: 1px solid #767676; margin-left: 0px; }
.trackback li p { margin-bottom: 1em; }
.trackback li span { font: 0.92em 'Franklin Gothic Medium', Helvetica, sans-serif; color: #999; }
.trackback span a:visited { color: #999; }
.trackback span a:link { color: #999; }
.trackback span a:active { color: #333; }
.trackback span a:hover { color: #333; }
.trackback li p { margin: .8em 0; text-align: left; }
.trackback cite { font-family: Times New Roman, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; }
/*-------------------------------*/
/* Comments, Guestbook */
/*-------------------------------*/
.entry .list { margin: .5em 0 2em; }
#guestBook .list { margin-top: 2em; }
/* Comment list */
.list h3 { display: none; }
.list ol { list-style: none; margin-bottom: 2em; margin-left: 0px; padding-left: 0px; width: auto; }
.list li { border-style: solid; border-width: 1px 1px 1px 7px; border-color: #333333; margin-bottom: 1em; margin-left: 0px; padding-left: 0px; width: auto; }
* html .list li { display: inline-block; }
*:first-child + html .list li { display: inline-block; }
.list li p { clear: left; margin-bottom: .5em; padding: 0 1em .3em; }
.list p.content { margin-top: 0.3em; }
.list p.author { padding: 0; font-size: 1.2em; font-weight: 100; margin-top: .7em; margin-right: .7em; margin-left: .7em; }
.list span.command { display: block; margin-bottom: 1em; font-size: 0.92em; font-family: 'Franklin Gothic Medium', Helvetica, sans-serif; color: #999; }
.list span a { text-decoration: underline; font-size: 0.92em; font-weight: normal; }
.list span a:visited { color: #999; font-size: 0.92em; font-weight: normal; }
.list span a:link { color: #999; font-size: 0.92em; font-weight: normal; }
.list span a:active { color: #CCCCCC; }
.list span a:hover { color: #CCCCCC; }
.list cite { margin: .6em 0 -2px 0; display: block; }
.list span abbr { border: 0 none; }
/* Reply */
.list ol li ol { margin: 0; width: auto; }
.list ol li ol li { border-style: solid; border-width: 1px 1px 1px 7px; border-color: #333333; margin: .3em .3em .3em 10px; padding-bottom: .3em; width: auto; }
.list .author cite img { float: left; margin: 0 0.5em 3px 0; background-color: #fff; border: 1px solid #ddd; padding: 2px; }
/* Comments Class[##_rp_rep_class_##] */
.rp_general { }
.rp_admin { background: #333333 url('images/iconAdmin2.gif') no-repeat; }
.rp_secret { color: #f30; font-weight: bold; }
.rp_secret ol li p.content { color: #999999; font-weight: normal; }
/* Comments Class [##_guest_rep_class_##] */
.guest_general { }
.guest_admin { background: #333333 url('images/iconAdmin2.gif') no-repeat; padding-left: 20px; }
.guest_admin cite { color: #accb53; }
/* Write area */
form legend { font: 1.3em 'Franklin Gothic Medium', Helvetica, sans-serif; }
form fieldset div { margin: .3em 0; width: 340px; }
form label { padding-left: .2em; vertical-align: middle; font: 1em 'Franklin Gothic Medium', Helvetica, sans-serif; }
form label em { color: #999; }
form input { width: 180px; padding: 2px .5em; background-color: #e6e6e6; border: 1px solid #ddd; font: 1em AppleGothic, Gulim, '굴림', sans-serif; vertical-align: middle; color: #666; }
form textarea { width: 340px; height: 12em; padding: 2px .5em; background-color: #e6e6e6; border: 1px solid #ddd; font: 1em Arial, Malgun Gothic, '나눔 고딕', helvetica, sans-serif; color: #666; }
textarea:focus { background-color: #fff; border-top-color: #aaa; border-left-color: #aaa; }
form input:focus { background-color: #fff; border-top-color: #aaa; border-left-color: #aaa; }
.checkbox { width: 12px; padding: 0; border: 0 none; background: none; }
.submit { height: 3.2em; }
.submit input { border: 1px solid #767676; width: 340px; height: 25px; margin-top: 5px; padding: .3em; font-size: 0.92em; color: #666; cursor: pointer; }

/*-------------------------------*/
/* location log */
/*-------------------------------*/
#location { margin-bottom: 3em; }
#location dd { margin-bottom: 5px; margin-left: -20px}
#location dt { margin-bottom: 5px; margin-left: 5px}
#location dt span { padding-left: 12px; background: url('images/bullet_indent.gif') no-repeat 0 3px; font-size: 1.1em; letter-spacing: -1px }
#location dt span { padding-left: 12px; background: url('images/bullet_indent.gif') no-repeat 0 3px; font-size: 1.1em; letter-spacing: -1px }
/* first child */
#location dt .dent0 { padding-left: 18px; margin-left: -5px; background: url('images/bullet_globalspot.gif') no-repeat 5px 50% !important; font-weight: bold; font-size: 1.2em; letter-spacing: -1px}
#location dd span { padding-left: 10px; background: url('images/bullet_spot.gif') no-repeat 0 3px; }
#location dd .localAuthor { font-size: 0.92em; vertical-align: middle; color: #999; }

/*-------------------------------*/
/* tag log (page)*/
/*-------------------------------*/
#taglog { margin-bottom: 3em; }
#taglog ul { list-style: none; text-align: justify; margin-left: 0px; padding-left: 0px; letter-spacing: -1px; word-spacing: 1px; margin-top: 10px; padding-top: 0px; }
#taglog li { display: inline; line-height: 2.2em; }
#taglog li a.cloud1 { font-weight: 100; font-size: 1.6em; }
#taglog li a.cloud2 { font-weight: 100; font-size: 1.6em; color: #a4c153; }
#taglog li a.cloud3 { font-weight: 100; font-size: 1.6em; color: #819644; }
#taglog li a.cloud4 { font-weight: 100; font-size: 1.6em; color: #556232; }
#taglog li a.cloud5 { font-weight: 100; font-size: 1.6em; color: #2e3322; }
#taglog li a:hover { color: #c36; }

/*-------------------------------*/
/* keyword log */
/*-------------------------------*/
#keywords ul { list-style-type: none; text-align: left; margin-left: 0px; }
#keywords ul li { display: inline; line-height: 2.2em; list-style-type: none; padding-right: 10px; }

/*-------------------------------*/
/* cover */
/*-------------------------------*/
.coverpost { clear: both; border-bottom: 1px solid #ddd; margin: 10px 0; }
.coverpost h2 { font-size: 120%; padding-right: 5px; }
.coverpost h2 a { letter-spacing: -1px; line-height: 125%; }
.coverpost .img_preview { float: right; padding: 0 5px 5px 0; }
.coverpost .img_preview img { border: 2px solid #ccc; cursor: pointer; height: 80px; width: 80px; }
.coverpost .post_info { background-color: #e6e6e6; border-bottom: 1px solid #e8e8e8; font: 0.9em Dotum, Arial, sans-serif; padding: .3em .6em .3em 0; }
.coverpost .post_info span { line-height: 1.2em; padding: .3em 0 .3em 22px; }
.coverpost .post_info .category { background: url('images/bullet_clock.gif') no-repeat 6px 50%; }
.coverpost .post_info .category a { color: #888; margin-right: 6px; }
.coverpost .post_info .date { background: url('images/bullet_folder.gif') no-repeat 0 50%; color: #888; font-family: Verdana, Helvetica, Arial, Gulim, sans-serif; padding-left: 16px; }
.coverpost .post_info .author .preposition { display: none; }
.coverpost .post_info .author { background: url('images/bullet_author.gif') no-repeat 6px 50%; }
.coverpost .post_content { margin: 5px 0; line-height: 125%; overflow: hidden; }
.coverpost .post_tags { background: url('images/bullet_tag.gif') no-repeat 0 0.35em; clear: both; line-height: 1.2em; padding: 5px 5px 5px 20px; }
.coverpost .post_tags a { font-size: 0.9em; }
.coverpost .post_tags span { display: none; }
.clear { clear: both; }

/*-------------------------------*/
/* page navigation */
/*-------------------------------*/
.paging { margin: 4.5em 0 0 0; font: 0.9em 'Trebuchet MS', Helvetica, sans-serif; text-align: center; color: #ccc; }
.paging a:visited { color: #666; }
.paging a:link { color: #666; }
.paging a:active { color: #c36; }
.paging a:hover { color: #c36; }
.paging .selected { font-weight: bold; color: #b6447c; }
.no-more-prev, a.no-more-prev:hover, .no-more-next, a.no-more-next:hover { color: #333 }

/*-------------------------------*/
/* footer */
/*-------------------------------*/
#footer 			{ padding-top: 50px; margin-right: 20px; text-align: right; padding-right: 10px; padding-left: 10px; clear: both; float: right}
#footer address 	{ position: relative; right: -5px; padding: 1em 5px 0 0; background: url('./images/bg_footerRight.gif') no-repeat 100% 0; }
address.credit 		{ clear: both; color: #333; font-family: 'Lucida Grande', 'Myriad Pro', 'Trebuchet MS', Tahoma, Helvetica, sans-serif; font-size: 0.9em; padding: 20px 0 15px !important; text-align: center; }
address.credit a 	{ color: #555; border-bottom: 1px dashed #b4e7f3; }
address.credit a:hover { color: #017c99; }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display: none; }
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top: 1em; }
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.article ul.tabbernav li a { color: #eee; border-bottom: none; }
.article:hover ul.tabbernav li a { color: #eee; border-bottom: none; }
ul.tabbernav { background-position: left center; margin: 0px 0px 20px 0px; padding: 3px 0; list-style-type: none; list-style-image: none; text-align: right; background-image: url('./images/languages.gif'); background-repeat: no-repeat; width: 400px; }
.nobg ul.tabbernav { background-position: left center; margin: 0px 0px 20px 0px; padding: 3px 0; list-style-type: none; list-style-image: none; text-align: right; background-image: none; width: 400px; }
ul.tabbernav li { padding: 0px; list-style: none; margin: 0; display: inline; list-style-type: none; list-style-image: none; background-image: none; }
ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; text-decoration: none; }
.article:hover ul.tabbernav li a:hover { color: #c36; }
ul.tabbernav li.tabberactive a { color: #accb53; font-weight: bold; }
.article:hover ul.tabbernav li.tabberactive a { color: #accb53; border-bottom: none; }
.article:hover ul.tabbernav li.tabberactive a:hover { color: #c36; font-weight: bold; }
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { }
