/* 본문 공통 */
*{margin:0;padding:0;}
html,body{background:#FFF;color:#333;text-align:center;} 
body, table, tr, textarea{font-family: arial, verdana, Helvetica, tahoma, time new roman; font-size: 12px; color: 000000; line-height: 1.2}

a{color:#333;text-decoration:none;}
a:hover{color:#666;}

.cattitle  {font-family: Arial, verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
.headtitle  {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #545454; text-decoration: none;}
.itemtitle  {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #545454; text-decoration: none;}
.helptitle  {font-family: Arial, verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #545454; text-decoration: none;}
.infotitle  {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
.hottitle  {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
.title  {font-family:   Arial, verdana,  Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #545454; text-decoration: none;}
.recommend  {font-family:   Arial, verdana,  Helvetica, sans-serif; font-size: 28px; font-style: normal; font-weight: normal; color: #545454; text-decoration: none;}
.count  {font-family:   Arial, verdana,  Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #660000; text-decoration: none;}





/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */



img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1{font-size:18px;}
h2{font-size:16px; font-family:   Arial, verdana,  Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #545454; text-decoration: none;}
h3{font-size:14px;}
h4{font-size:13px;}
textarea        { border:1px solid #aaa;}

/* 블로그 레이아웃 */

#wrapper{border-top:3px solid #dddddd; margin:0px auto;text-align:left;width:915px;}  

/* masthead / footer - navigation and categories */
#masthead{padding:30px 0px 10px 0px; }
#masthead h1 a{text-transform:uppercase;width:300px;float:left;margin:12px 0 0 0;}
#masthead h1 a em{font-style:normal;color:#555;}
#authorBlurb img{float:right;width:42px;height:38px;border:3px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.3em;width:300px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;background:#EEE;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:120px;}
.nav li a{font-size:13px;font-weight:bold;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:119px;text-transform:uppercase;}
.nav li a span{font-size:11px;font-weight:normal;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#333;color:#eee!important;width:115px;}
* html .nav li a:hover{background:#333;width:119px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:115px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover {color:#eee !important; background-color:#333; width:115px;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:91px;}
#archives li a{font-weight:normal;color:#7F7F7F;width:109px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}

/* navigation tab menu */
#tt-body-page .tab_page a,
#tt-body-search .tab_page a,
#tt-body-archive .tab_archive a,
#tt-body-category .tab_page a,
#tt-body-entry .tab_page a,
#tt-body-tag .tab_tag a,
#tt-body-notice .tab_notice a,
#tt-body-media .tab_media a,
#tt-body-guestbook .tab_guest a
	{
	background-color:#333;
        color:#fff; width:115px;
	}
#tt-body-page .tab_page a:hover,
#tt-body-search .tab_page a:hover,
#tt-body-archive .tab_archive a:hover,
#tt-body-category .tab_page a:hover,
#tt-body-entry .tab_page a:hover,
#tt-body-tag .tab_tag a:hover,
#tt-body-notice .tab_notice a:hover,
#tt-body-media .tab_media a:hover,
#tt-body-rss .tab_rss a:hover,
#tt-body-guestbook .tab_guest a:hover
	{
	background:#aaa;
        color:#fff; width:115px;
	}


/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 0;width:770px;}

#sidebar {
	float:right;
	width: 195px;
        padding:0;
        margin:0;
}



/* category part */

#category                      { font: 100%/170% Arial, Helvetica, sans-serif !important;
                                 padding:0;
                                 margin-bottom:30px;
                                }
#category li                   { background:none;  padding:0; margin:0;}
#category h1                   { color:#626469; padding-top:4px;
                                border-top:1px solid #bbb;
                                margin-bottom:4px; 
                                background:url(images/li.gif) 0 3px no-repeat;  padding-left:16px;
                                }
#category h2                   { color:#626469; padding-top:4px; padding-bottom:4px; 
                                border-top:1px solid #bbb; border-bottom:1px solid #bbb;
                                font: bold 100%/170% Arial, Helvetica, sans-serif !important;
                                margin-top:8px;
                                background:url(images/li.gif) no-repeat left center;  padding-left:16px;}

#category h3                    { color:#444; padding:0; margin-bottom:5px; font: bold 16px Arial, Helvetica, sans-serif !important }

#category li a         { background:url(images/li_dark.gif) 0 0px no-repeat;  padding-left:16px;}
#category li a:hover   { background:url(images/li_dark.gif) 0 0px no-repeat;  padding-left:16px;  color:#000;}
#category li ul li    { background:url(images/li.gif) 0 5px no-repeat;  padding-left:10px;}
#category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#category li ul li ul li a{ color:#999;}

#btnRSS           { text-align:center;  padding:0; margin:20px 0px 5px 0px;}
#btn531          { text-align:center;  padding:0; margin:0px 0px 5px 0px; }
#btnis         { text-align:center;  padding:0; margin:0px 0px 5px 0px; }
#google         { text-align:center;  padding:0; margin:0px 0px 10px 0px; }

/* ***** mainCol ***** */
#mainCol .nonEntry {padding:10px;}
#mainCol .nonEntry h3   { border-bottom:1px solid #ccc;  margin-bottom:10px;  color:#222;}

#mainCol .entryNotice, 
#mainCol .entryProtected, 
#mainCol .entry             { border:none;  padding:0;  margin-bottom:10px; width:770px;}


#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog a:hover             { background-color:#eee;  color:#000;}
#taglog li .cloud1          { background:none;  color:#F287B7; font-size:12px;}
#taglog li .cloud2          { background:none;  color:#6CC0C0; font-size:12px;}
#taglog li .cloud3          { background:none;  color:#EBAB00; font-size:12px;}
#taglog li .cloud4          { background:none;  color:#ABB400; font-size:12px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }




.article                 { width:770px; margin:0; padding:0; overflow:hidden; font: 100%/170% Arial, Helvetica, sans-serif;}
.atbottom         { height:10px; margin:0; padding:0;}
.article a:link          {text-decoration:none; color:#545454;}
.article a:visited       {text-decoration:none; color:#545454;}
.article a:hover         {text-decoration:none; color:#545454; border-bottom:1px dotted #3C9CD6;}
.article a:active        {text-decoration:none; color:#545454; border-bottom:1px dotted #3C9CD6;}

.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;}






/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

.profileimg {
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:2px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 2px 2px 2px 2px;
background-color:white;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 2px;
}

/* Paging */
#page{
	border:none;
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	display: inline;
}
#page li{
	border:0;
	margin:0px 4px 0px 0px;
	padding:0;
	font-size:11px;
	list-style:none;
	display: inline;
}
#page a{
	border:solid 1px #999999;
	margin-right:2px;
}
#page .selected{
    border:solid 1px #999999;
	background:#DEDEDE;
	color:#545454;
	font-weight:bold;
	display:block;
	float:left;
	padding:3px 6px;
}
#page a:link, #page a:visited {
	color:#545454;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#page a:hover{
	border:solid 1px #545454
}
#page .previous-off, #page .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#page .next a, #page .previous a {
	font-weight:bold;
}